html{}
body{
	font-family:'Noto Sans Japanese', sans-serif,"microsoft yahei",Helvetica,Arial;
	font-weight:normal;
	font-style:normal;
	overflow-x: hidden
}
body,p,form,input,button,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;border: 0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea,select{outline:none; -webkit-appearance:none;} /* 清除IOS下按钮原生样式 */
textarea{resize:none;} /* 不允许调整元素宽高 */
table{border-collapse:collapse;} /* 为表格设置合并边框模型 */
input,select,textarea{outline:none;border:none;background:none;} /* 清除默认样式 */
a{text-decoration:none;outline:none;cursor:pointer;color: #232323;line-height:0;}
em,i,b{font-style:normal;}
li,ol{list-style:none;}
body{width:100%;margin: 0 auto;max-width:1920px;background:#fff;}
img{
	border:none;width:100%;vertical-align:top;	/* 加入下面css */
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}
.w100 {font-weight: 100;}
.w200 {font-weight: 200;}
.w300 {font-weight: 300;}
.w400 {font-weight: 400;}
.w500 {font-weight: 500;}
.w700 {font-weight: 700;}
.w900 {font-weight: 900;}
.clearfix{*zoom:1;}
.clearfix:after{content:".";display:block;overflow:hidden;clear:both;height:0;visibility:hidden;}
.fl{float: left;}
.fr{float: right;}
.bold{font-weight:bold;}
.nomargin{margin:0 !important;}
.nopadding{padding:0 !important;}
.color0{color:#00a2e9 !important;}
/* 头部导航开始 */
#header{width:100%;max-width:1920px;margin:0 auto !important;}
div#header:hover .headerMin{display:block;opacity:1;}
.headerBox{height:auto;background-color:transparent;border:none;}
.headerBox .headerMin{width:100% !important;position:relative;}
.headerBox .headerMin ul.navbar-right {margin-right:5rem;float:right;}
.headerBox .headerMin ul > li {line-height:3.2rem;}
.headerBox .headerMin ul > li a{padding:0;color:white;font-size:0.6rem;}
.headerBox .headerMin ul > li a:hover{color:#00a2e9 !important;}
.headerBox .headerLogo{width:5rem;height:auto;position:absolute;top:1.15rem;}
/* 手机导航栏头部 */
.phoneNav{
	width:7.5rem;height:1.2rem;
	
}
.phoneNavlogo{width:2.1rem;height:auto;position:absolute;top:0.25rem;right:0.22rem;}
.phoneNav .navbar{
	background-color:#000;
	height:1.2rem;margin:0;border:none;
	min-height:auto;
}
.phoneNav .navbar .container-fluid,.phoneNav .navbar .navbar-header{height:1.2rem;}
.phoneNav .navbar .navbar-toggle{
	float:left;margin-left:0.6rem;margin-top:0.4rem;width:.6rem;height:0.3rem;
	border-radius:0;padding:0;border:none;
	background-color: #000;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:#332c2b;}

.phoneNav #example-navbar-collapse{
	background-color:rgba(0,0,0,0.6);
	width:70%;height:auto;border:none;max-height:inherit !important;
}
.phoneNav #example-navbar-collapse .navbar-nav{margin:0.21rem 0;}
.phoneNav #example-navbar-collapse .navbar-nav li a{
	color:white !important;font-size:0.2rem; line-height: 2;
	text-align:left;
}
/* 头部导航结束 */
/* 轮播开始 */
#myCarousel,#myCarousel2,#myCarousel2 .swiper-container{width:100%;}
#myCarousel .carousel-indicators{bottom:23px;}
#myCarousel .carousel-indicators li{width:12px;height:12px;margin:0 12px;background-color:#FFFFFF;}
#myCarousel .carousel-indicators .active{background-color:#dc0006;border: 1px solid #dc0006;}
#myCarousel .carousel-control span{display:none;}
#myCarousel .carousel-control:hover span{display:block;}
#myCarousel2 {margin-top:1.2rem;}
#myCarousel2 .carousel-control span{display:none;}
#myCarousel2 .carousel-control:hover span{display:block;}
/* 手机版的轮播小按钮 */
#myCarousel2 .swiper-pagination-bullet{width:0.18rem;height:0.18rem;margin:0 0.1rem;background-color:#FFFFFF!important;opacity:1;}
#myCarousel2 .swiper-pagination-bullet-active{background-color:#dc0006!important;border: 1px solid #dc0006;}
/* 轮播结束 */
/* 悬浮的购买按钮开始 */
.buyIcon{
	display: inline-block;
	width:1.2rem;height:1.2rem;position:fixed;right:0.2rem;bottom:0;z-index:10;
	background: url(images/follow_banner.png) no-repeat;
	background-size: contain;
	opacity:1;
}
/* 悬浮的购买按钮结束 */
/* 播放视频区域开始 */
#videoBox{width:100%;position:relative;overflow:hidden;background-color:#000;}
#videoBox .video{width:100%;background-color:#000;display:block;margin:0 auto;}
#videoBox .videobg{position:absolute;width:100%;left:0%;right:0;top:0;bottom:0;display:block;background-color:#000000;z-index:2;}
#videoBox .videoplay{
	width:1rem;height:1rem;
	position:absolute;left:calc(50% - 0.5rem);top:calc(50% - 0.5rem);
	transform: translate(50% 50%);cursor:pointer;z-index:3;
	background:url(images/videoplay1.png) no-repeat;
	background-size: contain;	
}
#videoBox .videoplay:hover{
	background:url(images/videoplay2.png) no-repeat;
	background-size: contain;
}
/* 播放视频区域结束 */

/*  ECバナー  */
.zuiki_store_pc {
	display: block;
	width: 728px;
	margin: 0 auto;
	margin-top: 4rem;
}

.zuiki_store_mobile {
	display: block;
	width: 320px;
	margin: 0 auto;
	margin-top: 0.25rem;
}

/*  4个图标开始  */
.iconBox{margin:0.25rem auto;height:auto;width:50%;}
.iconBox.iconBox2{height:1.4rem;margin:0 auto;}
.iconBox .icon{
	width:30px;height:auto;position:relative;cursor:pointer;
}
.iconBox_wrapper {
	background: #000;
	padding: 0.5rem 0;
}
.iconBox_wrapper .iconBox {
	margin: 0 auto;
}

/*  4个图标结束  */

/* 周年庆图片图标开始 */
.bigTitle{margin:0.4rem 0;width:100%;}
.bigTitle .bigTitleImg{width:100%;}
.bigTitle .zn_Bg,.bigTitle .zn_icon{width:90%;margin: 0 auto;}
.bigTitle .zn_Bg{margin:0.1rem auto 0;}
.bigTitle .zn_icon a{height: auto;display: block;}
.bigTitle .zn_icon img{width:85%;margin-left: 10%;}
/* 周年庆图片图标结束 */
/* 不同的标题开始 */
.navItemTitle{font-size:0.4rem;}
.navItemTitle_product{margin-bottom:0.11rem;}
.navItemTitle_themeBox{font-size: 0.4rem; color: #fff; background: #000 url(images/header_img.png) no-repeat center left / 15%; padding:0.2rem;}

/* 商品展示图三个排列开始 */
/* 三张幻灯片图片特效开始*/
#productPic .about-top{width:calc(100% - 1rem);}
#productPic .about-top2{width:100%;padding-bottom:0.5rem;}
#productPic .about-top2.about-top3{padding-top:0.5rem;padding-bottom:0;}
#productPic .about-left{height:100%;}
.about-left img{
	width:100%;
}
.about-left figure {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	width:100%;
	height: 100%;
}
.about-left figure img {
	position: relative;
	display: block;
}
.features-grids figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.about-left figure figcaption::before,
.fcol1 figure figcaption::after {
	pointer-events: none;
}
.about-left figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure.effect-bubba {
	background: rgba(6, 107, 195, 0.85);
}
figure.effect-bubba:hover img {
	opacity: 0.3;	
	transition: 1s all;
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	-ms-transition: 1s all;
	-moz-transition: 1s all;
	cursor:pointer;	
	transform: scale(1.4);
	-webkit-transform:scale(1.4);
	-moz-transform:scale(1.4);
	-o-transform: scale(1.4);
	-ms-transform:scale(1.4);
}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;	
	-moz-transition: opacity 0.35s, -moz-transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;
	-ms-transition: opacity 0.35s, -ms-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	-moz-transform: scale(0,1); 
	-o-transform: scale(0,1);
	-ms-transform: scale(0,1);
	transform: scale(0,1);
}
figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	-moz-transform: scale(1,0);
	-o-transform: scale(1,0);
	-ms-transform: scale(1,0);
	transform: scale(1,0);
}
figure.effect-bubba h4,figure.effect-bubba h2 {
	-webkit-transition: transform 0.35s;
	-moz-transition: transform 0.35s;
	-o-transition: -o-transform 0.35s;
	-ms-transition: -ms-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	-moz-transform: translate3d(0,-20px,0);
	-o-transform: translate3d(0,-20px,0);
	-ms-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	opacity:0;
	color:#fff;
	font-size: 1.8em;
}
figure.effect-bubba h4.gal {
	padding-top: 21%;
}
figure.effect-bubba p {
	padding: 0px 3.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	-moz-transition: opacity 0.35s, -moz-transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;
	-ms-transition: opacity 0.35s, -ms-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	-moz-transform: translate3d(0,20px,0);
	-o-transform: translate3d(0,20px,0);
	-ms-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	color:#fff;
	font-size: 1em;
}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
figure.effect-bubba:hover h4,
figure.effect-bubba:hover p,figure.effect-bubba:hover h2 {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/* 手机端的三个图片展示开始 */
#productPic .productPic_phone,#productPic .productPic_phoneBox{width:7.5rem;height:5.9rem;position:relative;}
#productPic .productPic_phoneBox{margin-bottom:0.2rem;}
#productPic .productPic_phoneBox span{font-size:0.45rem;position:absolute;top:0.25rem;left:0.23rem;color:white;}
/* 商品展示图三个排列结束 */
/* 六个主题图片展示开始 */
/* 滚动控制动画需要的数值 */
:root{
	--percentageX:0;
	--percentageY:0;
	--percentOpacity:0;
	--percentOpacity_2:0;
	--percentOpacity_3:0;
	--percentOpacity_4:0;
	--percentOpacity_5:0;
}
/* 滚动控制动画需要的数值 */
.longBgBox{ background-color: #f9e6e2;}
#themeBox{position:relative;width:100%;}
#themeBox .themeMianBox_phone{background:url(images/phone/themeBoxBg.jpg) no-repeat;background-size:cover;}
#themeBox .themeMianBox{width:100%;}
#themeBox .themebox1,
#themeBox .theme1,
#themeBox .theme1 .theme1_img,
#themeBox .theme2,
#themeBox .theme3,
#themeBox .theme4,
#themeBox .theme5{
	position:relative;
}
#themeBox .theme1 .theme1title,
#themeBox .theme2 .theme2_img1,
#themeBox .theme2 .theme2_img2,
#themeBox .theme2 .theme2title,
#themeBox .theme3 .theme3_img2,
#themeBox .theme4 .theme4_img,
#themeBox .theme5 .theme5_img,
#themeBox .theme5 .theme5_img2,
#themeBox .theme5 .theme5title{
	position:absolute;
}
#themeBox .theme1{margin-top:4.84rem;}
#themeBox .theme1 .theme1_img{
	transition:1s all;
}
#themeBox .theme2 .theme2_img1,#themeBox .theme2 .theme2_img2,
#themeBox .theme5 .theme5_img,
#themeBox .theme5 .theme5_img2{
	width:auto;height:100%;
	left:0;
	top:0;
}
#themeBox .theme2 .theme2_img1{opacity:calc(1 - var(--percentOpacity_2));}
#themeBox .theme2 .theme2_img2{opacity:calc(0 + var(--percentOpacity_2));}
#themeBox .theme3,#themeBox .theme4,#themeBox .theme5{width:100%;}
#themeBox .theme3 .theme3_img{opacity:calc(1 - var(--percentOpacity_3));}
#themeBox .theme3 .theme3_img2{opacity:calc(0 + var(--percentOpacity_3));}
#themeBox .theme3 .theme3title{display:inline-block;}
#themeBox .theme4 .theme4_img,#themeBox .theme4 .theme4title{float:right;}
#themeBox .theme4 .theme4_img{opacity:calc(1 - var(--percentOpacity_4));}
#themeBox .theme4 .theme4_img2{opacity:calc(0 + var(--percentOpacity_4));}
#themeBox .theme5 .theme5_img{opacity:calc(1 - var(--percentOpacity_5));}
#themeBox .theme5 .theme5_img2{opacity:calc(0 + var(--percentOpacity_5));}
/* 移动端的 显示排版展示效果 */
#themeBox .themetitle_wz{font-size:0.42rem;line-height:0.66rem;padding-right: 0.3rem;}
#themeBox .themesm{font-size:0.24rem;line-height:0.34rem;}
#themeBox .themeBoxPhone1{padding-top:0.8rem;}
#themeBox .themeBoxPhone1 .themesm{margin-right:0.3rem;margin-top:0;text-align: right;}
#themeBox .themeBoxPhone2{padding-top:5.8rem;}
#themeBox .themeBoxPhone2 .themetitle{padding-left:0.48rem;}
#themeBox .themeBoxPhone2 .themetitle_wz{line-height:0.46rem}
#themeBox .themeBoxPhone2 .themesm{margin-top:0.2rem;width: 2.5rem;}
#themeBox .themeBoxPhone3{padding-top:5.2rem;padding-right:0.15rem;padding-bottom: 0.2rem;}
#themeBox .themeBoxPhone4{padding-top:8rem;padding-left:0.5rem;}
#themeBox .themeBoxPhone5{padding-top:6rem;padding-left:0.81rem;padding-bottom:7rem;}
#themeBox .themeBoxPhone3 .themesm,
#themeBox .themeBoxPhone4 .themesm,
#themeBox .themeBoxPhone5 .themesm{margin-top:0;}




