@charset "shift_jis";
/****** main ******/
body ＊ {
	-webkit-text-size-adjust: 100%;
	tab-size: 4;
	line-height: 1.5;
	font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji") !important;
	font-feature-settings: var(--default-font-feature-settings, normal);
	font-variation-settings: var(--default-font-variation-settings, normal);
}
#clsd_contents {
	max-width: 1500px !important;
    width: 100%;
    min-width: 1280px;
}
#col_center {
	margin: 0 !important;
	font-size: 14px;
	max-width: none !important;
}
.side_menu {
	width: 240px !important;
	margin: 0 40px 0 0;
}
.cart {
	display: flex;
}
.cart .left {
	width:50%;
	padding: 0 20px 0 0;
}
.cart .left .main {
	position: sticky;
	top: 0;
}
.cart .right {
	width:50%;
}
.body-box {
	display: flex;
}
#category_menu {
	width: 240px !important;
}
.side_menu #category_menu .sub_blue_title {
	width: 240px !important;
	font-weight: normal;
}
/****** 追従メニュー ******/
.nav-area {
	width: 77%;
	margin-top:-30px;
}
.nav-area .header-nav-logo {
    margin: .65rem .2rem 0 .62rem;
}
.nav-area .header-nav-sitename {
	padding: 1rem 0 .5rem .5rem;
	font-size: .7rem;
}
.nav-area .header-nav-topicon {
	width: 10%;
	min-width: 55px;
	margin: .5rem 0 0;
}
.nav-area .header-nav-topicon a {
	background: rgb(198,146,8);
	background: linear-gradient(356deg, rgba(198,146,8,1) 0%, rgba(184,156,20,1) 37%, rgba(231,207,75,1) 100%);
}
.nav-area .header-nav-topicon .icon-ranking::before {
	color: #fff;
    font-size: 2rem;
}
.goods-follow-menu {
display: flex;
}
.goods-follow-menu .navi-box {
	display: flex;
	margin: 1em auto 0;
	width: 1220px;
}
.navi-box .navi-item {
	width: 100%;
	margin: 0 3px 0 0;
	display: inline-block;
	text-align: center;
}
.navi-box .navi-item a {
	width: 100%;
	display: inline-block;
	color: #333;
	background: #EEE;
	padding: .8em 0;
	border-radius: 30px;
}
.navi-box .navi-item a:hover {
	background: #2976C6;
	color: #fff;
}
.top-menu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	height: 70px;
	width: 100%;
	z-index: 101;
	border-bottom: 1px solid #A1A1A1;
}


/****** パンくず、アイコン ******/
.topic-path {
	display: flex;
	justify-content: space-between;
}
.item-info-icon-erea {
	margin: 5px 0 0;
}
.item-info-icon-erea ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
}
.item-info-icon-erea li {
	margin: 0 2px;
}
#bottom-topic-path{
	width: 100%;
	display:flex;
}
.slides-category {
	white-space: nowrap;
}
.slides-category li {
	display: inline-block;
}
.slides-category a {
	display: inline-block;
	padding: 1em .6em;
}
.slides-category li:not(:last-child)::after {
	font-family: "sanwasvg";
	content: "\e91e";
}
/* ========== image area ========== */
.main-zoom {
	border: 1px solid #ddd;
	box-shadow: 0 4px 10px rgba(0,0,0,0.4);
}
@media only screen and (max-width: 1250px) {
.main-zoom {
    max-width: 400px;
}
}

