@charset "UTF-8";
.vod {position: relative; width: 100%; padding-top: 56.25%;}
.vod iframe {  position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
.sec-mv {
	position: relative
}
.sec-mv .slick-dotted.slick-slider {
	margin-bottom: 0
}
.sec-mv .slider-sp {
	height: calc(112vw + 47px);
	background: #f4f4f4
}
.sec-mv .slick-dots {
	position: static;
	padding: 10px 0 13px;
	background: #3c3c3c
}
.sec-mv .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0px 8px;
	vertical-align: middle
}
.sec-mv .slick-dots li button {
	width: 10px;
	height: 10px
}
.sec-mv .slick-dots li button:before {
	content: "";
	opacity: 1;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #999
}
.sec-mv .slick-dots li.slick-active button:before {
	-webkit-box-shadow: 0 0 0 2px #fff;
	box-shadow: 0 0 0 2px #fff;
	background: none
}
.sec-mv .slider-pc {
	height: 440px
}
.sec-mv .btn-news {
	display: table;
	width: 100%;
	height: 60px;
	color: #3c3c3c;
	max-width: none
}
.sec-mv .btn-news .text, .sec-mv .btn-news .ttl {
	display: table-cell;
	font-size: 12px;
	vertical-align: middle
}
.sec-mv .btn-news .ttl {
	width: 107px;
	background: #fff100;
	font-weight: bold;
	text-align: center
}
.sec-mv .btn-news .text {
	padding: 5px 10px;
	background: #fff
}
.sec-mv .btn-news .text .date {
	color: #999
}
.sec-mv .btn-news .text.show-pc {
	display: none
}
.sec-mv .btn-news .text.show-sp {
	display: table-cell
}
.sec-mv .btn-news:hover {
	opacity: 1
}
section.ppp {
    background: #f4f4f4;
}
.sec-item {
	padding: 25px 0 45px
}
.sec-item.bg02 {
	padding-bottom: 55px
}
.sec-item .box-notice {
	margin-bottom: 35px;
	-webkit-box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.12);
	background: #fff;
	font-size: 12px
}
.sec-item .box-notice dt {
	padding: 7px 15px;
	background: #fff100;
	color: #3c3c3c;
	font-weight: bold;
	text-align: center
}
.sec-item .box-notice dd {
	padding: 15px
}
.sec-item .box-notice .li-notice li {
	line-height: 1.35;
	letter-spacing: .3px
}
.sec-item .box-notice .li-notice li:not(:last-child) {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px
}
.sec-item .box-notice .li-notice a {
	color: #3c3c3c
}
.sec-item .box-notice .li-notice span {
	color: #999
}
.sec-item h3 {
	font-size: 23px
}
.sec-item h3 ~ h3 {
	margin-top: 45px
}
.sec-item .li-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%
}
.sec-item .li-items li {
	width: 50%;
	margin-bottom: 25px;
	text-align: center
}
.sec-item .li-items li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 138px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}
.sec-item .li-items li a img {
	max-width: 130px;
	max-height: 98px
}
.sec-item .li-items li a .logo-mouse {
	margin-top: auto;
	width: 75px
}
.sec-item .li-items li a .logo-gtune {
	margin-top: auto;
	width: 75px
}
.sec-item .li-items li a .logo-daiv {
	margin-top: auto;
	width: 68px
}
.sec-item .li-items li a .logo-mousepro {
	margin-top: auto;
	width: 75px
}
.sec-item .li-items li a .logo-iiyama {
	margin-top: auto;
	width: 75px
}
.sec-item .li-items li span {
	display: block;
	color: #3c3c3c
}
.sec-item .card-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: -25px
}
.sec-item .card-wrap .box-card {
	width: calc(50% - 8px);
	margin-top: 16px
}
.sec-item .card-wrap .txt-price {
	margin-left: -1px
}
.sec-campaign {
	padding: 50px 0 55px
}
.sec-campaign .li-campaign {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.sec-campaign .li-campaign.col4 > li {
	width: calc(50% - 8px);
	margin-bottom: 20px;
	text-align: center
}
.sec-campaign .li-campaign.col3 li {
	margin-bottom: 20px
}
.sec-pc .logo-mouse {
	width: 125px;
	margin: 0 auto 12px
}
.sec-pc .logo-gtune {
	width: 125px;
	margin: 0 auto 15px
}
.sec-pc .logo-daiv {
	width: 108px;
	margin: 0 auto 15px
}
.sec-pc .logo-pro {
	width: 110px;
	margin: 0 auto 15px
}
.sec-pc .image-wrap {
	position: relative;
	z-index: 1;
	padding: 55px 45px;
	color: #fff
}
.sec-pc .image-wrap:before {
	position: absolute;
	display: block;
	content: ""
}
.sec-pc .image-wrap:before {
	z-index: -1
}
.sec-pc .image-wrap h2 span {
	color: rgba(255, 255, 255, 0.45)
}
.sec-pc .image-wrap figure {
	margin: 0 0 30px;
	text-align: center
}
.sec-pc .image-wrap p {
	font-size: 14px;
	line-height: 1.85
}
.sec-pc .image-wrap .btn-wrap {
	margin-top: 25px
}
.sec-pc .recommend-wrap {
	padding: 40px 15px 40px;
	background: #f4f4f4
}
.desktop-pc .recommend-wrap,.creator-pc .recommend-wrap {
	background: linear-gradient(45deg, black, transparent)
}
.sec-pc .recommend-wrap .card-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.sec-pc .recommend-wrap .box-card {
	width: calc((100% - 15px) / 2)
}
.sec-pc .ranking-wrap {
	position: relative;
	z-index: 1;
	padding: 50px 0;
	background: #fff;
	color: #fff
}
.sec-pc .ranking-wrap:before {
	position: absolute;
	display: block;
	content: ""
}
.sec-pc .ranking-wrap:before {
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	height: 222px;
	background-size: cover;
	background-position: left top
}
.sec-pc .ranking-wrap h3 {
	margin-bottom: 40px
}
.sec-pc .ranking-wrap .li-ranking li {
	margin-top: 15px
}
.sec-pc .ranking-wrap .li-ranking li .txt-rank.rank1 {
	background: url(/assets/img/svg/rank01.svg) no-repeat center top;
	background-size: contain
}
.sec-pc .ranking-wrap .li-ranking li .txt-rank.rank2 {
	background: url(/assets/img/svg/rank02.svg) no-repeat center top;
	background-size: contain
}
.sec-pc .ranking-wrap .li-ranking li .txt-rank.rank3 {
	background: url(/assets/img/svg/rank03.svg) no-repeat center top;
	background-size: contain
}
.sec-pc .ranking-wrap .li-ranking .box-card .txt-wrap {
	position: relative;
	padding: 18px 25px
}
.sec-pc .ranking-wrap .li-ranking .box-card .txt-rank {
	position: absolute;
	top: 20px;
	left: 25px;
	width: 41px;
	height: 52px;
	padding-top: 8px;
	color: #fff;
	font-size: 28px;
	font-family: "Poppins", sans-serif;
	line-height: 1;
	text-align: center
}
.sec-pc .ranking-wrap .li-ranking .box-card .txt-name {
	padding-left: 54px;
	font-size: 16px
}
.sec-pc .ranking-wrap .li-ranking .box-card .star-wrap {
	padding-left: 54px;
	font-size: 13px;
	height: 8px
}
.sec-pc .ranking-wrap .li-ranking .box-card .star-wrap .star-full:before {
	content: "\E827";
	color: #f0c804;
	font-family: fontello
}
.sec-pc .ranking-wrap .li-ranking .box-card .star-wrap .star-half:before {
	content: "\E826";
	color: #f0c804;
	font-family: fontello
}
.sec-pc .ranking-wrap .li-ranking .box-card .star-wrap .star-empty:before {
	content: "\E824";
	color: #f0c804;
	font-family: fontello
}
.sec-pc .ranking-wrap .li-ranking .box-card .star-wrap .star-num {
	color: #999
}
.sec-pc.note-pc .image-wrap {
	background: #504e54
}
.sec-pc.note-pc .image-wrap:before {
	top: 90px;
	right: -40px;
	content: "\E80F";
	font-family: fontello;
	font-size: 280px;
	color: rgba(60, 60, 60, 0.2);
	line-height: 1
}
.sec-pc.note-pc .image-wrap h2 span {
	color: rgba(255, 255, 255, 0.45)
}
.sec-pc.note-pc .ranking-wrap:before {
	background-image: url(/assets/img/top/note/bg-rank.jpg)
}
.sec-pc.desktop-pc .image-wrap {
	background: #e7e7e7;
	color: #3c3c3c
}
.sec-pc.desktop-pc .image-wrap:before {
	top: 90px;
	right: -40px;
	content: "\E80F";
	font-family: fontello;
	font-size: 280px;
	color: rgba(60, 60, 60, 0.05);
	line-height: 1
}
.sec-pc.desktop-pc .image-wrap figure {
	margin: 0 -20px 30px
}
.sec-pc.desktop-pc .image-wrap h2 span {
	color: rgba(60, 60, 60, 0.45)
}
.sec-pc.desktop-pc .ranking-wrap:before {
	background-image: url(/assets/img/top/desktop/bg-rank.jpg)
}
.sec-pc.game-pc .image-wrap {
	background: #bf0019
}
.sec-pc.game-pc .image-wrap:before {
	top: 80px;
	left: -90px;
	content: "";
	opacity: .08;
	width: 486px;
	height: 120px;
	background: url(/assets/img/svg/logo-gtune-wh-mark.svg) no-repeat center center;
	background-size: contain
}
.sec-pc.game-pc .image-wrap h2 span {
	color: rgba(255, 255, 255, 0.45)
}
.sec-pc.game-pc .ranking-wrap:before {
	background-image: url(/assets/img/top/game/bg-rank.jpg)
}
.sec-pc.creator-pc .image-wrap {
	background: #4d6871
}
.sec-pc.creator-pc .image-wrap:before {
	top: 80px;
	left: -00px;
	content: "";
	opacity: .05;
	width: 420px;
	height: 120px;
	background: url(/assets/img/svg/logo-daiv-mark-wh.svg) no-repeat center center;
	background-size: contain
}
.sec-pc.creator-pc .image-wrap h2 span {
	color: rgba(255, 255, 255, 0.45)
}
.sec-pc.creator-pc .ranking-wrap:before {
	background-image: url(/assets/img/top/creator/bg-rank.jpg)
}
.sec-pc.business-pc .image-wrap {
	background: #002a7c
}
.sec-pc.business-pc .image-wrap:before {
	top: 40px;
	left: -390px;
	content: "";
	opacity: .04;
	width: 710px;
	height: 180px;
	background: url(/assets/img/svg/logo-mousepro-wh.svg) no-repeat center center;
	background-size: contain
}
.sec-pc.business-pc .image-wrap figure {
	margin: 0 -10px 30px
}
.sec-pc.business-pc .image-wrap h2 span {
	color: rgba(255, 255, 255, 0.45)
}
.sec-pc.business-pc .ranking-wrap:before {
	background-image: url(/assets/img/top/business/bg-rank.jpg)
}
ul.li-point img {
	width: 150px;
	margin: 10px 0 10px 0;
}
ul.li-point dd {
	min-height: 100px;
}
.sec-point {
	padding: 45px 0 0
}
.sec-point .li-campaign {
	margin-bottom: 20px
}
.sec-point .li-campaign li {
	margin-top: 20px
}
.sec-point .point-wrap {
	margin-top: 45px;
	padding: 45px 0;
	background: url(/assets/img/top/bg-point.jpg) no-repeat center center;
	background-size: cover;
	color: #000
}
.sec-point .point-wrap h2 {
	color: #000;
	background: #fff100;
	text-align: center;
}
.renew-contents .point-wrap .wrapper h2 span {
	font-size: 34px;
	padding: 20px;
}
.sec-point .li-point {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 40px;
	background: #fff000;
	padding: 10px;
}
.sec-point .li-point li {
	margin: 0 auto;
	margin-bottom: 1px
}
.sec-point .li-point li:nth-child(odd) {
	border-left: none
}
.sec-point .li-point li a {
	display: block;
	height: 100%;
	background: #222;
	color: #fff
}
.sec-point .li-point li figure {
	margin: 0
}
.sec-point .li-point li .text {
	text-align: center
}
.sec-point .li-point li i {
	font-size: 24px;
	color: #fff100
}
.sec-point .li-point li .point dt {
	margin-bottom: 10px;
	font-weight: 500
}
.sec-point .li-point li .point dd {
	color: #333;
	font-size: 12px;
	text-align: left;
	line-height: 1.5;
	text-align: center;
}
.sec-point .btn-additional {
	border-color: #fff;
	color: #fff
}
.sec-fun {
	padding: 40px 0px
}
.sec-fun .li-banner {
	margin-bottom: 100px
}
.sec-fun .tab-wrap {
	margin-top: 40px
}
.sec-fun .tab-menu-wrap {
	overflow: scroll
}
.sec-fun .tab-menu {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-width: 375px
}
.sec-fun .tab-menu li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 105px;
	height: 45px;
	border: 3px solid #3c3c3c;
	border-radius: 10px 10px 0 0;
	background: #d8d8d8;
	font-size: 11px;
	text-align: center;
	line-height: 1.2
}
.sec-fun .tab-menu li.current {
	position: relative;
	background: #fff
}
.sec-fun .tab-menu li.current:after {
	position: absolute;
	display: block;
	content: ""
}
.sec-fun .tab-menu li.current:after {
	left: 0;
	bottom: -3px;
	right: 0;
	height: 3px;
	background: #fff
}
.sec-fun .tab-menu li + li {
	margin-left: -3px
}
.sec-fun .tab-contentWrap {
	position: relative;
	z-index: 1;
	margin-top: -3px;
	border-top: 3px solid #3c3c3c;
	padding: 10px 15px
}
.sec-fun .tab-contentWrap .li-news li {
	padding: 10px 0;
	border-bottom: 1px solid #ccc
}
.sec-fun .tab-contentWrap .li-news .box-info {
	display: inline-block
}
.sec-fun .tab-contentWrap .li-news .txt-date {
	font-size: 15px;
	font-family: "Poppins", sans-serif
}
.sec-fun .tab-contentWrap .li-news .txt-category, .sec-fun .tab-contentWrap .li-news .txt-week {
	color: #999;
	font-size: 12px
}
.sec-fun .tab-contentWrap .li-news a {
	color: #3c3c3c
}
.sec-fun .tab-contentWrap .li-news .txt-title {
	display: block
}
.sec-lineup {
	padding: 30px 0 55px
}
.sec-lineup .li-lineup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.sec-lineup .li-lineup .item {
	width: 50%;
	margin-bottom: 30px
}
.sec-lineup .li-lineup .item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #3c3c3c;
	text-align: center
}
.sec-lineup .li-lineup .item img {
	max-width: 122px;
	max-height: 90px;
	margin: 0 auto 10px
}
.sec-lineup .li-lineup .item .img-smarthome {
	width: 95px
}
.sec-lineup .li-lineup .item .img-catalog {
	width: 81px
}
.sec-lineup .li-lineup .item span {
	margin-top: auto
}
.sec-guide {
	padding: 55px 0 0
}
.sec-guide .li-guide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-bottom: 25px
}
.sec-guide .li-guide li {
	width: calc(50% - 15px);
	margin-left: 15px;
	margin-bottom: 15px;
	padding: 15px;
	border: 1px solid #ccc
}
.sec-guide .li-guide li .ttl {
	display: block;
	font-weight: 500;
	line-height: 1.4;
	text-align: center
}
.sec-guide .li-guide li .ttl i {
	display: block;
	margin-bottom: 10px;
	font-size: 34px;
	line-height: 1
}
.sec-guide .li-guide li .ttl i.icon-circle-rakuten {
	color: #c02229
}
.sec-guide .li-guide li .ttl i.icon-circle-paypay {
    color: #97791f
}
.sec-guide .li-guide li p {
	margin-top: 10px;
	font-size: 12px
}
.sec-guide .li-guide li.box-quality {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: auto
}
.sec-guide .li-guide li.box-quality div:first-child {
	padding-right: 8px;
	width: 50%
}
.sec-guide .li-guide li.box-quality div:nth-child(2) {
	padding-left: 8px;
	width: 50%
}
.contact-wrap {
	padding: 40px 0
}
.contact-wrap .box-number > .col {
	margin-bottom: 20px;
	padding: 20px 15px;
	background: #fff
}
.contact-wrap .box-number > .col p.tac {
	padding-top: 12px;
	border-top: 1px solid #ccc;
	font-size: 12px;
	text-align: left
}
.contact-wrap .box-number > .col p.tac.border-none {
	padding-top: 5px;
	border-top: none
}
.contact-wrap .li-customer dt {
	padding-bottom: 15px;
	font-size: 19px;
	font-weight: 500;
	line-height: 1;
	text-align: center
}
.contact-wrap .li-customer dt i {
	font-size: 120%
}
.contact-wrap .li-customer dd {
	padding-bottom: 10px
}
.contact-wrap .li-customer dd .tel-link {
	display: block;
	border: 1px solid #0066ca;
	font-size: 35px;
	font-family: "Poppins", sans-serif;
	text-align: center
}
.contact-wrap .li-customer dd .tel-link span {
	margin-right: 10px;
	font-size: 13px;
	vertical-align: middle
}
.contact-wrap .li-customer dd .fax {
	display: block;
	font-size: 35px;
	font-family: "Poppins", sans-serif;
	text-align: center
}
.contact-wrap .li-customer dd .fax span {
	margin-right: 10px;
	font-size: 13px;
	vertical-align: middle
}
.contact-wrap .li-customer.box-ipphone dt {
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc
}
.contact-wrap .li-customer.box-ipphone dd {
	padding-bottom: 0
}
.contact-wrap .support-wrap {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #dbdbdb
}
.contact-wrap .support-wrap .txt-attention {
	padding-left: 15px;
	padding-right: 15px
}
.contact-wrap .support-wrap .txt-attention:not(.fcolor-attention) {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 12px
}
.contact-wrap .support-wrap .tel-link .fcolor-attention {
	display: block;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	font-size: 12px
}
.contact-wrap .support-wrap .li-customer dt i.icon-ipphone {
	font-size: 30px
}
.contact-wrap .support-wrap .li-customer dt i.icon-line {
	color: #1dcd00;
	font-size: 30px;
	vertical-align: middle
}
.contact-wrap .support-wrap .li-customer dt span {
	display: inline-block;
	margin-top: -5px;
	text-align: left;
	vertical-align: middle
}
.contact-wrap .support-wrap .li-customer dd span.tel-link {
	border: none
}
.contact-wrap .support-wrap .link-line {
	position: relative;
	display: block;
	min-height: 96px;
	padding: 15px 95px 15px 15px;
	border: 1px solid #3c3c3c;
	color: #3c3c3c;
	font-size: 12px
}
.contact-wrap .support-wrap .link-line .txt-line {
	margin-bottom: 10px;
	color: #1dcd00
}
.contact-wrap .support-wrap .link-line .txt-line span {
	display: inline-block
}
.contact-wrap .support-wrap .link-line .txt-line span:first-child {
	font-size: 38px;
	font-family: "Poppins", sans-serif
}
.contact-wrap .support-wrap .link-line .txt-line span:nth-child(2) {
	font-weight: 500;
	line-height: 1.2
}
.contact-wrap .support-wrap .link-line .img-qr {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 93px
}
.sec-review {
	padding: 35px 0 0
}
.sec-review .ttl {
	margin-bottom: 20px;
	font-size: 22px;
	text-align: center;
}
.sec-review .ttl span {
	display: block;
	font-size: 22px
}
.sec-review .txt-sub {
	margin-bottom: 25px;
	color: #999
}
.sec-checkItems {
	padding: 30px 0
}
.sec-checkItems .ttl {
	margin-bottom: 25px;
	font-size: 22px
}
.sec-customize {
	text-align: center;
	padding: 30px 0 35px;
	background: url(/assets/img/top/bg-customize.jpg) no-repeat center center;
	background-size: cover;
	color: #fff
}
.sec-customize .ttl {
	margin-bottom: 25px;
	font-size: 22px
}
.sec-customize p {
	max-width: 285px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.75
}
.sec-customize .btn-wrap {
	margin-top: 30px
}
.sec-customize .btn-additional {
	border-color: #fff;
	color: #fff
}
@media screen and (max-width:640px) {
	.sec-pc .li-ranking {
		margin-left: -15px;
		margin-right: -15px
	}
	.renew-contents h2 {
		margin-bottom: 45px;
		font-size: 28px;
		text-align: center;
	}
	.sec-point .point-wrap h2 {
		margin-bottom: 0;
	}
	.renew-contents .point-wrap .wrapper h2 span {
		font-size: 15px;
	}
	.sec-pc .li-ranking li {
		padding: 0 15px 20px
	}
	.sec-pc .ranking-wrap {
		padding: 50px 0 40px
	}
	.sec-pc .slick-dots {
		bottom: -25px !important
	}
	.sec-fun .slick-dots, .sec-pc .slick-dots {
		bottom: -42px
	}
	.sec-fun .slick-dots li, .sec-pc .slick-dots li {
		width: 10px;
		height: 14px;
		margin: 0 6px;
		padding: 0
	}
	.sec-fun .slick-dots li button, .sec-pc .slick-dots li button {
		width: 10px;
		height: 14px;
		padding: 0;
		text-align: center
	}
	.sec-fun .slick-dots li button:before, .sec-pc .slick-dots li button:before {
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		content: "";
		opacity: 1;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #c4c4c4;
		line-height: 1
	}
	.sec-fun .slick-dots li.slick-active, .sec-pc .slick-dots li.slick-active {
		width: 14px
	}
	.sec-fun .slick-dots li.slick-active button, .sec-pc .slick-dots li.slick-active button {
		width: 14px
	}
	.sec-fun .slick-dots li.slick-active button:before, .sec-pc .slick-dots li.slick-active button:before {
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		border: 2px solid #0066ca;
		background: #0066ca
	}
	.sec-guide h3 {
		padding-top: 25px;
		border-top: 1px solid #999
	}
	.sec-guide .js-accordionTitle {
		position: relative;
		margin-bottom: 0px;
		padding: 18px 0
	}
	.sec-guide .js-accordionTitle:after {
		display: inline-block;
		content: "\E80E";
		margin-left: 5px;
		font-family: fontello;
		font-size: 120%;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s
	}
	.sec-guide .js-accordionTitle.is-open:after {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	.sec-guide .js-accordionContent {
		display: none;
		margin-top: 10px
	}
	.sec-lineup .btn-additional, .sec-lineup .btn-primary {
		width: 285px
	}
	.sec-lineup .js-moreBtn {
		display: block;
		margin-top: 10px;
		padding: 10px
	}
	.sec-lineup .js-moreBtn:after {
		content: "\E80E";
		font-family: fontello;
		font-size: 130%
	}
	.sec-lineup .js-moreContent {
		position: relative;
		display: none;
		width: 100%
	}
	.sec-lineup .js-moreContent .li-lineup {
		min-height: 300px
	}
	.sec-customize ul.hukidashi-customize {
		border: dotted 1px #fff;
		padding: 1em 0;
		margin-bottom: 1em;
	}
	.sec-customize ul.hukidashi-customize li{
		list-style: circle;
		text-align: left;
		margin-bottom: 0.5em;
		margin-left: 2.0em;
	}
}
@media print, screen and (min-width:641px) {
	.sec-mv {
		position: relative;
		widows: 100%
	}
	.sec-mv .slider-pc .slick-list {
		overflow: hidden
	}
	.sec-mv .slick-dots {
		position: absolute;
		bottom: -50px;
		left: 50%;
		width: auto;
		margin-left: -560px;
		background: none;
		text-align: left
	}
	.sec-mv .slick-dots li button:before {
		background: #d8d8d8
	}
	.sec-mv .slick-dots li.slick-active button:before {
		opacity: 1;
		-webkit-box-shadow: 0 0 0 2px #3c3c3c;
		box-shadow: 0 0 0 2px #3c3c3c
	}
	.sec-mv .slick-next, .sec-mv .slick-prev {
		z-index: 10;
		width: 46px;
		height: 46px;
		border-radius: 50%;
		-webkit-box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.18);
		box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.18);
		background: #fff;
		line-height: 46px
	}
	.sec-mv .slick-next:before, .sec-mv .slick-prev:before {
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		z-index: 11;
		opacity: 1;
		width: 12px;
		height: 12px;
		border-left: 2px solid #3c3c3c;
		border-top: 2px solid #3c3c3c;
		line-height: 1
	}
	.sec-mv .slick-prev {
		left: 5px
	}
	.sec-mv .slick-prev:before {
		left: 56%;
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
		-ms-transform: translate(-50%, -50%) rotate(-45deg);
		transform: translate(-50%, -50%) rotate(-45deg)
	}
	.sec-mv .slick-next {
		right: 5px
	}
	.sec-mv .slick-next:before {
		left: 46%;
		-webkit-transform: translate(-50%, -50%) rotate(135deg);
		-ms-transform: translate(-50%, -50%) rotate(135deg);
		transform: translate(-50%, -50%) rotate(135deg)
	}
	.sec-item {
		padding: 60px 0 80px
	}
	.sec-item .box-notice {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 55px;
		font-size: 14px
	}
	.sec-item .box-notice dt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 170px
	}
	.sec-item .box-notice dd {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding: 30px
	}
	.sec-item .box-notice .li-notice li {
		line-height: 1.6;
		letter-spacing: .3px
	}
	.sec-item .box-notice .li-notice li:not(:last-child) {
		padding-bottom: 18px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 18px
	}
	.sec-item .box-notice .li-notice a {
		color: #3c3c3c
	}
	.sec-item .box-notice .li-notice a:hover {
		opacity: .8
	}
	.sec-item .box-notice .li-notice span {
		color: #999
	}
	.sec-item h3 {
		font-size: 30px
	}
	.sec-item h3 ~ h3 {
		margin-top: 80px
	}
	.sec-item .li-items {
		display: table;
		table-layout: fixed;
		width: 100%;
		margin-top: 60px
	}
	.sec-item .li-items li {
		display: table-cell;
		text-align: center;
		vertical-align: bottom
	}
	.sec-item .li-items li a {
		position: relative;
		height: 205px
	}
	.sec-item .li-items li a img {
		max-width: none;
		max-height: none
	}
	.sec-item .li-items li a .scale {
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s
	}
	.sec-item .li-items li a:hover {
		-webkit-box-shadow: none;
		box-shadow: none
	}
	.sec-item .li-items li a:hover .scale {
		-webkit-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center
	}
	.sec-item .li-items li a [class^=logo] {
		margin: 20px auto 20px
	}
	.sec-item .li-items li a .logo-mouse {
		-webkit-transform: translate(-5px, 4px);
		-ms-transform: translate(-5px, 4px);
		transform: translate(-5px, 4px);
		width: 100px
	}
	.sec-item .li-items li a .logo-gtune {
		-webkit-transform: translateX(-4px);
		-ms-transform: translateX(-4px);
		transform: translateX(-4px);
		width: 95px
	}
	.sec-item .li-items li a .logo-daiv {
		width: 100px
	}
	.sec-item .li-items li a .logo-mousepro {
		width: 100px
	}
	.sec-item .li-items li span {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
		color: #3c3c3c;
		font-size: 18px
	}
	.sec-item .li-items li:first-child .scale {
		-webkit-transform: translate(0, 7px);
		-ms-transform: translate(0, 7px);
		transform: translate(0, 7px)
	}
	.sec-item .li-items li:first-child a:hover .scale {
		-webkit-transform: translate(0, 7px) scale(1.2, 1.2);
		-ms-transform: translate(0, 7px) scale(1.2, 1.2);
		transform: translate(0, 7px) scale(1.2, 1.2)
	}
	.sec-item .li-items li:nth-child(2) .scale {
		-webkit-transform: translate(0, 5px);
		-ms-transform: translate(0, 5px);
		transform: translate(0, 5px)
	}
	.sec-item .li-items li:nth-child(2) a:hover .scale {
		-webkit-transform: translate(0, 5px) scale(1.2, 1.2);
		-ms-transform: translate(0, 5px) scale(1.2, 1.2);
		transform: translate(0, 5px) scale(1.2, 1.2)
	}
	.sec-item .li-items li:nth-child(5) .scale {
		-webkit-transform: translate(0, 4px);
		-ms-transform: translate(0, 4px);
		transform: translate(0, 4px)
	}
	.sec-item .li-items li:nth-child(5) a:hover .scale {
		-webkit-transform: translate(0, 4px) scale(1.2, 1.2);
		-ms-transform: translate(0, 4px) scale(1.2, 1.2);
		transform: translate(0, 4px) scale(1.2, 1.2)
	}
	.sec-item .btn-wrap {
		margin-top: 50px
	}
	.sec-item.bg02 {
		padding: 80px 0 40px
	}
	.sec-item .card-wrap {
		margin-top: 40px;
		margin-left: -30px
	}
	.sec-item .card-wrap .box-card {
		width: calc(25% - 30px);
		margin-left: 30px
	}
	.sec-item .card-wrap .txt-wrap {
		margin-left: -3px
	}
	.sec-item .card-wrap .txt-yen {
		letter-spacing: -.7px
	}
	.sec-campaign {
		padding: 80px 0 55px
	}
	.sec-campaign h2 {
		font-size: 38px;
		text-align: center;
		padding-bottom: 40px;
	}
	.sec-campaign .li-campaign.col4 {
		margin-left: -30px
	}
	.sec-campaign .li-campaign.col4 li {
		width: calc(25% - 30px);
		margin-left: 30px;
		margin-bottom: 30px
	}
	.sec-campaign p {
		font-size: 16px
	}
	.sec-pc .row {
		display: table;
		table-layout: fixed;
		width: 100%
	}
	.sec-pc .image-wrap {
		display: table-cell;
		overflow: hidden;
		width: 57.3206%;
		padding: 80px 45px 80px calc((100vw - 1170px) / 2)
	}
	.sec-pc .image-wrap h2 {
		margin-bottom: 50px;
		font-size: 38px;
		text-align: center;
	}
	.sec-pc .image-wrap figure {
		margin: 0 0 60px
	}
	.sec-pc .image-wrap p {
		font-size: 18px;
		text-align: center
	}
	.sec-pc .image-wrap .btn-wrap {
		margin-top: 45px
	}
	.sec-pc .recommend-wrap {
		display: table-cell;
		padding: 40px 0;
		padding-right: calc((100vw - 1185px) / 2)
	}
	.sec-pc .recommend-wrap h3 {
		width: 370px;
		margin-left: auto;
		margin-bottom: 40px;
		font-size: 30px
	}
	.sec-pc .recommend-wrap .card-wrap {
		display: block;
		margin-right: auto
	}
	.sec-pc .recommend-wrap .box-card {
		width: 370px;
		margin: 0 0 30px auto
	}
	.sec-pc .ranking-wrap {
		padding: 105px 0 50px
	}
	.sec-pc .ranking-wrap:before {
		height: 443px
	}
	.sec-pc .ranking-wrap h3 {
		margin-bottom: 50px;
		font-size: 30px
	}
	.sec-pc .ranking-wrap .li-ranking {
		margin-left: -30px
	}
	.sec-pc .ranking-wrap .li-ranking:after {
		content: '';
		display: table;
		clear: both;
		height: 0
	}
	.sec-pc .ranking-wrap .li-ranking li {
		float: left;
		width: 370px;
		margin-left: 30px;
		margin-top: 0
	}
	.sec-pc .ranking-wrap .li-ranking li a {
		border-radius: 6px
	}
	.sec-pc .ranking-wrap .li-ranking .box-card .star-wrap {
		margin-bottom: auto
	}
	.sec-pc .logo-mouse {
		width: 200px;
		margin: 0 auto 35px
	}
	.sec-pc .logo-mouse img {
		width: 200px
	}
	.sec-pc .logo-gtune {
		width: 200px;
		margin: 0 auto 65px
	}
	.sec-pc .logo-daiv {
		width: 180px;
		margin: 0 auto 35px
	}
	.sec-pc .logo-pro {
		width: 190px;
		margin: 0 auto 40px
	}
	.sec-pc.note-pc .image-wrap:before {
		top: 70px;
		right: -70px;
		font-size: 580px
	}
	.sec-pc.desktop-pc .image-wrap figure {
		margin: 0 0 60px
	}
	.sec-pc.desktop-pc .image-wrap:before {
		top: 70px;
		right: -70px;
		font-size: 580px
	}
	.sec-pc.game-pc .image-wrap:before {
		left: auto;
		right: -55px;
		width: 845px;
		height: 260px
	}
	.sec-pc.creator-pc .image-wrap:before {
		left: auto;
		top: 55px;
		right: -85px;
		width: 830px;
		height: 340px
	}
	.sec-pc.creator-pc .image-wrap h2 {
		margin-bottom: 80px
	}
	.sec-pc.creator-pc .image-wrap figure {
		margin: 0 0 85px
	}
	.sec-pc.business-pc .image-wrap:before {
		top: -50px;
		left: auto;
		right: 130px;
		width: 1395px;
		height: 600px;
		background-position: left center
	}
	.sec-pc.business-pc .image-wrap figure {
		margin: 0 -10px 50px
	}
	.sec-point {
		padding: 100px 0 0
	}
	.sec-point h2 {
		font-size: 38px;
		text-align: center;
	}
	.sec-point .li-campaign {
		margin-top: 70px;
		margin-left: -30px
	}
	.sec-point .li-campaign:after {
		content: '';
		display: table;
		clear: both;
		height: 0
	}
	.sec-point .li-campaign li {
		float: left;
		width: calc((100% - 90px) / 3);
		margin: 0 0 15px 30px
	}
	.sec-point p {
		font-size: 16px
	}
	.sec-point .point-wrap {
		margin-top: 55px;
		padding: 85px 0 110px
	}
	.sec-point .point-wrap h2 span {
		font-size: 30px;
		background: #fff100;
		text-align: center;
		padding: 20px;
	}
	.sec-point .li-point {
		margin-left: 0;
		background: #fff000;
	}
	.sec-point .li-point li {
		width: 33%;
		border-left: none
	}
	.sec-point .li-point li a {
		background: none
	}
	.sec-point .li-point li a:hover .text {
		background: #fff
	}
	.sec-point .li-point li a:hover .text dt {
		color: #3c3c3c
	}
	.sec-point .li-point li .text {
		position: relative;
		min-height: 333px;
		background: #fff100;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s
	}
	.sec-point .li-point li i {
		font-size: 40px
	}
	.sec-point .li-point li .point {
		padding: 0 15px
	}
	.sec-point .li-point li .point dt {
		color: #333;
		margin-bottom: 12px font-size: 18px
	}
	.sec-point .li-point li .point dd {
		font-size: 14px;
		text-align: center
	}
	.sec-point .li-point li .point dd span {
		font-size: 8px;
		text-align: center
	}
	.sec-point .li-point li:nth-child(4) dt {
		padding-top: 1em
	}
	.sec-fun {
		padding: 80px 0px 20px
	}
	.sec-fun h3 {
		margin-bottom: 60px
	}
	.sec-fun .li-banner {
		margin-left: -30px;
		margin-bottom: 110px
	}
	.sec-fun .li-banner:after {
		content: '';
		display: table;
		clear: both;
		height: 0
	}
	.sec-fun .li-banner li {
		float: left;
		width: calc((100% - 90px) / 3);
		margin: 0 0 20px 30px;
	}
	.sec-fun .tab-wrap {
		margin-top: 90px
	}
	.sec-fun .tab-wrap .tab-menu-wrap {
		overflow: auto
	}
	.sec-fun .tab-wrap .tab-menu {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 970px;
		margin: 0 auto
	}
	.sec-fun .tab-wrap .tab-menu li {
		width: 238px;
		height: 70px;
		font-size: 16px;
		font-weight: bold
	}
	.sec-fun .tab-wrap .tab-menu li:hover {
		cursor: pointer
	}
	.sec-fun .tab-wrap .tab-contentWrap {
		padding: 60px 0
	}
	.sec-fun .tab-wrap .tab-content {
		width: 970px;
		margin: auto
	}
	.sec-fun .tab-wrap .tab-content li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 17px 0
	}
	.sec-fun .tab-wrap .tab-content li .box-info {
		width: 10.5em
	}
	.sec-fun .tab-wrap .tab-content li .txt-date {
		display: inline-block;
		width: 5.8em;
		font-size: 18px
	}
	.sec-fun .tab-wrap .tab-content li .txt-week {
		display: inline-block;
		-webkit-transform: translateY(-1px);
		-ms-transform: translateY(-1px);
		transform: translateY(-1px);
		width: 2em
	}
	.sec-fun .tab-wrap .tab-content li .txt-category, .sec-fun .tab-wrap .tab-content li .txt-week {
		font-size: 14px
	}
	.sec-fun .tab-wrap .tab-content li .txt-category {
		margin-right: 5px;
		padding-top: 3px
	}
	.sec-fun .tab-wrap .tab-content li .txt-title {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		font-size: 16px
	}
	.sec-lineup {
		padding: 100px 0
	}
	.sec-lineup h3 {
		margin-bottom: 80px
	}
	.sec-lineup .li-lineup {
		display: block
	}
	.sec-lineup .li-lineup .item {
		float: left;
		width: 20%;
		height: 170px;
		margin-bottom: 70px
	}
	.sec-lineup .li-lineup .item img {
		max-width: none;
		max-height: none;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s
	}
	.sec-lineup .li-lineup .item span {
		font-size: 18px
	}
	.sec-lineup .li-lineup .item a:hover img {
		-webkit-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2)
	}
	.sec-lineup .li-lineup .item .img-note {
		width: 154px
	}
	.sec-lineup .li-lineup .item .img-desktop {
		width: 156px
	}
	.sec-lineup .li-lineup .item .img-game {
		width: 148px
	}
	.sec-lineup .li-lineup .item .img-creator {
		width: 169px
	}
	.sec-lineup .li-lineup .item .img-business {
		width: 168px
	}
	.sec-lineup .li-lineup .item .img-tablet {
		width: 155px
	}
	.sec-lineup .li-lineup .item .img-iiyama {
		width: 190px
	}
	.sec-lineup .li-lineup .item .img-smarthome {
		width: 136px
	}
	.sec-lineup .li-lineup .item .img-catalog {
		width: 106px
	}
	.sec-lineup .js-moreContent {
		display: inline
	}
	.sec-lineup .js-moreContent .btn-wrap {
		clear: left
	}
	.sec-guide {
		padding: 110px 0 0
	}
	.sec-guide h3 {
		text-align: left
	}
	.sec-guide .row .col {
		width: 50%
	}
	.sec-guide .row .col.fl + .fl {
		padding-left: 15px
	}
	.sec-guide .li-guide {
		margin-left: -30px;
		margin-bottom: 40px;
	}
	.sec-guide .li-guide li {
		width: 270px;
		margin-left: 30px;
		padding: 25px
	}
	.sec-guide .li-guide li .ttl {
		text-align: left
	}
	.sec-guide .li-guide li .ttl i {
		display: inline-block;
		font-size: 43px;
		vertical-align: middle
	}
	.sec-guide .li-guide li .ttl .name {
		display: inline-block;
		margin-bottom: 10px;
		vertical-align: middle
	}
	.sec-guide .li-guide li p {
		font-size: 14px
	}
	.sec-guide .li-guide li.box-quality {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		width: 100%
	}
	.sec-guide .li-guide li.box-quality div:first-child {
		width: auto;
		padding-right: 45px
	}
	.sec-guide .li-guide li.box-quality div:nth-child(2) {
		width: auto;
		padding-right: 45px
	}
	.sec-guide .li-guide li.box-quality div:nth-child(3) {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
	.contact-wrap {
		padding: 70px 0;
		margin-top: 90px
	}
	.contact-wrap h3 {
		margin-bottom: 45px;
		text-align: center
	}
	.contact-wrap .box-number:after {
		content: '';
		display: table;
		clear: both;
		height: 0
	}
	.contact-wrap .box-number > .col {
		float: left;
		width: calc(50% - 15px);
		padding: 30px 30px
	}
	.contact-wrap .box-number > .col:nth-child(odd) {
		margin-right: 15px;
		margin-bottom: 35px
	}
	.contact-wrap .box-number > .col:nth-child(2n) {
		margin-left: 15px;
		margin-bottom: 35px
	}
	.contact-wrap .box-number > .col p.tac {
		margin-top: 10px;
		padding-top: 22px;
		font-size: 14px;
		text-align: center
	}
	.contact-wrap .box-number > .col .hover-line {
		font-size: inherit
	}
	.contact-wrap .li-customer dt {
		padding-bottom: 30px
	}
	.contact-wrap .li-customer dd .tel-link {
		padding: 8px;
		font-size: 38px
	}
	.contact-wrap .li-customer dd .tel-link span {
		font-size: 14px;
		font-weight: 500
	}
	.contact-wrap .li-customer dd .fax {
		margin-top: 15px;
		font-size: 38px
	}
	.contact-wrap .li-customer dd .fax span {
		font-size: 14px;
		font-weight: 500
	}
	.contact-wrap .li-customer.box-ipphone i {
		margin-top: -9px;
		display: inline-block
	}
	.contact-wrap .li-customer.box-ipphone .fax {
		margin-top: 0;
		line-height: 1.5
	}
	.contact-wrap .support-wrap .txt-attention {
		font-size: 18px
	}
	.contact-wrap .support-wrap .txt-attention.fsize-small {
		margin-bottom: 35px;
		font-size: 14px;
		line-height: 2.0
	}
	.contact-wrap .support-wrap .link-line {
		min-height: 145px;
		padding: 25px 150px 25px 25px;
		font-size: 14px
	}
	.contact-wrap .support-wrap .link-line span {
		vertical-align: middle
	}
	.contact-wrap .support-wrap .link-line .txt-line {
		font-size: 18px
	}
	.contact-wrap .support-wrap .link-line .img-qr {
		width: 105px;
		top: 20px;
		right: 15px
	}
	.about-wrap {
		padding: 80px 0
	}
	.about-wrap .bn-maker {
		margin-bottom: 60px;
		text-align: center
	}
	.about-wrap .bn-maker li {
		display: inline-block;
		margin: 0 12px
	}
	.about-wrap .bn-bottom {
		width: 780px;
		margin: auto
	}
	.about-wrap .bn-bottom .logo {
		width: 102px;
		margin-bottom: 55px
	}
	.about-wrap .bn-bottom .ttl-maker {
		font-size: 20px;
		line-height: 1.8
	}
	.about-wrap .li-maker dt {
		margin-bottom: 15px;
		font-size: 16px
	}
	.about-wrap .li-maker dt ~ dt {
		margin-top: 25px
	}
	.about-wrap .li-maker dd {
		font-size: 14px;
		line-height: 1.9
	}
	.sec-review {
		padding: 65px 0 0
	}
	.sec-review .ttl {
		margin-bottom: 15px;
		font-size: 30px
	}
	.sec-review .ttl span {
		display: inline-block;
		margin-left: 1em;
		font-size: 30px
	}
	.sec-checkItems {
		padding: 65px 0
	}
	.sec-checkItems .ttl {
		font-size: 30px
	}
	.sec-customize {
		padding: 70px 0
	}
	.sec-customize .ttl {
		margin-bottom: 55px;
		font-size: 30px
	}
	.sec-customize p {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		font-size: 18px;
		line-height: 1.66
	}
	.sec-customize .btn-wrap {
		margin-top: 53px
	}
	.sec-customize ul.hukidashi-customize {
		position: relative;
		display: block;
		width: auto;
		height: 650px;
		margin-top: 2em;
		background: url("../img/top/customize_mouseimg.png");
		background-size: 25%;
		background-repeat: no-repeat;
		background-position: center;
	}
	.sec-customize ul.hukidashi-customize li:nth-child(1n) {
		width: 445px;
		height: 223px;
		top: 15px;
		left: 340px;
		background: url("../img/top/hukidashi_img1.png")
	}
	.sec-customize ul.hukidashi-customize li:nth-child(2n) {
		width: 332px;
		height: 179px;
		top: 220px;
		left: 760px;
		background: url("../img/top/hukidashi_img2.png")
	}
	.sec-customize ul.hukidashi-customize li:nth-child(3n) {
		width: 292px;
		height: 177px;
		top: 460px;
		left: 610px;
		background: url("../img/top/hukidashi_img3.png")
	}
	.sec-customize ul.hukidashi-customize li:nth-child(4n) {
		width: 265px;
		height: 164px;
		top: 470px;
		left: 235px;
		background: url("../img/top/hukidashi_img4.png")
	}
	.sec-customize ul.hukidashi-customize li:nth-child(5n) {
		width: 341px;
		height: 191px;
		top: 220px;
		left: 50px;
		background: url("../img/top/hukidashi_img5.png")
	}
	.sec-customize ul.hukidashi-customize li {
		position: absolute;
		display: block;
		padding-top: 1.3em;
		font-size: 26px;
		line-height: 1.3em;
		font-weight: bold;
		text-align: center;
		background-repeat: no-repeat!important;
	}
	.sec-customize ul.hukidashi-customize li span {
		font-size: 20px;
		font-weight: normal;
		line-height: 1.3em;
	}
	.no-supports .sec-mv .btn-news {
		padding: 0 !important
	}
	.no-supports .sec-mv .btn-news.is-scroll .ttl {
		padding-top: 20px
	}
	.no-supports .sec-fun .tab-wrap .tab-content li .txt-category {
		padding-top: 1px
	}
	.no-flexbox .box-card a {
		height: auto;
		-webkit-box-sizing: content-box !important;
		box-sizing: content-box !important
	}
	.no-flexbox .sec-pc .ranking-wrap .li-ranking .box-card .star-wrap {
		margin-bottom: 0
	}
	.no-flexbox .sec-item .li-items li a [class^=logo], .no-flexbox .sec-item .li-items li span {
		white-space: nowrap
	}
	.no-flexbox .sec-lineup .li-lineup .item a {
		position: relative;
		height: 170px
	}
	.no-flexbox .sec-lineup .li-lineup .item a span {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		text-align: center
	}
	.no-flexbox .sec-lineup .li-lineup .item img {
		max-width: none;
		max-height: none
	}
	.no-flexbox .sec-fun .tab-wrap .tab-content li .txt-category {
		display: inline-block;
		padding-top: 2px
	}
	.no-flexwrap .sec-item .li-items li a {
		display: block;
		text-align: center
	}
	.no-flexwrap .sec-item .li-items li a span {
		display: block;
		left: 0;
		right: 0;
		text-align: center;
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
	.no-flexwrap .sec-item .li-items li a [class^=logo] {
		left: 0;
		right: 0;
		margin: 28px auto 15px;
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
	.no-flexwrap .sec-item .card-wrap:after {
		content: '';
		display: table;
		clear: both;
		height: 0
	}
	.no-flexwrap .sec-item .card-wrap .box-card {
		float: left
	}
	.no-flexwrap .sec-item .box-notice {
		display: table;
		width: 100%
	}
	.no-flexwrap .sec-item .box-notice dd, .no-flexwrap .sec-item .box-notice dt {
		display: table-cell
	}
	.no-flexwrap .sec-item .box-notice dt {
		text-align: center;
		vertical-align: middle
	}
	.no-flexwrap .sec-item .box-notice dd {
		width: calc(100% - 170px)
	}
	.no-flexwrap .sec-campaign .col4.li-campaign:after {
		content: '';
		display: table;
		clear: both;
		height: 0
	}
	.no-flexwrap .sec-campaign .col4.li-campaign li {
		float: left
	}
	.no-flexwrap .sec-campaign .col4.li-campaign li:nth-child(4n+1) {
		clear: left
	}
	.no-flexwrap .li-point:after {
		content: '';
		display: table;
		clear: both;
		height: 0
	}
	.no-flexwrap .li-point li {
		float: left
	}
	.no-flexwrap .sec-fun .tab-menu:after {
		content: '';
		display: table;
		clear: both;
		height: 0
	}
	.no-flexwrap .sec-fun .tab-menu li {
		float: left;
		padding-top: 23px;
		text-align: center
	}
	.no-flexwrap .sec-fun .tab-menu li + li {
		margin-left: 8px
	}
	.no-flexwrap .sec-fun .tab-wrap .tab-content li {
		display: table;
		width: 100%
	}
	.no-flexwrap .sec-fun .tab-wrap .tab-content li .box-info, .no-flexwrap .sec-fun .tab-wrap .tab-content li .txt-title {
		display: table-cell
	}
	.no-flexwrap .sec-lineup .li-lineup:after {
		content: '';
		display: table;
		clear: both;
		height: 0
	}
	.no-flexwrap .sec-lineup .li-lineup .item a {
		display: block;
		text-align: center
	}
	.no-flexwrap .sec-lineup .li-lineup .item a span {
		display: block;
		left: 0;
		right: 0;
		text-align: center
	}
	.no-flexwrap .sec-guide .li-guide:after {
		content: '';
		display: table;
		clear: both;
		height: 0
	}
	.no-flexwrap .sec-guide .li-guide li {
		float: left
	}
	.no-flexwrap .sec-guide .li-guide li.box-quality {
		display: table
	}
	.no-flexwrap .sec-guide .li-guide li.box-quality > div {
		display: table-cell;
		vertical-align: top
	}
	.no-flexwrap .sec-fun .tab-wrap .tab-content li .txt-category {
		display: table-cell;
		width: 6em;
		white-space: nowrap
	}
}
@media screen and (min-width:641px) and (max-width:1180px) {
	.sec-pc .recommend-wrap {
		padding: 40px 15px
	}
	.sec-pc .recommend-wrap h3 {
		width: auto
	}
	.sec-pc .recommend-wrap .box-card {
		margin: 0 auto 30px
	}
}
@media print, screen and (min-width:1236px) {
	.sec-mv .slick-prev {
		left: 50%;
		margin-left: -545px
	}
	.sec-mv .slick-next {
		right: 50%;
		margin-right: -545px
	}
}
/* 20200828 */
.campaignProductPage{
    width: 100%;
    
}
.campaignProductPage ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content:flex-start;
    width: 1170px;
    margin: 0 auto;
}
.campaignProductPage ul li{
    width: 32.3%;
	margin: 13px 0.5% 0 0.5%;
    text-align: left;
}
.campaignProductPage ul li a{
	text-decoration: underline;
}
.campaignProductPage ul li a img{
    width: 100%;
	vertical-align: bottom;
}
.campaignProductPage ul li{
    display: none;
}
/* mouse—p */
.campaignProductPage ul .mouse{
    display: block;
}
@media screen and (max-width: 640px){
    .campaignProductPage ul{
        width: 100%;
    }
    .campaignProductPage ul li{
        width: 100%;
        margin: 0;
        padding: 10px;
    }
}
.campaignProductPage h3 { 
    border-bottom:1px solid;
    margin-top:1.5em;
    max-width: 1170px;
    margin: 30px auto 15px;
}
/* //20200828 */