/*  六个主题图片展示结束 */
/* 动画效果部分开始 */
#dynamicBox{position:relative;width:100%;}
#dynamicBox .roll-wrapper{width:100%;overflow:hidden;height:3.2rem;position:relative;}
#dynamicBox .roll-wrapper ul{position: absolute;top:0;left:0;}
#dynamicBox li{float:left;width:4.2rem;height:3.2rem;}
/* 动画效果部分结束 */
/* 商品详情介绍开始 */
#detail .navItemTitle_themeBox{margin-top:0.6rem;}
#detail .detailInfo_img{margin:0 auto;width:95%;}
.detailInfo .detailInfo_right{ padding:0.39rem 1.1rem;}
.detailInfo .detailInfo_right .detailInfo_item{line-height:0.34rem;font-size:0.18rem;width:1.6rem;}
.detailInfo .detailInfo_right .detailInfo_item.detailInfo_item2{width:auto;}
/* 商品详情介绍结束 */
/* 跑马灯开始 */
#pmdBox{position:relative;height:auto;margin:0 0.5rem 0.75rem; border-top: 1px solid #333; padding-top: 20px;}
#pmdBox li{line-height:0.34rem;}
#pmdBox li span{float:left;}
#pmdBox li span.pmdIcon{background-color:#000;border-radius:50%;display:inline-block;width:0.16rem;height:0.16rem;margin-top:0.09rem;}
#pmdBox li .pmdWz{padding-left:0.01rem;height:auto;font-size:0.18rem;}
#pmdBox li img{
	display:inline-block;margin:0 0.01rem;height:0.3rem;
}
#pmdBox .footerIcon1{width:0.9rem;}
#pmdBox .footerIcon2{width:0.72rem;height:0.12rem;}
/* 跑马灯结束 */
.line{width:86.46%;height:1px;background-color:#000;margin: 0 auto;}
/* 购买区块开始 */
#buy{padding-top:1rem;padding-bottom:1rem;background: url(images/newsBg.jpg) no-repeat;background-size: cover; background-position: center;}
#buy .suport_link_text {position: relative; display: block; width: 65%; margin: 0 auto; text-align: center; color: #fff; line-height: 3; font-size: 0.3rem;}
#buy .suport_link_text::after {
    /* 擬似要素で三角アイコンをつくる */
    content: '';
    display: inline-block;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #fff;
    display: inline-block;
    width: 0;
    height: 0;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translateY(-50%); /* translateYのみ */
}
#buy .amazon,#buy .amazon:hover{width: 3.6rem;margin:0.2rem auto 0; cursor: pointer;}
#buy .news1,#buy .news2{
	width:5.2rem;text-align:center;height:6.4rem;margin:0 auto;
	background: url(images/newBgImg.png) no-repeat;
	background-size: cover;
	margin-top:0.4rem;
}
#buy .news1{height: 8rem;}
#buy .news_left{height:110%;}
#buy .new1_main,#buy .new2_main{border:none;padding:5px;height:100%;}
#buy .news_left,#buy .news_right{border:none;overflow: hidden;}