.goods_info_imgarea .item-thumbnail-box {
	padding: 1.5px;
}
.photo-main-area{
	width: 500px;
	margin: 0 auto;
	text-align: center;
}
.goods_info_imgarea .item-movie-area .ip-video-container {
	padding: 0 0 100%;
	text-align: left;
}
.goods_info_imgarea .item-movie-area .ip-video-container iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}
.goods_info_imgarea .movie-thumbnail-box.swiper-slide-thumb-active img {
	border:2px solid #fe6604;
}
.goods_info_imgarea .item-thumbnail-box.swiper-slide-thumb-active img {
	border-color:#fe6604;
}
.item-count-area .inner {
	display: inline-block;
	background-color: #666;
	color: #fff;
	padding: 0.3em 0.8em 0.3em 0;
	font-size: 12px;
	border-radius: 30px;
	margin: 18px 2px 0;
	min-width: 100px;
}
.item-count-area {
	text-align: center;
}
.item-count-area .inner.item-movie-icon {
	background-color: #FE6604;
}
.item-count-area .inner:before {
	font-family: 'sanwasvg';
	display: inline-block;
	padding: 0 5px 0;
	font-size: 1.5em;
	vertical-align: middle;
}
.item-count-area .inner.item-movie-icon:before {
	content: "\e915";
}
.item-count-area .inner.item-count-icon:before {
	content: "\e962";
	font-size: 1.3em;
	padding: 0.1em 5px;
}
.item-count-area .inner .swiper-pagination {
	position: static !important;
	width: auto !important;
	display: inline-block !important;
}
.goods_info_imgarea .item-thumbnail-wrapper {
	margin: 20px 0;
}
.goods_info_imgarea .item-thumbnail-wrapper-inner {
	width: 96%;
	margin: 20px 2%;
	flex-wrap: wrap;
}
.goods_info_imgarea .item-thumbnail-box img {
	border: 2px solid #fff;
}
.item-modal-outer {
	display: none;
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0px;
	z-index: 3000;
	background-color: rgba(0, 0, 0, .7);
	overflow-y:scroll;
}
.goods_info_imgframe #item-modal-popup-main {
	max-width: 1280px;
	min-width: 95%;
	padding:30px;
	-webkit-border-radius: 10px;
	background-color: #fff;
	z-index: 3000;
	position: relative;
	top: 54%;
	left: 50%;
	top: 140px;
	-webkit-transform: translateX(-50%);
}
#item-modal-popup-main .item-modal-close-btn {
	position: fixed;
	top: 10px;
	right: 10px;
	font-size: 1.4em;
	background-color: rgb(0, 0, 0, .5);
	font-weight: bold;
	border-radius: 50%;
	width: 45px;
	height: 45px;
}
.item-modal-close-btn:before {
	font-family: 'sanwasvg';
	content: "\e90e";
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
}
.item-modal-close-btn a {
	font-size: 1px;
}
#modal_tab_video:checked ~ #modal_tab_video_content, #modal_tab_img:checked ~ #modal_tab_img_content {
	display: block;
}
.modal_tabs_active {
	width: calc(100% - 40px);
}
.modal_tabs_active .modal_inner_tab {
	width: 120px;
	height: 60px;
	line-height: 50px;
	font-size: 1.6em;
	letter-spacing: .05em;
	float: left;
	text-align: center;
}
.modal_tabs .modal_inner_tab, .modal_tabs #modal_tab_video, .modal_tabs #modal_tab_img {
	display:none;
}
.modal_tabs_active input[name="modal_inner_tab"] {
	display: none;
}
.modal_tabs_active .modal_tab_content{
	border-top: 3px solid #2976c6;
}
.modal_tab_content {
	display: none;
	clear: both;
}
#item-modal-popup-main .item-modal-inner .left-block {
	display:inline-block;
	padding: 0 0 0 2%;
	margin: 30px 0 0;
	vertical-align:top;
	width:40%;
}
.item-modal-inner .item-photo-zoom-area {
	text-align: center;
}
.item-modal-inner .item-photo-zoom-area img {
	width: 55vh;
}
.item-modal-inner .item-count-area .movie-pagination {
	display:inherit;
}
.item-movie-zoom-area .item-movie-area .ip-video-container iframe {
	width:100%;
	min-height:400px;

}
#item-modal-popup-main .item-modal-inner .right-block {
	display:inline-block;
	padding: 0 0 0 2%;
	margin: 30px 0 0;
	width:59%;
}
#item-modal-popup-main .item-modal-inner .movie-thumbnail-box {
	margin: 0 0 10px;
}
.item-modal-inner .movie-thumbnail-box {
	display: flex;
}
.item-modal-inner .movie-thumbnail-box img {
	margin: 0 2% 0 0;
	max-width: 30%;
	border: 2px solid #fff;
}
.item-modal-inner .item-thumbnail-box.active img ,
.item-modal-inner .movie-thumbnail-box.active img {
	border-color:#fe6604;
}
#item-modal-popup-main .movie-thumbnail-txt {
	font-size: 1.4em;
	width: 52%;
}
.item-modal-inner .item-thumbnail-box img{
	border: 2px solid #fff;
}
.item-modal-inner .item-count-area .photo-pagination {
	display:inherit;
}
#item-modal-popup-main .item-modal-inner .item-thumbnail-wrapper-inner {
	display: flex;
	flex-wrap: wrap;
}
#item-modal-popup-main .item-modal-inner .item-thumbnail-box {
	width: 68px;
	margin: 0 6px 6px 0;
}
@media screen and (max-width: 1150px) {
	.item-modal-inner .item-photo-zoom-area img {
		width: 350px;
	}
	#item-modal-popup-main .item-modal-inner .left-block {
		width:100%;
	}
	.item-movie-zoom-area .item-movie-area .ip-video-container iframe {
		width:100%;
		height:300px;
	}
	#item-modal-popup-main .item-modal-inner .movie-thumbnail-box img {
		width: 150px;
		height: 84px;
	}
	#item-modal-popup-main .item-modal-inner .right-block {
		width:100%;
	}
}
/** goods-discription **/
.discription-area {
	color: #666;
	text-align: left;
	line-height: 1.5em;
	width: 96%;
	margin: 0 2% 1.5em;
}
/* ========== exp and movie area ========== */
#recm_and_movie{
	text-align: center;
	margin-top: 20px;
}
/* ========== cart area ========== */
/****** 訴求欄 ******/
.itemtag-area .itemtag {
	padding: .8em 1em .6em 0;
	border-right: none;
	display: inline-block;
	position: relative;
	transform: skewX(-30deg);
	margin: 0 0 1em 1em;
	z-index: -1;
}
.itemtag .itemtag-deg {
	display: inline-block;
	transform: skewX(30deg);
}
.itemtag .icon-ranking,
.itemtag .icon-sale,
.itemtag .icon-coupon {
	color: #d00;
}
.itemtag .itemtag-deg::after {
	content: '';
	height: 34px;
	position: absolute;
	top: -11px;
	left: -10px;
	width: 22px;
}
.tag-sale, .tag-sale .itemtag-deg:after,
.tag-ranking, .tag-ranking .itemtag-deg:after,
.tag-coupon, .tag-coupon .itemtag-deg:after {
	background: #FCF8F7;
}
.itemtag .icon-coupo::before {
	position: relative;
	top: 7px;
}
.itemtag .itemtag-icon {
	display:flex;
	font-size: 14px;
}
.itemtag .itemtag-icon::before {
    z-index: 9;
}
.itemtag .itemtag-text {
	font-size:14px;
}
/****** 商品名 ******/
.right .name {
	font-size: 2em;
	margin: 0 0 .05em;
	line-height: 1.4em;
}
/****** 商品型番 ******/
.right .code-area {
	margin: 0 0 1em;
	color: #666;
	display:flex;
	padding-top: 5px;
}
.code-area .code-name {
    margin: 0.4rem 0 0;
}
.code-area .code{
	font-weight: normal;
    margin: 0.4rem 0 0;
}

