@charset "shift_jis";
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　top-item

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.top-item-area {
	max-width: 1500px;
	width: 100%;
	overflow: hidden;
	letter-spacing: -.40em;
	position: relative;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.top-item-area.pattern-carousel .slick-list {
	width: -webkit-calc(100% - 60px);
	width: 98%;
	display:inline-block;
	width: calc(100% - 60px);
	padding: 0 10px;
}
.top-item-area .slick-track {
	margin-left:0;
}
.top-item-area .top-item-box {
	display: inline-block;
	letter-spacing:normal;
	vertical-align: top;
	position: relative;
}
.top-long-topic-bnr {
	display:inline-block;
	padding: 0;
	text-align:center;
	vertical-align: middle;
}
.top-item-area.item3 .top-item-box {
	padding: 0 15px;
}
@media screen and (min-width:680px) {
	.top-long-topic-bnr .slick-prev,
	.top-long-topic-bnr .slick-next {
		display:none;
	}
	.top-long-topic-bnr.pattern-carousel .slick-list {
		overflow-x: hidden !important;
	}
}
@media screen and (max-width:679px) {
	.top-long-topic-bnr {
		padding: 10px 0 0;
	}
	.top-long-topic-bnr.pattern-carousel .slick-track {
		width: 718px;
	}
	.top-item-area.item3.top-long-topic-bnr .top-item-box {
		width: 239px;
		padding: 0 6px;
	}
}
.top-item-area.item5 .top-item-box {
	padding: 0 15px;
}
.top-item-area.item5 {
	height: 210px;
}
.top-item-area.item5 .top-item-box {
	width: 240px;
}
.top-item-area.item5.pattern-carousel, .top-item-area.item5.pattern-carousel .slick-list {
	height: auto;
	overflow: hidden;
}
.top-item-area.item5.pattern-carousel {
	padding-bottom: 1em;
}
.top-item-area.item5.pattern-carousel .top-item-box {
	width: 224px;
}

.top-item-area.item8 .top-item-box {
	padding: 0 5px;
}
.top-item-area.item8.pattern-carousel ,
.top-item-area.item8.pattern-carousel .slick-list {
	height: auto;
	overflow:hidden;
}
.top-item-area.item8 .top-item-box {
	width: 140px;
}
.top-item-area .top-item-name {
	font-size: 14px;
	color: #666;
	display:block;
	text-align:left;
	padding: 5px 0 0 0;
}
.top-item-area .omit{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.top-item-area .top-item-price {
	font-size: 18px;
	font-weight: bold;
	color: #D80000;
	display:block;
	text-align:right;
	padding: 12px 0 0 0;
	line-height: .9em;
}
.top-item-area .top-item-sku {
	color: #666;
	font-size:12px;
}
.carousel-review-link {
	display: inline-block;
	padding: 0 0 1em .2em;
}
.top-item-item-review .carousel-svg::before {
	color: #fc0;
	font-size: 12px;
}
.top-item-item-review .carousel-review-quantity {
	color: #2976c6;
	font-size: .7em;
	display: inline-block;
	padding: 0 0 0 3px;
}
.top-item-area .slick-prev,
.top-item-area .slick-next {
	font-size: 0;
	line-height: 0;
	position: initial;
	display: inline-block;
	width: 30px;
	height: 100%;
	padding: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background-color: transparent;
	z-index: 10;
}
.top-item-area .slick-prev:before,
.top-item-area .slick-next:before {
	font-family: sanwasvg;
	font-size: 30px;
	line-height: 1;
	color: #2976c6;
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position:absolute;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.top-item-area .slick-prev:before {
	content: '\e923';
}
.top-item-area .slick-next:before {
	content: '\e91f';
}
.top-item-area .slick-prev.slick-disabled:before,
.top-item-area .slick-next.slick-disabled:before {
	opacity: .25;
}
.top-item-area .delete-element {
	position: absolute;
	top: 3px;
	right: 8px;
	display: none;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	background: rgba(50,50,50,.7);
}
.top-item-area .delete-element:hover {
	background: rgba(41,118,198,.9);
	transition: all 0.1s ease;
	text-decoration: none;
}
.top-item-area .delete-element::before {
	content: "\e90e";
	color: #fff;
	font-family: "sanwasvg";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
.top-item-area .top-item-box:hover .delete-element {
	display: block;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　top-ranking　＆　top-recommend-item

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media screen and (max-width:780px) {
.top-item-area .top-item-name {font-size: 12px;}
.top-item-area .top-item-price {font-size: 14px;}
}

.top-recommend-item.top-item-area.item5.pattern-carousel .top-item-box {
	padding-top:33px;
}
.top-ranking .top-item-box .rank-no {
	display: inline-block;
	color: #333;
	margin: 0 auto 5px;
	font-size: 1.6em;
	font-family: 'Segoe UI', arial ,sans-serif;
	line-height:1;
	font-weight:bold;
}
.rank-no-i {
	font-size: .6em;
	font-weight: normal;
	display:inline-block;
	padding:0 0 0 3px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Osaka, sans-serif, arial, verdana;
}
.top-ranking .top-item-box .rank-no:before {
	font-family: 'sanwasvg';
	content: "\e910";
	font-weight:normal;
	color: #333;
	font-size: 1.2em;
	vertical-align: text-bottom;
	display: inline-block;
	padding: 0 8px 0 0;
}
.top-ranking .top-item-box:nth-child(1) .rank-no ,
.top-ranking .top-item-box:nth-child(1) .rank-no:before {
	color: #cda832;
}
.top-ranking .top-item-box:nth-child(2) .rank-no ,
.top-ranking .top-item-box:nth-child(2) .rank-no:before {
	color: #999;
}
.top-ranking .top-item-box:nth-child(3) .rank-no ,
.top-ranking .top-item-box:nth-child(3) .rank-no:before {
	color: #a1723b;
}
.top-ranking .top-item-box:nth-child(n + 4) .rank-no:before {
	display: none;
}
.top-ranking .top-item-box .icon-sale:before ,
.top-recommend-item .top-item-box .icon-sale:before {
	position: absolute;
	right: 15px;
	top: -9px;
	color: #d80000;
	font-size: 2.98em;
	z-index: 10;
}
.top-recommend-item .top-item-box .icon-sale:before {
	left: 15px;
}
.top-ranking .top-item-price ,
.top-recommend-item .top-item-price {
	text-align: left;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　top-article

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.top-article-area * {
	vertical-align: middle;
}
.top-article-area ul {
	letter-spacing: -.40em;
	list-style: none;
	letter-spacing: -.40em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.top-article-area .top-article-item {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin:0 auto 1em;
	width:31.3%;
	-ms-flex-preferred-size: 31.3%;
	flex-basis: 31.3%;
}
.top-article-area .top-article-item a {
	border-bottom: 1px solid #ddd;
	padding:15px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	float: none;
	box-sizing: border-box;
	width: 100%;
}
.top-article-area .top-article-item a:hover {
	opacity: 0.9;
}
.top-article-area .top-article-item img {
	letter-spacing: normal;
	width: 100px;
	height:100px;
	margin: auto;
}
.top-article-item-txt-box {
	letter-spacing: normal;
	display: inline-block;
	width : 60%; /* IE8以下とAndroid4.3以下用フォールバック */
	width : -webkit-calc(100% - 100px);
	width : calc(100% - 100px);
	padding: 0 0 0 15px;
	color: #777;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.top-article-category {
	font-size:.75em;
	margin: 0 auto auto 0;
}
.top-article-ttl {
	color: #333;
	font-size: 1.1em;
	line-height: 1.5;
	padding: 8px 0;
	word-break: break-all;
	word-wrap: break-word;
	margin: auto auto auto 0;
	letter-spacing: .05em;
	font-weight:bold;
}
.top-article-day {
	font-size:.75em;
	text-align:right;
	margin:auto 0 0 auto;
}
@media screen and (max-width:1450px) {
	.top-article-area .top-article-item {
		width:48%;
		-ms-flex-preferred-size: 48%;
		flex-basis: 48%;
	}
}
@media screen and (max-width:770px) {
	.top-article-area .top-article-item {
		width:100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin: auto;
	}
	.top-article-area .top-article-item a {
		padding: 10px 0;
	}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　notice-day

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.top-notice-ul li a {
	display: block;
	padding: 0.4em 0;
}
.top-notice-day {
	color: #666;
	display: inline-block;
	width: 100px;
	font-size: .95em;
	vertical-align: top;
}
.top-notice-matter {
	color: #333;
	letter-spacing: .01em;
	display: inline-block;
	width : 80% ; /* IE8以下とAndroid4.3以下用フォールバック */
	width : -webkit-calc(100% - 100px) ;
	width : calc(100% - 100px) ;
}
.top-notice-ul li a:hover .top-notice-matter {
	color:#2976c6;
}
.top-notice-matter::after {
	font-family: 'sanwasvg';
	content: "\e91f";
	color: #2976c6;
	font-size: 1em;
	transition-duration: 0.3s;
	display:inline-block;
	padding:0 5px 0 10px;
}
.top-notice-ul li a:hover .top-notice-matter::after {
	padding:0 0 0 15px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　under-topic-icon

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.under-topic-icon-area {
	margin: 0 auto;
}
.under-topic-menu {
	list-style: none;
	letter-spacing: -.40em;
}
.under-topic-menu li {
	display: inline-block;
	letter-spacing: 1px;
	padding: 0 12px;
	font-size: 1.3em;
	margin: 0 0 1em;
	text-align:center;
}
.under-topic-menu a {
	display: inline-block;
}
.under-topic-menu a:hover * {
	opacity:0.8;
}
.under-topic-txt {
	color: #111;
	display: inline-block;
	vertical-align: bottom;
}
.under-topic-icon:before {
	display: inline-block;
	padding: 0 .3em 0 0;
	color: #2976c6;
	font-size: 1.4em;
	vertical-align: bottom;
}
@media screen and (max-width:1099px) {
	.under-topic-menu li {
		padding: 0 5px;
		width:14%;
		vertical-align: top;
	}
	.under-topic-menu a {
		display: block;
	}
	.under-topic-txt {
		color: #111;
		display: block;
	}
	.under-topic-icon {
		display: inline-block;
		border-radius: 50%;
		border: 2px solid #ddd;
		width: 100%;
		padding-top: 100%;
		position: relative;
		background-size: 80%;
		background-position: center;
		background-repeat: no-repeat;
	}
	.under-topic-icon:before {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		padding:0;
		font-size: 3.5em;
	}
	.under-topic-txt {
		font-size: 12px;
	}
}
@media screen and (max-width:870px) {
	.under-topic-icon:before {
		font-size: 3em;
	}
}
@media screen and (max-width:720px) {
	.under-topic-icon:before {
		font-size: 2.5em;
	}
}
@media screen and (max-width:650px) {
	.under-topic-icon:before {
		font-size: 2em;
	}
}
@media screen and (max-width:600px) {
	.under-topic-icon:before {
		font-size: 1.5em;
	}
}
@media screen and (max-width:350px) {
	.under-topic-icon:before {
		font-size: 1em;
	}
}

/* color */
.under-topic-icon.icon-new:before {
	color:#2976C6;
}
.under-topic-icon.icon-sale2:before {
	color:#FF2A8A;
}
.under-topic-icon.icon-outlet:before {
	color:#FF7139;
}
.under-topic-icon.icon-restock:before {
	color:#A172FF;
}
.under-topic-icon.icon-rank-mono:before {
	color:#339fbe;
}
.under-topic-icon.icon-honten:before {
	color:#2AC3A2;
}
.under-topic-icon.icon-point:before {
	color:#FF7139;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　hou-service

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
ul.hou-service-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	letter-spacing: -.40em;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
li.hou-service-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	letter-spacing: normal;
	width: 24%;
	-ms-flex-preferred-size: 24%;
	flex-basis: 24%;
	border: 1px solid #ddd;
	padding: 1.5em 1em 2em;
	text-align: center;
}
@media screen and (max-width:1400px) {
	li.hou-service-list {
		width: 49%;
		-ms-flex-preferred-size: 49%;
		flex-basis: 49%;
		margin-bottom:1em;
	}
}
@media screen and (max-width:500px) {
	li.hou-service-list {
		width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
}
li.hou-service-list:last-child {
	background-color: #f4faff;
}
.hou-service-list-ttl {
	margin: 0 auto auto;
	width: 100%;
}
.hou-service-list-ttl-icon:before {
	display: inline-block;
	width: 16%;
	font-size: 2.5em;
	vertical-align: middle;
}
.hou-service-list-ttl-txt {
	width: 81%;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding: 0 0 0 8px;
}
.hou-service-list-ttl-txt-s {
	font-size: .85em;
}
.hou-service-list-ttl-txt-l {
	display: block;
	font-size: 1.2em;
}
.hou-service-list-dtl-box {
	padding: 1em 0 .5em;
	margin: auto;
}
.hou-service-list-bnt {
	margin: auto auto 0 auto;
	width: 100%;
}
.hou-service-list-bnt a {
	display: inline-block;
	background-color: #2976C6;
	color: #fff;
	padding: 10px 0;
	width: 90%;
	margin: auto auto 0 auto;
	border-radius: 5px;
	position:relative;
	vertical-align: middle;
}
.hou-service-list-bnt a:hover {
	background-color: #4899ec;
}
.hou-service-list-bnt .icon-greater-right-b:before {
	color: #fff;
	display: inline-block;
	padding: 0 0 0 5px;
	vertical-align: middle;
}
.hou-service-list-dtl-box table {
	display: inline-block;
	width: 95%;
	margin: auto;
}
.hou-service-list-dtl-box th {
	font-size: .9em;
	font-weight: normal;
}
.hou-service-list-dtl-box td {
	width:25%;
}
.hou-service-list-dtl-box tr td:first-child {
	width:75%
}
.hou-service-list-dtl-box td input {
	background-color: #f4faff;
	border: 1px solid #ddd;
	padding: 0 10px;
	color: #333333;
	height: 2em;
	line-height: 1.1;
	margin: 1.5% 2.5%;
	font-size: 1em;
	width:95%;
	box-sizing:border-box;
}
.hou-service-list-dtl-box-txt-S {
	font-size: .9em;
}
.hou-service-list-dtl-box-txt-L {
	font-size: 1.7em;
	font-weight: bold;
}
.hou-service-list-guide-menu {
	list-style: none;
	text-align: left;
}
.hou-service-list-guide-menu a {
	color: #111;
	display: block;
	padding: .1em 0;
}
.hou-service-list-guide-menu a:hover {
	color: #666;
}
.hou-service-list-guide-menu a .icon-check:before {
	display: inline-block;
	padding: 0 5px 0 0;
	font-size: 1.5em;
	vertical-align: middle;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　top-mypage-area

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.top-mypage-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.top-mypage-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 48%;
	-ms-flex-preferred-size: 48%;
	flex-basis: 48%;
}
@media screen and (max-width:1280px) {
	.top-mypage-box {
		width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
}
ul.top-mypage {
	list-style: none;
	letter-spacing: -.40em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
li.top-mypage-li {
	letter-spacing: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border: 2px solid #ddd;
	border-radius: 8px;
	margin: 0 1%;
	width: 18%;
	-ms-flex-preferred-size: 18%;
	flex-basis: 18%;
}
.top-mypage-li a {
	display: block;
	width: 100%;
	padding: 16px 0 11px;
	box-sizing: border-box;
}
.top-mypage-li:hover {
	background-color: #edf6ff;
}
.top-mypage-icon {
	display: block;
	font-size: 2.5rem;
	text-align: center;
}
.top-mypage-txt {
	display: block;
	text-align: center;
	padding: .3rem 0;
	font-size: .9em;
}
.quotation-download-li {
	padding: 0 0 .5em;
}
.quotation-download-li:last-child {
	padding: 0 0 0;
}
.quotation-download-li a {
	display: block;
	border: 2px solid #ddd;
	padding: .5em 0 .5em 1em;
	box-sizing: border-box;
	position: relative;
	border-radius: 8px;
	color: #555;
	font-size: 1.1em;
}
.quotation-download-li a:hover {
	background-color: #edf6ff;
	color: #2976c6;
}
.quotation-download-li a:before {
	content: "\e91f";
	font-family: 'sanwasvg';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right: 10px;
	color: #2976c6;
	display: inline-block;
	padding: 0 0 0 5px;
	font-size: 18px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　main-notice-bar

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.main-notice-bar a {
	background-color: #eee;
	color: #333;
	font-size: .9em;
	padding: 8px 0;
	text-align: center;
	display: block;
	font-weight: bold;
}
.main-notice-bar a:before {
	content: "おしらせ";
	display: inline-block;
	background-color: #333;
	color: #fff;
	font-size: .75em;
	padding: 2px 6px;
	margin: 0 12px 0 0;
	letter-spacing: .05em;
}
.main-notice-bar a:hover {
	opacity: 0.8;
}

.red.main-notice-bar a:before {
	background-color: #d00;
}
.red.main-notice-bar a {
	background-color: #EECBCA;
	color: #d00;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　new-media

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.new-media-table{
	list-style-type: none;
	margin: 0 auto;
	padding: 0 0 10px;
	display: flex;
	flex-wrap: wrap;
	letter-spacing:-.40em;
}
.new-media-list{
	width: 48%;
	height: auto;
	margin: 0 2% 2em 0;
	display: block;
	padding: 0;
	position: relative;
	text-align: left;
	letter-spacing: normal;
}
.new-media-link{
	color: #231815;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	text-decoration: none;
}
.new-media-img-area{
	width: 100px;
	height: 100px;
	border-radius: 4px;
	margin: 0 15px 0 0;
	overflow: hidden;
	position: relative;
}
.new-media-img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover;object-position: center;';
}
.new-media-sub {
	margin: auto 0 0 auto;
	display: flex;
	position: absolute;
	bottom: 0;
	left: 115px;
	width: 70%;
	width: -webkit-calc(100% - 130px);
	width: calc(100% - 130px);
	border-top: 1px solid #ddd;
	padding: 3px 0 8px;
}
.new-media-_datetime{
	flex: 1;
	color: #888;
}
.new-media-ttl{
	width: calc(100% - 115px);
	height: 2.8em;
	color: #2976C6;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.5;
    margin: 8px 0 0 0;
	overflow: hidden;
	position: relative;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-align: left;
}
.new-media-link:hover{
	opacity: 0.6;
	transition-duration: 0.3s;
}
.new-media-link .new-media-ttl span {
	line-height: 1.4;
}
.new-media-link:hover .new-media-ttl span {
	border-bottom: 1px solid #2976C6;
	opacity: 0.6;
}
.new-media-item:hover{
	text-decoration: underline;
	text-decoration-color: #66a6c0 !important;
	opacity: 0.6;
	transition-duration: 0.3s;
}
.new-media-item-area{
	margin: 0 0 0 15px;
	display: inline-block;
	flex: 1;
	flex-basis: 100%;
}
.new-media-item{
	color: #2976C6;
}
@media screen and (max-width:780px) {
	.new-media-list{
		width: 100%;
		padding: 10px 0;
		margin: 0;
	}
	.new-media-table {
		font-size: .95em;
	}
	.new-media-_datetime {
		font-size: .8em;
		margin: auto auto 0 0;
	}
	.new-media-item-area {
		font-size: .95em;
	}
	.new-media-ttl {
	    margin: 8px 0 0 0;
	}
	.new-media-sub {
	    padding: 3px 0 35px;
	}
}
@media screen and (max-width:350px) {
	.new-media-table {
		font-size: .9em;
	}
	.new-media-_datetime {
		font-size: 10px;
		margin: auto auto 0 0;
		line-height: 1;
	}
	.new-media-item-area {
		font-size: 11px;
		line-height: 1;
	}
}

/* ＝＝＝　scrollbar ＝＝＝ */
@media screen and (max-width:1099px) {

	/*---- Chrome ----*/
	/*縦方向スクロールバー*/
	.top-item-area.pattern-carousel ::-webkit-scrollbar {
		width: 0;
	}
	/*横方向スクロールバーの高さ*/
	.top-item-area.pattern-carousel ::-webkit-scrollbar:horizontal {
		height: 10px;
	}
	/*スクロールバー*/
	.top-item-area.pattern-carousel ::-webkit-scrollbar-track {
		background-color: #f6f6f6;
		border-radius: 100px;
	}
	/*つまみの部分*/
	.top-item-area.pattern-carousel ::-webkit-scrollbar-thumb {
		background-color: #2976c6;
		border-radius: 100px;
	}

	/*---- Firefox ----*/
	.top-item-area.pattern-carousel * {
		scrollbar-width: thin;/*細さ*/
		scrollbar-color: #2976c6 #f6f6f6;/*つまみの色 軌道の色*/
	}
}
@media screen and (max-width:600px) {
	/*---- Chrome ----*/
	/*縦方向スクロールバー*/
	.top-item-area.pattern-carousel ::-webkit-scrollbar {
		width: 0;
		display:none;
	}
	/*スクロールバー*/
	.top-item-area.pattern-carousel ::-webkit-scrollbar-track {
		background: none;
		border-radius: 0;
	}
	/*つまみの部分*/
	.top-item-area.pattern-carousel ::-webkit-scrollbar-thumb {
		background: none;
		border-radius: 0;
	}
	/*---- Firefox ----*/
	.top-item-area.pattern-carousel * {
		scrollbar-width: 0;/*細さ*/
		scrollbar-color: rgba(255,255,255,0) rgba(255,255,255,0);/*つまみの色 軌道の色*/
	}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　tablet

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media screen and (max-width:1099px) {
	.top-item-area.pattern-carousel .slick-list {
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch !important;
		-ms-scroll-chaining: chained !important;
		-webkit-transform: translateZ(0) !important;
	}
	.top-item-area.pattern-carousel .slick-track {
		margin: 0;
		text-align: left;
	}
	.top-item-area.item5.pattern-carousel .slick-track {
		width: 6735px;
	}
	.top-item-area.item5.pattern-carousel.top-square-bnr .slick-track {
		width: 1120px;
	}
	.top-item-area.item8.pattern-carousel .slick-track {
		width: 4215px;
	}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　smartphone

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media screen and (max-width:600px) {
	/*---- all ----*/
	.center-container {
		text-align: initial;
		margin: 0px 0 0 0;
	}
	.center-container ul {
		list-style: none;
	}
	.top-center-container-wrapper .top-sub-ttl ,
	.top-center-container-wrapper .hou-service-ctr ,
	.top-center-container-wrapper .top-mypage,
	.top-center-container-wrapper .quotation-download-menu,
	.top-center-container-wrapper .under-topic-icon-area,
	.top-center-container-wrapper .top-article-area,
	.top-center-container-wrapper .top-notice-area,
	.top-center-container-wrapper .new-media-table {
		padding-right:16px;
		padding-left:16px;
	}
	/*---- main-slider ----*/
	.slick-dots {
		bottom: -23px !important;
	}
	/*---- hou-area ----*/
	.top-mypage-li a {
		padding: 10px 0 10px;
	}
	.top-mypage-txt {
		font-size: 11px;
		padding: 5px 2px 0;
		line-height: 1.2;
	}
	.top-mypage-icon {
		font-size: 2.0rem;
	}
	/*---- under-topic ----*/
	.under-topic-icon-area {
		margin: 15px auto 0;
	}
	.under-topic-menu li {
		width:20%;
		margin:0;
	}
	/*---- carousel ----*/
	.top-item-area .slick-prev,
	.top-item-area .slick-next{
		display:none;
	}
	.top-item-area.pattern-carousel .slick-list {
		padding:0;
		width : 100%;
		padding: 0 0 0 16px;
	}
	.top-item-area.item5 .top-item-box {
		padding: 0 6px;
	}
	/*---- item ----*/
	.top-item-area.item8 .top-item-box ,
	.top-item-area.item5.top-square-bnr .top-item-box,
	.top-item-area.item5.pattern-carousel .top-item-box {
		width: 148px;
	}
	.top-item-area.item5.pattern-carousel .slick-track,
	.top-item-area.item8.pattern-carousel .slick-track {
		width: 4440px;
	}
	.top-ranking .top-item-box .rank-no {
		font-size: 1.2em;
	}
	.top-ranking .top-item-box .rank-no:before {
		padding: 0 5px 0 0;
	}
	.top-ranking .top-item-box .icon-sale:before {
		right: 6px;
		font-size: 2.6em;
	}
	.top-recommend-item .top-item-box .icon-sale:before {
		font-size: 2.6em;
		left: 5px;
		top: -3px;
	}
	.top-item-item-review {
		position: initial;
		text-align: right;
	}
	.top-ranking .top-item-price, .top-recommend-item .top-item-price {
		text-align: right;
	}
	.top-item-area.item5.top-square-bnr .top-item-box {
		width: 108px;
	}
	.top-item-area.item5.pattern-carousel.top-square-bnr .slick-track {
		width: 540px;
	}
	/*---- notice ----*/
	.top-notice-ul li a {
		border-bottom: 1px solid #ddd;
		padding: 10px 0 10px 8px;
	}
	.top-notice-day {
		width: 100%;
		font-size: .85em;
	}
	.top-notice-matter {
		width: 100%;
		font-size: .95em;
		line-height: 1.5;
	}
	/*---- article ----*/
	.top-article-ttl {
		font-size: 1em;
	}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　info-modal

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.info-modal-outer {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,.8);
	z-index: 9999;
}
.info-modal-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	background-color: #fff;
	padding: 2em;
	width : 95% ; /* IE8以下とAndroid4.3以下用フォールバック */
	width : -webkit-calc(100% - 50px) ;
	width : calc(100% - 50px) ;
	max-width: 600px;
}
.info-modal-ttl {
	color: #2976c6;
	padding: 0 0 1em;
	font-weight: bold;
	text-align: center;
}
.info-modal-dtl-area {
	font-size: .9em;
}
.info-modal-inner .schedule {
	border-collapse: collapse;
	width:100%;
	background-color:#FFF;
}
.info-modal-inner .schedule th {
	color:#fff;
	background-color:#2976c6;
	font-weight:normal;
}
.info-modal-inner .schedule td {
	line-height:1.5em;
	text-align: center;
	vertical-align: middle;
}
.info-modal-inner .schedule td,
.info-modal-inner .schedule th {
	border: 1px #ccc solid;
	padding:.3em 0;
}
.info-modal-inner .schedule th {
	font-size: 0.9em;
	text-align: center;
}
.info-modal-inner .attentionbox {
	padding: 1.5em;
	color: #000;
	border: 2px #d80000 solid;
	width: 100%;
	font-size: 0.8em;
	text-align: left;
	margin: 1.5em auto 0;
}
.info-modal-close-btn:before {
	font-family: 'sanwasvg';
	content: "\e90e";
	color: #fff;
	position: absolute;
	top: -15px;
	right: -15px;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #2976c6;
	padding: 0.5em;
	border-radius: 50%;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　　top page - common

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.inview {
	opacity: 0;
	transition: 100;
}
.inview.is-show {
	opacity: 1;
}

.quotation-download-menu{
	height:100px;
}