#buy .twitter-timeline{
	margin: 0 auto !important;
	display:block !important;
	height:6.5rem !important;
	overflow: hidden !important;
	overflow-y: scroll !important;
}
#buy .twitter-timeline iframe{width:100% !important;}

#buy .newtitle{font-size:0.25rem;line-height:0.3rem;margin-top:0.6rem;margin-bottom:0.25rem;}
#iframe{width:85%;height:2.2rem;}
#buy .news2 .newtitle{margin-bottom:0.45rem;}
#buy .news_right .news_rightItem{width:82%;margin:0 auto;border-bottom:1px solid #000;line-height:0.3rem;letter-spacing:1px;font-size:0.16rem;}
#buy .news_right .news_rightItem.news_rightItemMiddle{margin:0.15rem auto;}
#buy .news_right .news_rightItem .date{font-size:0.2rem;}
#buy .news_right .news_rightItem .datetitle{padding-right:0.15rem;font-size:0.2rem; text-align: left;}
/* 购买区块结束 */

/* マスコンについて始 */
.about_mascon {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 1rem 0.5rem;
}

.about_mascon_text,
.about_mascon_img {
	padding: 20px;
}

.about_mascon_text {
	position: relative;
	line-height: 2;
	background: #eee;
	border-radius: 20px;
}