/****** レビュー ******/
.right .review {
	margin: .2em 0 0 1em;
}
.right .review span {
	font-size: 1.5em;
	color: #F6B81B;
    vertical-align: middle;
}
.review_list_area .review_title {
	font-weight: bold;
	font-size: 15px;
}
.dod {
	border: none;
	border-top: dashed 1px #CCCCCC;
	height: 1px;
	color: #FFFFFF;
}
/****** 会員特別価格 ******/
.price-over-area .mem-pr {
	font-size: 1.3em;
}
.price-over-area .mem-pr-icon {
	width: 1.3em;
	vertical-align: middle;
}
.price-over-area .platinum {
	color: #339FBE;
}
.price-over-area .gold {
	color: #C59510;
}
.price-over-area .silver {
	color: #999899;
}
.price-over-area .bronze {
	color: #A05023;
}
.price-over-area .partner {
	color: #054A96;
}
/****** 価格 ******/
.price-area {
	color: #D00;
}
.price-area .yen, .price-area .main-price {
	font-family: "Arial";
	font-weight: bold;
	letter-spacing: -0.03em;
	vertical-align: sub;
}
.price-area .yen {
	font-size: 1.6em;
}
.price-area .main-price {
	font-size: 2.9em;
}
.price-area .tax {
	color: #666;
}
.price-area .sfree {
	color: #fff;
	background: #d00;
	padding: .3em .8em .2em;
	vertical-align: super;
	margin: 0 .2em;
}
.price-area .fee {
	color: #555;
	padding: 0 .8em 0 .5em;
}
.price-area .stockNone{
	background: #999 !important;
}
.price-area .fee .feepr {
	font-size: 1.2em;
	font-family: "Arial";
	letter-spacing: -0.03em;
	vertical-align: text-bottom;
	margin: 0 .1em;
}
/****** 会員特別ポイント ******/
.point-q {
	position: relative;
	display: inline;
	color: #666;
}
.mem-point {
	display: none;
	position: absolute;
	top: -4em;
	right: 0em;
	padding: .8em 1em;
	background: #f7f7f7;
	width:20em;
	text-align: center;
	box-shadow: 10px 10px 10px rgb(0 0 0 / 10%);
}
.mem-point:after {
	content: "";
	position: absolute;
	bottom: -24px;
	border: 12px solid transparent;
	border-top: 12px solid #f7f7f7;
}
.point-q:hover .mem-point {
	display: block;
}
.point-mem-rank .corpration-rank-icon {
	width: 1.5em;
}
/****** 価格下文言 ******/
.price-under-area .ord-price,
.price-under-area .retail-price {
	color: #666;
	margin: 0 .2em 0 0;
}
.price-under-area .discount-price {
	font-weight: bold;
	color: #d00;
	font-size: 1.2em;
}
.price-under-area .code, .price-under-area .grant-point {
	color: #666;
}
.grant-point.point-up {
	font-weight: bold;
	font-size: 1.3em;
	color: #DD0000;
}
.grant-point .icon-point {
	padding: 0 2px 0 0;
}
.grant-point.point-up .point-magnif {
	font-weight: normal;
	font-size: .7em;
}
/****** サンワ絵文字 ******/
.products_icon {
	clear: both;
	margin: 10px 0 0 10px;
	padding: 2px 0 3px 0;
}
.products_icon ul {
	list-style: none;
	position: relative;
}
.products_icon li {
	float: left;
	margin: 3px 0;
	padding: 0 5px 0 0;
}
.products_icon li.emoji-br {
	width: 0;
	height: 0;
	margin: 0 0 3px;
	padding: 0;
	float: none;
	display: block;
	clear: both;
}
.products_icon ul li a.emoji {
	display: block;
	padding: 0 7px;
	color: #FFF;
	height: 24px;
	line-height: 24px;
	background-color: #9A9A9A;
}
.products_icon ul li a.emoji > span {
	display: block;
	white-space: nowrap;
}
.products_icon ul li a.emoji:hover {
	opacity: 0.7;
	text-decoration: none;
}
.products_icon ul li span.emoji {
	display: block;
	padding: 0 7px;
	color: #2976C6;
	font-size: 0.8em;
	height: 24px;
	line-height: 24px;
	background-color: #fff;
	border: 1px solid #2976C6;
	white-space: nowrap;
}
.products_icon ul li span.emoji-non {
	display: block;
	padding: 0 7px;
	color: #2976C6;
	height: 24px;
	line-height: 24px;
	background-color: #fff;
	border: 1px solid #2976C6;
	white-space: nowrap;
}
.products_icon ul li div.emoji-popup {
	width: 250px;
	height: auto;
	position: absolute;
	z-index: 1;
	left: inherit;
	bottom: inherit;
}
.products_icon ul li div.emoji-popup span {
	width: auto;
	position: absolute;
	left: -10px;
	bottom: 27px;
	padding: 0.8em 1em;
	text-align: left;
	color: #333;
	font-size: 0.8em;
	line-height: 1.5;
	background-color: #FFF;
	border: 1px solid #2976C6;
	border-radius: 5px;
	-webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.1));
	-moz-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.1));
	-ms-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.1));
	display: none;
}
.products_icon ul li div.emoji-popup span::before {
	content: "";
	position: absolute;
	top: 100%;
	left: calc(8% + 8px);
	margin-left: -8px;
	border: 8px solid transparent;
	border-top-color: #174EAF;
}
.products_icon ul li div.emoji-popup span::after {
	content: "";
	position: absolute;
	top: 100%;
	left: calc(8% + 8px);
	margin-left: -6px;
	border: 6px solid transparent;
	border-top-color: #FFF;
}
.products_icon ul li span.emoji:hover {
	cursor: default;
	background-color: #2976C6;
	color: #fff;
}
/****** 在庫 + 納期メッセージ ******/
.stock-area {
	display: flex;
	margin: 2em 0 .8em;
	align-items: center;
}
.stock-item {
	color: #2976C6;
	font-weight: bold;
	font-size: 1.7em;
	margin: 0 .8em 0 0;
}
.stock-weight{
	color: #666;
	font-weight: bold;
}
.stock-ship-day {
	font-weight: bold;
	color: #cb2d2d;
}
.stock-data {
	color: #666;
}
.arrival-day {
	font-weight: bold;
	color: #d00;
	font-size: 1.8em;
}
.stock-delivery-spot, .stock-delivery-map{
	font-size: 1em;
}
.stock-delivery-spot .icon-pin-line {
	margin: 0 8px 0 0;
}
.stock-delivery-map .icon-map {
	margin: 0 8px 0 10px;
}
.stock-area .stock-arrival {
    display:flex;
}
.stock-area .delv-day {
    font-weight: bold;
    color: #d00;
    font-size: 1.8em;
}
.stock-area .stock-att {
    padding: 0 0 0 10px;
}
.stock-area .att-text {
    color: #d00;
}
.stock-area .att-arrival {
    color: #666;
}
.stock-area .att-ask-link {
    color: #2976C6;
    text-decoration: underline;
}


/****** カートボタン ******/
.cart-area {
	display: flex;
	margin: 0 0 3em;
	align-items: center;
}
.cart-count {
	display: flex;
	margin: 0 15px 0 0;
	color: #666;
	align-items: center;
}
.goods_cnt_btn{
	display: flex;
}
.goods_cnt_input{
	margin: 0 2px 0 0;
}
.cart-count-name {
	width: 3.2em;
}
#COMM_025{
	width: 60px;
	height: 2.5em;
	font-size: 1.2em;
	color: #666;
	border: solid 1px #999;
	border-radius: 3px;
	background-color: #FFF;
	text-align: center;
}
.goods_cnt_up, .goods_cnt_down{
	width: 40px;
}
.goods_cnt_btn li .goods_cnt_up a {
	display: block;
	height: 20px;
	border: solid 1px #999;
	border-bottom: none;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}
.goods_cnt_btn li .goods_cnt_down a {
	display: block;
	height: 20px;
	border: solid 1px #999;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
.cart_link_area .cartbtn_link {
	color: #FFFFFF;
	border-radius: 5px;
	background: #FF7200;
	font-size: 1.8em;
	font-weight: bold;
	padding: .5em 0;
	width: 520px;
    min-width: 300px;
	text-align: center;
	display: block;
}
.cart_link_area .cartbtn_link:hover {
	background-color: #ff9900;
}
.favorite-area {
	border: 1px solid #ccc;
	border-radius: 50%;
	height: 3em;
	width: 3em;
	padding: 1em;
	margin: 0 10px 0 15px;
    position: relative;
}
.favorite-area .icon-star-off {
	color: #999;
}
.favorite-area.favorite-chk .icon-star-on {
	color: #666;
}
.favorite-area:hover::before {
	content: 'お気に入り登録で セール・再入荷を通知';
	font-size: 12px;
	color: #333;
	background: #F6F6F6;
	padding: .8em 1em;
	top: -60px;
	z-index: 99;
	width: 10em;
	display: inline-block;
	position: absolute;
	left: -1px;
    line-height: 1.5em;
}
/****** クーポン ******/
.cart-coupon {
	background: #FCF8F7;
	margin: 0 0 1em;
	display: flex;
}
.cart-coupon-info {
    display: none;
}
.cart-coupon-detail {
	padding: 1.1em 1em 1.3em 1.5em;
}
.cart-coupon-ttl {
	font-weight: bold;
	margin: 0 0 .2em;
}
.cart-coupon-off {
	font-size: 1.2em;
}
.cart-coupon-limit {
	font-size: .9em;
	margin: 0 0 0 1em;
	font-weight: normal;
}
.cart-coupon-howto {
	font-size: .9em;
	margin: 0 0 .2em;
}
.cart-coupon-item {
	font-size: .9em;
	color: #666;
}
.cart-coupon-conditions {
	margin: 0 1em 0 0;
	line-height: 1.5;
	display: inline-block;
}
/****** ボタン(まとめ買い、見積書発行) ******/
.cart-udr-btn-area {
	margin: 0 0 1em;
	display: flex;
}
.cart-udr-btn {
	border-radius: 5px;
	padding: 1.2em 0em 1em;
	text-align: center;
	width: 49.6%;
	margin: 0 .8% 0 0;
}
.cart-udr-btn span {
	margin: 0 .5em 0 0;
}
.cart-udr-btn.qa {
    padding: 0;
    }
.cart-udr-btn.qa a {
    width: 100%;
    display: inline-block;
    padding: 1.2em 0em 1em;
    color: #333;
    }
.cart-udr-btn-area .qa:hover a {color: #2976C6;}
.cart-udr-btn-area .matome {
	border: 1px solid #A8A8A8;
	color: #333;
	background: #fff;
}
.cart-udr-btn-area .mitumori {
	border: 1px solid #A8A8A8;
	color: #333;
	background: #fff;
}
.cart-udr-btn-area .qa {
	border: 1px solid #A8A8A8;
	color: #333;
	background: #fff;
	margin: 0;
}
.cart-udr-btn-area .cart-udr-btn:hover {
	border: 1px solid #2976C6;
	color: #2976C6;
}
#estimate-popup-main, #quotation-popup-main {
	font-size: 0.9em;
}
@media only screen and (max-width: 1280px) {
.cart_link_area .cartbtn_link {
	width: 100%;
}
}

/****** 各種リンク ソーシャルアイコン ******/
.info-area {
	margin: 0 0 2em;
	display: flex;
}
.info-area .info-text {
	width: 80%;
}
.info-area .info-icon {
	margin: 0 2px 0 8px;
}
.info-area .sns-area {
	width: 20%;
	text-align: right;
}
.sns-area .sns-icon {
	border-radius: 50%;
	width: 2em;
	height: 2em;
	display: inline-block;
	color: #fff;
	padding: .6em .5em;
}
.sns-area .icon-x {
	background: #111;
}
.sns-area .icon-line {
	background: #00B900;
}
.sns-area .icon-facebook {
	background: #0866FF;
	padding: .6em .8em 0;
}
/****** カート下バナー ******/
.under-bnr-area {
	margin: 0 0 1em;
	padding: 0 0 1em;
	border-bottom: 1px solid #eee;
	display: flex;
}
.under-bnr-area .under-bnr-area-box {
	display: flex;
	width: 48%;
}
.under-bnr-area .under-bnr-area-box:nth-of-type(1) {
	border-right: 1px solid #eee;
	margin: 0 2% 0 0;
}
.under-bnr-area .under-bnr-img {
	width: 28%;
	margin: 0 2% 0 0;
}
.under-bnr-area .under-bnr-ttl {
	font-weight: bold;
	color: #2976C6;
}
.under-bnr-area .under-bnr-more {
	font-weight: bold;
	font-size: .9em;
}
.under-bnr-area .under-bnr-text {
	font-size: .8em;
	color: #666;
}
.under-bnr-area .under-bnr-detail {
	width: 100%;
}
/****** 属性 ******/
.attribute {
	font-size: .9em;
}
.attribute-ttl {
	font-size: 1.4em;
}
.attribute-choice-1, .attribute-choice-2 {
	font-weight: bold;
	color: #111;
}
.attribute-flex {
	letter-spacing: -.40em;
	margin: 0 0 20px;
}
.attribute-value{
	display:inline-block;
	margin: 0 5px 5px 0;
	letter-spacing: 0.01em;
}
.attribute-value a{
	border: #A8A8A8 solid 1px;
	border-radius: 5px;
	color: #666;
	padding: .5em 1em;
	position: flex;
}
.attribute-value a:hover {
	border-color: #f40;
	color: #f40;
	background-color: #ffe6c0;
	position: relative;
	z-index:1;
}
.attribute-value a:hover img {
	z-index: 1;
}
.attribute-active a {
	border-color: #f40;
	color: #f40;
	background: #ffe6c0;
	border-width: 2px;
	position: relative;
	z-index:-1;
}
.att-box a{
	display: flex;
	padding: 8px;
	align-items: center;
}
.att-box img{
	width: 60px;
	margin: 0 10px 0 0;
}
.att-box .attribute-name {
	margin: 0 0 .5em;
	max-width: 7em;
	display: inline-block;
	font-size: .95em;
}
.att-box .attribute-price, .att-box .attribute-stock{
	font-size: .85em;
}
.att-img a {
	display: inline-block;
}
.att-img img{
	width: 80px;
	display:block;
	margin:0 auto;
}
.att-img .attribute-data{
	text-align: center;
	display: block;
	width:8em;
}
.att-img .attribute-name{
	font-size: .9em;
}
.att-img .attribute-price, .att-img .attribute-stock{
	display:none;
}
.att-txt a {
	padding: 1.1em 1.2em;
	display: inline-block;
}
.att-txt img, .att-txt .attribute-price, .att-txt .attribute-stock{
	display:none;
}
.attribute-price {
	color: #d00;
	margin: 0 5px 0 0;
}
.attribute-stock {
	color: #2976C6;
}
.attribute-value img {
	mix-blend-mode: multiply;
	position: sticky;
	z-index:-1;
}
/****** 納期コメント ******/
.cat-exp{
	padding-bottom: 15px;
}
/****** 商品特長(5行) ******/
.spec-text{
	overflow: hidden;
	max-height: calc(5 * 1.2em);
}
.spec-more-btn{
	padding-top:5px;
}
/****** アウトレット商品情報 ******/
.cart-outlet-area {
	margin: 0 0 2em;
}
.cart-outlet-area .cart-outlet-ttl {
	margin: 0 0 .4em;
	font-weight: bold;
	color: #d00;
}
.cart-outlet-area .cart-outlet-ttl .icon-outlet {
	font-size: 1.5em;
	margin: 0 .2em 0 0;
}
.cart-outlet-area .cart-outlet-area-box {
	display: flex;
}
.cart-outlet-area .cart-outlet-img {
	width: 13%;
	margin: 0 2% 0 0;
}
.cart-outlet-area .outlet-ttl{
	font-size: 1.25em;
}
.cart-outlet-area .cart-outlet-name {
	color: #666;
	font-size: 1.1em;
	margin: 0 0 .2em;
}
.cart-outlet-area .cart-outlet-review {
	color: #999;
	font-size: .9em;
	margin: 0 0 .2em;
}
.cart-outlet-area .icon-star-on {
	color: #F6B81B;
}
.cart-outlet-area .cart-outlet-price {
	color: #DD0000;
	font-size: .9em;
	margin: 0 0 .9em;
}
.cart-outlet-area .cart-outlet-more {
	font-size: .9em;
}

/****** 後継品情報 ******/
.similar-item-area {
	margin: 0 0 2em;
}
.similar-item-area .similar-ttl {
	margin: 0 0 .4em;
	font-weight: bold;
	font-size: 1.25em;
}
.similar-item-area .similar-item-area-box {
	display: flex;
}
.similar-item-area .similar-item-img {
	width: 13%;
	margin: 0 2% 0 0;
}
.similar-item-area .similar-item {
	width: 100%;
}
.similar-item-area .similar-item-name {
	color: #666;
	font-size: 1.1em;
	margin: 0 0 .2em;
}
.similar-item-area .similar-item-review {
	color: #999;
	font-size: .9em;
	margin: 0 0 .2em;
}
.similar-item-area .icon-star-on {
	color: #F6B81B;
}
.similar-item-area .similar-item-price {
	color: #DD0000;
	font-size: .9em;
	margin: 0 0 .2em;
}
.similar-item-area .similar-item-more {
	font-size: .9em;
}
.similar-item-area .similar-cate-btn {
	width: 60%;
	margin: 1em 0 0;
}
.similar-item-area .similar-cate-linkbtn {
	background: #2976C6;
	border-radius: 5px;
	color: #fff;
	padding: .5em 3em;
}
/* ========== include area ========== */
/****** 共通タイトル ******/
h2.nav-ttl {
	font-size: 1.6em;
	font-weight: bold;
	margin: 1.6em auto .5em 0;
}
/****** オプション ******/
.exp_goods_list ul li {
	float: left;
	display: block;
	width: 135px;
	padding: 0 0 10px 5px;
	border-style: none;
}
.exp_goods_list ul li .goods_name {
	overflow: hidden;
	display: block;
	height: 2.4em;
	width: 135px;
}
.exp_goods_list ul li .sale_price {
	display: block;
	width: 135px;
}
/****** 比較表 ******/
.tv-cate-name {
	font-size: 1.3em !important;
}
.tv-cate-txt{
	font-size: 0.9em;
}
/****** TVスタンド対応表 ******/
@media screen and (min-width: 1050px) {
.taio-name-big {
	font-size: 1.3em !important;;
	}
}
/****** よくある質問 ******/
#tab5_faq_text {
	height: 400px;
	overflow-y: auto;
}
.faq_box .faq_contents {
	border-bottom: 1px dotted #999;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
.faq_box .faq_contents:last-child {
	border-bottom: none;
}
.faq_box .icon-square-txt-q, .faq_box .icon-square-txt-a {
	padding: 0 .5em 0 0;
	font-size: 1.2em;
}
.faq_box .icon-square-txt-q:before {
	color: #63CB77;
}
.faq_box .icon-square-txt-a:before {
	color: #F77468;
}
.faq_box .faq_contents div {
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 10px 10px 10px 35px;
}
.faq_box .question {
	background-color: #f6f6f6;
}

/****** レビュー ******/
.more-review-link {
	font-size: 1.3em;
	font-weight: bold;
}
.cart_bottom_box {
	padding:0 0 10px 0;
}

/****** マニュアルボタン(取説、ソフト・ドライバー) ******/
#BottomManual{
	margin: 1.6em auto .5em 0;
}
#modal_manual {
	background: #fff;
	z-index: 9999;
	position: fixed;
	margin: 0 auto;
	padding: 1em 2em 3em;
	width: 800px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.9em;
}
#modal_manual .modal {
	font-size: 1em;
	margin: 0 auto;
}
#modal_manual .modal_manual_title {
	font-size: 1.8em;
	text-align: center;
	margin: 1em 0;
}
#modal_manual .hinmei {
	color: #777;
}
#modal_manual .modal-ul {
	padding-left: 0px;
}
#modal_manual .modal-li {
	border: 1px solid #c0c0c0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0 1em;
}
#modal_manual .modal-li:nth-of-type(n+2){
	border-top: none;
}
#modal_manual .modal-li .modal-list-left {
	padding: 1em 5% 0;
	width: 70%;
}
#modal_manual .modal-li .modal-list-left p {
	margin: 0;
	line-height: 1.8;
}
#modal_manual .modal-li .modal-list-right {
	text-align: center;
	width: 30%;
}
.day {
	color: #547ab6;
}
#modal_manual a {
	background: #FF8300;
	padding: 15px 20px;
	color: #fff !important;
	border-radius: 5px;
	margin: 1.2em 10% .5em;
	display: block;
}
#modal_manual a:hover {
	background: #ff9900;
}
.modal-list-right p {
	margin: 0;
	margin-top: 5px;
}
.close-btn-tkof {
	text-align: center;
	margin-top: 2em;
}
#modal_manual .close-btn-tkof a {
	background: #777;
	padding: 1em 0;
	border-radius: 0;
	margin: 0 40%;
}
#BottomManual .btm_manual_area {
	margin: 0 0 30px;
}
#BottomManual .btm_manual_area .btn {
	width: 220px;
	margin: 0 5px 0 0;
	display: inline-block;
	border-bottom: #fff 3px solid;
}
#BottomManual .btm_manual_area .btn a {
	font-size: 1.2em;
	display: inline-block;
	color: #333;
	padding: 1em 20px;
	border: 1px #ccc solid;
	text-align: center;
	width: 100%;
}
#BottomManual .btm_manual_area .btn:hover {
	border-bottom: #00C 3px solid;
}
#BottomManual .btm_manual_area .btn a:hover,
#BottomManual .btm_manual_area .btn a:hover .goods_cart {
	text-decoration: none;
	color: #333;
}
#BottomManual .btm_manual_area .btn a .goods_cart {
	margin-right: 3px;
}
/****** よく一緒に購入されている商品 ******/
.cart_bottom_title {
	color: #333;
	font-weight:bold;    
	font-size: 1.6em;
	margin: 1.6em auto .5em 0;
}
.buy_with .cartbtn_link{
	background-color:#ff7200;
	color:#FFFFFF;
	-webkit-border-radius: 5px;	-moz-border-radius: 5px;border-radius: 5px;
	display:block;
	width:160px;
	font-size:12px;
	text-align: center;
}
.buy_with .cartbtn_link:hover{
	background-color:#ff9900;
}
.buy_with .cartbtn_link span{
	line-height:28px;
}
.buywith_goods_list .buywith_goods_base{
	display:inline-block;
	overflow:hidden;
}
.buywith_goods_list .buywith_goods_show{
	width: 125px;
}
.buywith_goods_list .buywith_goods_hide{
	width: 0px;
}
.buy_with .buy_with_infoStock {
	color: #ffffff;
	font-size: 1em;
	line-height: 1em;
	display: inline-block;
	margin-right: 4px;
	padding: 3px 5px;
	border-radius: 5px;
	background-color: #3399cc;
}
.buywith_goods_list .plus {
	background: url("/images/clsd_products/plus.gif") no-repeat left 50%;
}
.buywith_goods_list .image_frame {
	 width: 100%;
	padding-left: 20px;
}
.buy_with_info_col{
	padding-left: 10px;
}
.buy_with_info_col .price_text{
	font-size: .9em;
	margin-bottom: 5px;
}
.buy_with_info_col .price_text .point_text {
	margin-left: 5px;
	color: #FF9900;
	font-weight: bold;
}
.recm_with_item{
	font-size: .9em;
}
/****** 追従カート ******/
.fixBtm-price > .price {
	font-size: 19.5px !important;
}
#link-go-spec{
	display:none;
}
.link-back-top{
	display:none;
}
#follow-menu-cart-erea{
	display:flex;
	padding-top: 8px;
	width: 40%;
    max-width: 370px;
}
@media only screen and (max-width: 1480px) {
#follow-menu-cart-erea {
	display:none;
}
}