.about_mascon_text span {
	font-weight: bold;
	color: #D63632;
}

.about_mascon_text::after {
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-top: 20px solid #eee;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

.about_mascon_textImg {
	width: 50%;
	margin: 1rem auto 0;
}

.about_mascon_img {
	margin-top: 1rem;
}

/* マスコンについて終 */

/* 対象ソフト始 */
.target_software {
	padding: 0 0.5rem;
	margin-bottom: 0.5rem;
}

.target_software_list {
	display: flex;
	justify-content: space-between;
	align-items: top;
	flex-wrap: wrap;
}

.target_software_item {
	width: 47%;
	margin-top: 0.5rem;
}

.target_software_item.new {
	position: relative;
}

.target_software_item.new::before {
	position: absolute;
	content: "NEW";
	top: -5%;
	left: -10%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	color: #fff;
	background-image: linear-gradient(to top, #FFC837, #FF8008);
	z-index: 10;
}

.target_software_text,
.target_software_note {
	margin-top: 0.5rem;
}

/* 対象ソフト終 */

/* マスコントピックス始 */
.mascon_topics {
	padding: 0 0.5rem;
	margin-bottom: 0.5rem;
}

.mascon_topics_text_wrap {
	display: flex;
	flex-flow: column;
	justify-content: space-around;
	margin-top: 0.5rem;
	background: #eee;
	padding: 20px;
}

.mascon_topics_title {
	color: #E50112;
	margin-top: 0.5rem;
	font-size: 0.3rem;
	font-weight: bold;
}

.mascon_topics_btn {
	margin-top: 0.5rem;
	line-height: 4;
	background: #000;
	border: none;
}

.mascon_topics_btn:hover,
.mascon_topics_btn:focus,
.mascon_topics_btn:active {
	background: #999!important;
}

.mascon_topics_img {
	margin-top: 0.5rem;
}

/* マスコントピックス終 */

/* 製品バナー始 */
.product_banner {
	padding: 0 0.5rem;
	margin-bottom: 0.5rem;
}

.product_banner_list {
	display: flex;
	justify-content: space-between;
	align-items: top;
	flex-wrap: wrap;
}

.product_banner_item {
	width: 100%;
	margin-top: 1rem;
}

.product_banner_note {
	margin-top: 0.5rem;
}

/* 製品バナー終 */

/* footer开始 */
#footer{width:100%;height:3.82rem;background-color:#000;padding-top:0.6rem;}
#footer .footerBanner,#footer .footerIcon{width:100%;margin:0 auto;}
#footer .footerBanner{color:white;}
#footer .footerBanner div{cursor:pointer;}
#footer .footerBanner div:hover{color:#00a2e9;}
#footer .footerLogo{width:2.47rem;height:0.75rem;margin-bottom:0.5rem;}

#footer .footerIcon{width:6.5rem;height:0.36rem;line-height:0.36rem;margin-bottom:0.5rem;}
#footer .footerIcon div{font-size:0.2rem;color:#00a2e9;text-decoration:none;}
#footer .footerIcon div a{color:#00a2e9;text-decoration:none;}
#footer .line{height:2px;background-color:#666;margin-bottom:0.4rem;}
#footer .footerIcon .footerYear{color:#666;font-size:0.16rem;}
/* footer结束 */


/* 小于360像素的特殊处理开始 */
@media screen and (max-width:359px){
	#themeBox .themeBoxPhone2 .themetitle{padding-left: 0.3rem;}
	#themeBox .themeBoxPhone2 .themesm{width: 3rem;}
	#themeBox .themeBoxPhone3{padding-top:5.0rem;padding-right:0.15rem;padding-bottom:0.5rem;}
	#themeBox .themeBoxPhone4{padding-top:7.5rem;padding-left:0.5rem;padding-bottom:0.5rem;}
	#themeBox .themeBoxPhone5{padding-top:5.2rem;padding-left:0.81rem;padding-bottom:7.6rem;}
}

/* 小于360像素的特殊处理结束 */
/* 分辨率适配具体的字体大小作为样板 */
@media screen and (min-width:768px){
	#header.headerBox{height:7.74rem;}
	.headerBox .headerMin{padding: 15px;}
	#header .headerLogo{width:13rem;height:auto;left:18rem;top: 50%;translate: 0 -50%;}	
	#header ul{margin-right:25rem; display: flex; align-items: stretch;}
	.headerBox .headerMin ul > li {margin-left: 2rem; border-left: 2px solid #fff; padding-left: 2rem; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);}
	.headerBox .headerMin ul > li:first-of-type {border-left: none;}
	.headerBox .headerMin ul > li a{font-size:1.78rem; display: flex; align-items: center; width: 100%; height: 100%; line-height: 1.5;}
	.buyIcon{width:14rem;height:14rem;right:3.64rem;opacity:0.5;bottom:1.5rem;}
	.buyIcon:hover{
		opacity:1;
	}
	#myCarousel .carousel-indicators li{width:1rem;height:1rem;margin:0 1rem;}
	#myCarousel .carousel-control{width: 15%;height: 20%;background:none;top: calc(50% - 10%);}
	#videoBox .videoplay{width:18rem;height:18rem;left: calc(50% - 9rem);top: calc(50% - 9rem);}
	
	/* 四个图标开始 */
	.iconBox{margin:5rem auto;width:30%;}
	.iconBox.iconBox2{height:16.05rem;margin:3.86rem auto 0;}
	.iconBox .icon{width:50px;height:auto;}
	.iconBox_wrapper {
		padding: 5rem 0;
	}
	/* 四个图标结束 */
	/* 周年庆图片图标开始 */
	.bigTitle{margin:4rem auto 8rem;}
	.bigTitle .zn_Bg,.bigTitle .zn_icon{width: 70%;margin: 0 auto;}
	.bigTitle .zn_Bg{margin-top:2rem;}
	.bigTitle .zn_icon a{display: block;}	
	.bigTitle .zn_icon img{width: 88%;margin-left:12%;}
	/* 周年庆图片图标结束 */
	/* 三个做作品开始 */	
	#productPic .about-top{width:calc(100% - 1rem);}	
	#productPic h2{font-size:4rem;}
	#productPic h4{font-size:3rem;}
	.navItemTitle{font-size:3.5rem;line-height:4.52rem;}
	.navItemTitle_product{margin-bottom:2.1rem;}
	/* 6个主题开始 */
	.longBgBox{background:none;}
	.navItemTitle_themeBox{padding:3rem 2rem; background-size: 10%;}
	#themeBox .themeMianBox{background:url(images/themeBoxBg.jpg) no-repeat;background-size:cover;}
	#themeBox .themebox1{width:64rem;line-height:4.8rem;font-size:4rem;}	
	#themeBox .themesm div{line-height:3.4rem;height:auto;font-size:2.5rem;}
		
	#themeBox .theme1{margin-left:7.67rem;height:39.82rem;width:64.65rem;}
	#themeBox .theme1 .theme1_img{
		height:55.78rem;width:64.65rem;
		left:calc(-48rem + var(--percentageX));
		top:calc(30rem - var(--percentageY));
		opacity:calc(var(--percentOpacity));	
	}
	#themeBox .theme1 .theme1title{left:70%;top:10rem;}
	#themeBox .theme2{
		width:56.99rem;height:50.77rem;margin-top:70rem;
	}
	#themeBox .theme2 .theme2title{left:-65rem;top:24rem;width:auto;}

	#themeBox .theme3{height:86rem;padding-top:11rem;}
	#themeBox .theme3 .theme3_img,#themeBox .theme3 .theme3_img2{width:64.57rem;height:62.52rem;margin-left:3.55rem;margin-top: 11rem;}
	#themeBox .theme3 .theme3_img2{top: 11rem;left: 0;}
	#themeBox .theme3 .theme3title{margin-left:6rem;margin-top:30rem;}

	#themeBox .theme4{height:54.16rem;margin-top:-4rem;}
	#themeBox .theme4 .theme4_img{width:54.16rem;height:54.16rem;right:0;top:0;}
	#themeBox .theme4 .theme4title{width:auto;margin-right:56rem;margin-top:19rem;}

	#themeBox .theme5{height:80rem;}
	#themeBox .theme5 .theme5_img,#themeBox .theme5 .theme5_img2{width:55.61rem;height:35.92rem;top:28rem;left:11.87rem;}
	#themeBox .theme5 .theme5title{top:47rem;left:70rem;}
	/* 动画效果部分开始 */
	#dynamicBox .roll-wrapper{height:24.2rem;}
	#dynamicBox .roll-wrapper ul{top:0;left:0;}
	#dynamicBox li{width:32rem;height:24.2rem;}	
	/* 动画效果部分结束 */
	/* 跑马灯开始 */
	#pmdBox{margin:6.89rem 2rem;line-height:3.4rem;}
	#pmdBox li{width:100%;height:3.4rem;line-height:3.4rem;}
	#pmdBox li span.pmdIcon{width:1.8rem;height:1.8rem;margin-right:0.2rem;margin-top:0.8rem;}
	#pmdBox li .pmdWz{font-size:2.2rem;}
	#pmdBox li img{height:2.7rem;}
	#pmdBox .footerIcon1{width:9rem;}
	#pmdBox .footerIcon2{width:6rem;height:1rem;}
	/* 跑马灯结束 */
	/* 商品详情介绍开始 */
	/* 商品详情介绍结束 */
	/*  详细介绍和底部  */
	#detail .detailInfo_img{width:74.34rem;}
	.detailInfo .detailInfo_right{ padding:3rem 0 0 0.57rem;}
	.detailInfo .detailInfo_right .detailInfo_item{width:17rem;line-height:3.4rem;font-size:2.2rem;}
	.detailInfo .detailInfo_right .detailInfo_item.detailInfo_item2{width:auto;}
	#buy{padding-top:10rem;padding-bottom:3rem;background: url(images/newsBg.jpg) no-repeat;background-size: cover;}
	#buy .amazon,#buy .amazon:hover{width: 48rem;margin-bottom: 20rem;}
	#buy .suport_link_text {font-size: 3rem; width: 30%;}
	#buy .suport_link_text::after {border-width: 9px 0 9px 9px;}
	#buy .news1, #buy .news2{width:60rem;height:45rem;}
	#buy .newtitle{font-size:2.5rem;line-height:3rem;margin-top:3.8rem;margin-bottom:10rem;}
	#buy .news_left{height:90%;}
	#buy .news_left .newtitle{margin-bottom:3.5rem}
	#buy .news2 .newtitle{margin-bottom:10rem;}
	#buy .news_right .news_rightItem .date,#buy .news_right .news_rightItem .datetitle{font-size:1.2rem;}
	#buy .twitter-timeline{
		height:30rem !important;
	}
	#buy .news_right .news_rightItem{line-height:3rem;font-size:1.5rem;}

	/* マスコンについて始 */
	.about_mascon {
		margin: 4rem;
	}

	.about_mascon_explanation,
	.about_mascon_img {
		width: 48%;
		padding: 40px;
	}

	.about_mascon_textImg {
		width: 50%;
		margin: 4rem auto 0;
	}

	.about_mascon_img {
		margin-top: 0;
	}

	/* マスコンについて終 */

	/* 対象ソフト始 */
	.target_software {
		padding: 0 4rem;
		margin-bottom: 4rem;
	}

	.target_software_list {
		margin-left: -3%;
		justify-content: flex-start;
	}

	.target_software_item {
		width: 17%;
		margin-top: 4rem;
		margin-left: 3%;
	}

	.target_software_item.new::before {
		top: -7%;
		left: -7%;
		width: 6rem;
		height: 6rem;
	}

	.target_software_list::after {
		display: block;
		content: "";
		width: 22%;
	}

	.target_software_text,
	.target_software_note {
		margin-top: 2rem;
	}

	/* 対象ソフト終 */

	/* マスコントピックス始 */
	.mascon_topics {
		padding: 0 4rem;
		margin-bottom: 4rem;
	}

	.mascon_topics_inner {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		flex-wrap: wrap;
		width: 70%;
		margin: 0 auto;
	}

	.mascon_topics_title {
		text-align: center;
		margin-top: 2rem;
		font-size: 2rem;
	}

	.mascon_topics_text_wrap,
	.mascon_topics_img {
		width: 49%;
	}

	.mascon_topics_text_wrap {
		margin-top: 2rem;
	}

	.mascon_topics_text {
		line-height: 2;
	}

	.mascon_topics_btn {
		margin-top: 2rem;
	}

	.mascon_topics_img {
		margin-top: 2rem;
	}

	/* マスコントピックス終 */

	/* 製品バナー始 */
	.product_banner {
		padding: 0 4rem;
		margin-bottom: 4rem;
	}

	.product_banner_item {
		width: 33%;
		margin-top: 4rem;
	}

	.product_banner_list::after {
		display: block;
		content: "";
		width: 33%;
	}

	.product_banner_note {
		margin-top: 2rem;
	}

	/* 製品バナー終 */
	
	#footer{height:27.69rem;background-color:#332c2b;}
	#footer .footerBanner,#footer .footerIcon{width:50%;margin:0 auto;}
	#footer .footerBanner{height:12rem;font-size:1.78rem;}
	#footer a {display: block; line-height: 1.5; color: #fff; text-align: center; text-decoration: none;}
	#footer .footerIcon{margin-top:2rem;height:4.2rem;}
	#footer .footerLogo{width:13.65rem;height:4.2rem;}
	#footer .footerIcon div,#footer .footerIcon div a{font-size:1.4rem;color:#00a2e9;}
	#footer .footerIcon .footerYear{color:#666;font-size:1.2rem;margin-top:3.6rem;}	
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	/* マスコントピックス始 */
	.mascon_topics_inner {
		width: 100%;
	}
	/* マスコントピックス終 */
}