.fixBtm-divide{
	padding-top: 5px;
}
.fixBtm-col {
	float: left;
	padding: 0 5px;
	box-sizing: border-box;
}
.fixBtm-count-ud {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
}
#follow-menu-cart-erea .favorite-area {
	display: block;
	margin-left:5px;
}
#FIX_BOTTOM_COMM_025{
	width: 60px;
	height: 2.2em;
	font-size: 1.2em;
	color: #666;
	border: solid 1px #999;
	border-radius: 3px;
	background-color: #FFF;
	text-align: center;
}
#moveCartBtnFB a,#asyncCartBtnFB a{
	color: #FFFFFF;
	border-radius: 5px;
	background: #FF7200;
	font-size: .9em;
	font-weight: bold;
	padding: .8em 0;
	width: 128px;
	text-align: center;
	display: block;
}
.fixBtm-count-ud .goods_cnt_up a{
	display: block;
	height: 15px;
	border: solid 1px #999;
	border-bottom: none;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}
.fixBtm-count-ud .goods_cnt_down a{
	display: block;
	height: 20px;
	border: solid 1px #999;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
/*=============== カート下仕様 ===============*/
.spec-area {
	width: 100%;
	color: #222;
	margin: 0 0 1em;
}
.spec-area table {
	width: 100%;
}
.spec-area .spec-ttl,
.spec-area .spec-cont {
	word-wrap: normal;
	white-space: nowrap;
	padding: 10px 20px 10px 0;
	vertical-align: top;
    border-bottom: 1px solid #eee;
    line-height: 1.6em;
}
.spec-area .spec-ttl {
	font-weight: bold;
}
.spec-area .spec-cont {
    max-width: 700px;
    overflow-x: clip;
}


.spec-area .spec-more * {
	color: #2976C6;
}
/*=============== 仕様 ===============*/
#spec-text table{
	width: 100%;
	font-size: 16px;
}
#spec-text th {
	background: #f9f9f9;
	width: 20%;
	font-weight: normal;
	padding: .8em 1em;
}
#spec-text td {
	background: #fff;
	padding: .8em 1em;
}
#spec-text td.spec-cont.mdttl {
	font-size: 1.2em;
	font-weight: bold;
	padding: 2em 0 .8em .8em;
}
#spec-text table[rules] {
	border: none;
	border-collapse: collapse;
}
#spec-text table[rules] td,
#spec-text table[rules] th,
#spec-text table[rules] tr {
	border: none;
}
/*=============== 対応機種 ===============*/
#tab3_model_text {
	font-size: 16px;
	line-height: 1.6em;
}
/*=============== 特長 ===============*/
#tab1_feature_text {
	line-height: 1.6em;
	margin: 0 0 6em;
	font-size: 16px;
}

/*=============== 追従フッター ===============*/

.fixed-menu.itemfooter-menu {
	position: fixed;
	right: 0;
	bottom: 40px;
	width: 60px;
	z-index: 99;
    margin: 0 50px 0 0;
}
.fixed-menu.itemfooter-menu .link-qa-chat .qa-chat-open,
.fixed-menu.itemfooter-menu .link-page-top a {
    border: 2px #2976C6 solid;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	font-size: 36px;
	text-decoration: none;
	display: block;
	margin: 0 0 5px;
	padding: 5px 0 0;
	text-align: center;
}
.fixed-menu .link-qa-chat .qa-chat-open:before {
	font-family: "sanwasvg";
	content: "\e93f";
	color: #2976C6;
	padding: 7px 0 0;
	display: block;
	font-size: 32px;
}
.fixed-menu.itemfooter-menu .link-page-top a:before {
	font-family: "sanwasvg";
	content: "\e91c";   
    color: #2976C6; 
}

/*=============== QAチャット ===============*/

.qa-chat-frame {
	width: 415px;
    height: 100%;
    transition: all 0.5s;
    position: fixed;
    top: 0;
    right: -415px;
    z-index: 1000;
    background-color: #FFF;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50);
	z-index: 120;
}
.qa-chat-frame.open {
    right: 0;
}
.qa-chat-header {
	height: 120px;
	text-align: center;
}
.qa-chat-header .chat-header-close {
	height: 50px;
}
.qa-chat-header .close-chat-frame {
	display: block;
	height: 50px;
	line-height: 50px;
	background-color: #eee;
	position: relative;
}
.qa-chat-header .close-chat-frame::after  {
    font-family: "sanwasvg";
	content: "\e91e";
    position: absolute;
    top: 50%;
	right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.qa-chat-header .chat-header-box {
	position: relative;
	height: 70px;
}
.qa-chat-header .chat-header-ttl {
	color: #2976c6;
	font-size: 18px;
	width: 100%;
	text-align: center;
    position: absolute;
    top: 50%;
	left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.qa-chat-header .chat-header-txt {
	display: block;
	color: #666;
	font-size: 14px;
}
.itempage-qa-chat{
	height: calc(100vh - 120px);
	width: 415px;
}
.qa-chat-header .close-chat-frame:hover {
	cursor: pointer;
}

/*=============== カルテチャット ===============*/
.qa-chat-frame .karte-chat {
	background: #fff;
	height: 60px;
	text-align: center;
	bottom: 0;
	position: fixed;
	width: 415px;
}
.qa-chat-frame .karte-chat-btn {
	background: #eee;
	width: 93%;
	padding: .4rem 0;
	display: inline-block;
	color: #2976C6;
	border-radius: 4px;
}
.qa-chat-frame .karte-chat-link {
	width: 100%;
	padding: .4rem 0;
	color: #2976C6;
	text-decoration: none;
	display: inline-block;
}

/*=============== トランセンド注意文 ===============*/
.transcend-info {
    background: #FCF8F7;
    margin: 2rem 0 0;
}
.transcend-info .transcend-ttl {
    background: #D00;
    color: #fff;
    padding: .5rem 1rem;
    margin: 0 0 1rem;
    font-weight: bold;
}
.transcend-info .transcend-text {
    padding: 0 2rem 1.5rem;
}

/*=============== 課題・悩み解決(スタッフおすすめ枠) ===============*/

#stf > .item_recm > div > h2.nav-ttl:first-of-type {
  display: none;
}

    #stf-area{
      margin: clamp(24px,4vw,40px) 0;
      background:#ffffff;
    }

    #stf-area h2{
    font-size: 1.6em;
    font-weight: bold;
    margin: 1.6em auto .5em 0;
    }

    #stf-area .stf-lead{
      color:#333333;
      font-size: 1rem;
      line-height: 1.85;
      margin: 0 0 18px;
    }


    #stf-area .stf-content{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:16px;
    }

    #stf-area .stf-box{
      background:#ffffff;
      transition: transform .15s ease, border-color .15s ease;
    }
    #stf-area .stf-box h3{
      display:flex;
      align-items:center;
      gap:8px;
      font-size:1rem;
      font-weight:700;
      color:#333333;
      margin:0 0 .35em;
      line-height:1.4;
      background-color: #f9f9f9;
      padding: .5em;
    }
    #stf-area .stf-box p{
      margin:0;
      color:#333333;
      line-height:1.9;
      font-size:1rem;
      padding: .5em;
    }
    
    #stf-area .ttl-icon{
    color: #2976C6;
    
    }
