/* ////////////////////////////////////////////////
///
/// WordPress
///
///////////////////////////////////////////////// */

#submenu.fixed.relative,
#global-header.fixed.relative #menu-button {
	position: relative !important;
	height: 0;
	overflow: hidden;
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#global-header.fixed.relative #menu-button .bar {
	background-color: #fff !important;
}

@media screen and (max-width: 782px) {

html {
    margin-top: 0px !important;
}

html #wpadminbar {
    height: 46px;
    min-width: 300px;
    display: none !important;
}

body.admin-bar #submenu.fixed {
	top: 0;
}

}


/* ////////////////////////////////////////////////////////////////////////////////
///
/// under 1023
///
//////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 1023px) {

/* ----------------------------------------------------------------------- common */

body {
	min-width: 100%;
	position: relative;
	width: 100%;
}

div.content,
#global-header div.content,
#contents, #news-contents,
#special-contents article header,
#special-contents article .content,
#breadcrumb div.content,
#home-contents,
footer div.content  {
	width: 720px;
	margin: auto;
}

#special-contents{
	padding: 16px 0;
	width: 100%;
}

#global-header div.content {
	padding: 16px 0 0;
}

#global-header #menu1 li {
    width: 18%;
}

#submenu {
	-webkit-backface-visibility: hidden !important;
	backface-visibility: hidden !important;
}

	body.zoom #submenu {
		position: absolute !important;
		top: -1px !important;
		text-align: left !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		-o-box-shadow: none !important;
		-ms-box-shadow: none !important;
		box-shadow: none !important;
	}

	body.legacy.zoom #submenu {
		display: none;
	}

#submenu,
#breadcrumb .content {
	overflow-x: auto !important;
	overflow-y: hidden !important;
	-webkit-overflow-scrolling: touch !important;
	overflow-scrolling: touch !important;
}

#submenu::-webkit-scrollbar,
#breadcrumb .content::-webkit-scrollbar {
	width: 4px !important;
	background: #eee !important;
}

#submenu::-webkit-scrollbar:horizontal,
#breadcrumb .content::-webkit-scrollbar:horizontal {
	height: 4px !important;
}

#submenu::-webkit-scrollbar-thumb,
#breadcrumb .content::-webkit-scrollbar-thumb {
  background: #aaa !important;
}

#submenu ul {
	position: relative;
	left: 0;
	top: 0;
	display: table;
	width: auto;
	white-space: nowrap;
	overflow: visible;
	table-layout: fixed;
}

#submenu.sp ul {
	width: auto;
}

#submenu.fixed ul {
	width: auto;
	margin: 0;
}

	#submenu.fixed.lineup ul {
		/*width: 960px !important;*/
		margin: 0 auto !important;
	}

#submenu li {
	position: relative !important;
	display: table-cell !important;
	float: none !important;
	line-height: 49px;
}

#submenu li a {
	font-size: 15px;
	padding: 0 16px;
}

#submenu li.tmall {
	position: relative;
	width: 160px !important;
	top: 0;
}

#submenu li.tmall img {
	width: 160px !important;
	max-width: 160px !important;
	margin: 9px 16px;
}

#submenu.lineup {
	height: 120px;
	text-align: center;
}

#contents #submenu.lineup ul {
	margin: 0 auto;
	height: 90px;
}

#submenu.lineup.fixed ul {
	padding: 0 12px;
}

	body.zoom #submenu.lineup.fixed ul {
		padding: 0 !important;
	}

#contents #submenu.lineup li {
	width: 150px;
	left: 0 !important;
}

#contents #submenu.lineup li.show {
	-webkit-animation: none;
}

#contents #submenu.lineup li.back {
	-webkit-animation: none;
}

#contents #submenu.lineup li a {
	width: 150px;
	height: 80px;
}

#contents #submenu.lineup li img {
	max-width: 90px !important;
	max-height: 60px !important;
}

#contents #submenu.lineup li p {
	font-size: 10px;
	width: 140px;
	left: 5px;
}

#submenu.lineup #prev, #submenu.lineup #next {
	display: none;
}

#contents, #news-contents {
	padding: 16px 0 48px 0;
}

#breadcrumb {
	width: auto;
}

#breadcrumb div.content {
	padding: 0;
}

footer dl {
	margin-right: 15px;
}



/* ----------------------------------------------------------------------- home */

#main-banner {
	position: relative;
	margin-top: 0;
}

#main-banner-slider {
	position: inherit;
	width: 100%;
	visibility: hidden;
}

#main-banner-slider.ready {
	visibility: visible;
}

.flex-viewport {
	position: inherit !important;
}

#main-banner-slider .flex-viewport,
#main-banner-slider ul.slider {
	overflow: hidden !important;
}

#main-banner-slider,
#main-banner-slider .flex-viewport li a,
#main-banner-slider .flex-viewport li img  {
	width: 100%;
	height: auto;
	margin: 0;
}

#main-banner-slider .flex-control-nav {
	position: relative;
    bottom: 0;
    top: 0;
	height: 14px;
    margin: 16px 0;
    overflow: hidden;
}

#main-banner-slider .flex-control-nav li a {
	width: 8px;
	height: 8px;
}

#main-banner-slider .flex-direction-nav {
	display: none;
}

#home-contents {
	display: block;
}

#contents.home {
	width: auto;
	margin: 0;
	padding: 0;
}

#home-pickup {
	padding: 0 8px 24px 0;
}

#home-pickup dt {
}

#home-pickup dd {
	margin: 0;
	width: 50%;
}

#home-pickup dd#pickup0,
#home-pickup dd#pickup1 {
	margin: 0;
	width: 50%;
}

#home-pickup .thumbnail {
	width: 208px;
	height: 156px;
}

#home-pickup dd#pickup0 .thumbnail,
#home-pickup dd#pickup1 .thumbnail {
	/*width: 432px;
	height: 324px;*/
	width: 208px;
	height: 156px;
}

#home-pickup a {
	display: block;
	margin: 16px 16px 0 0;
}

#home-pickup dd#pickup0 h2,
#home-pickup dd#pickup1 h2,
#home-pickup dd#pickup0 p,
#home-pickup dd#pickup1 p {
	font-size: inherit;
	line-height: inherit;
}

#home-news {
	padding: 0 0 24px 24px;
	width: 264px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#home-news .content {
	width: 240px;
}

#home-news #weibo dd {
	width: auto;
}


/* ----------------------------------------------------------------------- about */

#about > section > h1 {
	margin: 30px 0;
}

#about #company .text,
#contact #company div.text {
	width: 58%;
}

#about #company .image,
#contact #company .photo {
	width: 38%;
}

#about #shop section .text {
	width: 58%;
}

#about #shop section .image {
	width: 40%;
}

#about #philosophy .action {
	margin: 40px 0 0 0;
}

#about #philosophy ul li dt {
	font-size: 27px;
	line-height: 1.7em;
}

#about #philosophy ul li dd {
	font-size: 13px;
}

#about #history table td dd {
	margin-right: 100px;
}

#about #history .item .item1 {
	right: 10px;
}

#about #history .item .item2 {
	right: 140px;
}

#about #history .item .item7 {
	right: 88px;
}

#dituContent {
	height: 300px !important;
	width: 100% !important;
	box-sizing: border-box;
}

#dituContent img {
	max-width: inherit;
	max-width: inherit;
}


/* ----------------------------------------------------------------------- support */

#support ul {
	border: none;
}

#support li {
	width: 100%;
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
	border: 1px solid #B7C5D0;
}

#support li a {
	display: block;
	overflow: hidden;
}

#support li header {
    width: 130px;
    float: left;
    padding: 20px;
}

#support li header img {
    width: 76px;
}

#support li p {
    margin-left: 170px;
    border: none;
}


/* ----------------------------------------------------------------------- news-contents */

#news-contents article .eyecatch img,
#news-contents article p img {
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}



}

/* ////////////////////////////////////////////////////////////////////////////////
///
/// under 767
///
//////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 767px) {

/* ----------------------------------------------------------------------- common */

.mobile {
	display: block;
}

.pc {
	display: none;
}



div.content,
#global-header div.content,
#contents, #news-contents,
#special-contents article header,
#special-contents article .content,
#breadcrumb div.content,
footer div.content {
	width: auto;
	margin: 0 16px;
}

#home-contents {
	width: auto;
	margin: 0 0 0 16px;
}

#global-header div.content {
	overflow: hidden;
	padding: 15px 0;
}

#global-header #menu2 {
	display: none;
}

#global-header #menu1 {
	padding: 0;
}

#global-header h1 {
	width: 200px;
	margin-top: 2px;
}

#global-header #menu1 li.selected a {
	border-left: none;
}

#global-header #menu1 form#site-search {
	
}

footer div.content div {
	width: 33.3%;
}

footer #kingfile-kun {
	display: none;
}

#contents > article > header,
#news-contents > article > header,
#special-contents > article > header {
    padding: 14px 0 20px 0;
}

#contents > article > header h1,
#news-contents > article > header h1,
#special-contents article header h1 {
	font-size: 28px;
	line-height: 32px;
}

#contents > article > header h1 img,
#news-contents > article > header h1 img,
#special-contents article header h1 img {
	height: 32px;
	margin-right: 10px;
}

#breadcrumb div.content {
	margin: 0;
	white-space: nowrap;
	overflow: visible;
}

#breadcrumb div.content.scrollable {
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

#breadcrumb div.content ol {
	margin-left: 16px;
}

#breadcrumb li {

}

/* ----------------------------------------------------------------------- menu-button */

#menu-button {
	display: block;
	position: absolute;
	top: 14px;
    right: 0;
	padding: 5px 16px 0px 16px;
	height: 25px;
	line-height: 45px;
	overflow: hidden;
	cursor: pointer;
	z-index: 100000;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
	
#menu-button .bar {
	display: block;
	width: 20px;
	height: 3px;
	background-color: #000;
	margin: 0 0 5px 0;
	padding: 0;
	opacity: 1;
	transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
	-o-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
	-ms-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
	-moz-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
	-webkit-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
}
	
#menu-button .bar:nth-of-type(1) {
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

#menu-button .bar:nth-of-type(2) {
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

.openmenu #menu-button .bar {
	background-color: #fff;
	-ms-transform: rotate(215deg);
	-webkit-transform: rotate(215deg);
	-moz-transform: rotate(215deg);
	transform: rotate(215deg);
}

.openmenu #menu-button .bar:nth-of-type(1) {
	position: absolute;
	top: 62px;
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	transform: rotate(225deg);
}

.openmenu #menu-button .bar:nth-of-type(2) {
	position: absolute;
	top: 62px;
	-ms-transform: rotate(-225deg);
	-webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	transform: rotate(-225deg);
}

.openmenu #menu-button .bar:nth-of-type(3) {
	opacity: 0;
}

.openmenu #menu-button .bar:nth-of-type(1) {
	position: absolute;
	top: 12px;
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	transform: rotate(225deg);
}

.openmenu #menu-button .bar:nth-of-type(2) {
	position: absolute;
	top: 12px;
	-ms-transform: rotate(-225deg);
	-webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	transform: rotate(-225deg);
}

#mask {
	display: none !important;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 10000;
	}

	body.openmenu #mask {
		display: block !important;
		}


#menu1 {
	width: 100%;
	float: none;
	display: block;
	max-width: 240px;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	margin: 0 0 0 -250px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-webkit-transition: 300ms -webkit-transform ease-in-out;
	transition: 300ms transform ease-in-out;
	z-index: 10000;
}

#global-header.fixed #menu-button {
	position: fixed;
	top: auto;
	bottom: -50px;
	right: 20px;
	padding: 15px 15px 9px;
	background: #fff;
	-webkit-transition: 300ms -webkit-transform ease-in-out;
	transition: 300ms transform ease-in-out;
	-webkit-transform: translate3d(0, -70px, 0);
	transform: translate3d(0, -70px, 0);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.3);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.3);
}

	body.zoom #menu-button {
		display: none;
	}

.openmenu #global-header.fixed #menu-button {
	background: none;
	box-shadow: none;
	margin-bottom: -10px;
}



body.openmenu #menu1 {
	-webkit-transform: translate3d(250px, 0, 0);
	transform: translate3d(250px, 0, 0);
}

#global-header #menu1 ul {
	padding-top: 56px;
}

#global-header #menu1 ul.mobile {
	padding-top: 0;
}

#global-header #menu1 li {
	width: 100%;
	float: none;
}

#global-header #menu1 li a {
	padding: 0 10px;
	line-height: 40px;
	border: none;
	border-bottom: 1px solid #DAE1E6;
}

#global-header #menu1 li a img {
	vertical-align: -2px;
}

#global-header #menu1 form#site-search {
	position: absolute;
	top: 0;
	left: -1px;
	right: -1px;
	padding: 11px;
	border-right: 1px solid #1475be;
	background-color: #2485ce;
}

#global-header #menu1 form#site-search div {
	margin-right: 36px;
}

#global-header #menu1 #search-keyword {
	font-size: 16px;
	background-color: #1475be;
	color: #000;
}

#global-header #menu1 #search-keyword::-webkit-input-placeholder {
	color: #04558e;
}

#global-header #menu1 form#site-search a {
	height: 56px;
}

#global-header #menu1 form#site-search a img {
	margin: 21px 0;
}


footer h1 {
	width: 200px;
	border-bottom: none;
	padding-bottom: 52px;
}

footer a#official-weibo,
footer a#official-weibo img {
	width: 90px;
}

footer a#official-weibo {
	top: 70px;
    left: 0;
}

footer div.content div {
	float: none;
	width: 100%;
	overflow: hidden;
}

footer dl {
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: none;
}

footer dt {
	margin-bottom: 0;
	border-top: 1px dotted #b7c5d0;
}

footer dt a {
	font-size: 12px;
	line-height: 32px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}

footer dt:before {
	content: '□';
    float: left;
    width: 6px;
    height: 6px;
    margin: 12px 8px 0 2px;
    border: 2px solid #b7c5d0;
    text-indent: -5000px;
    overflow: hidden;
    zoom: 1;
}

footer dd {
	display: none;
}

footer dd.privacy,
footer dd.policy {
	display: block;
}


/* ----------------------------------------------------------------------- home */

#home-pickup {
	padding: 0;
	border: none;
	background-color: #fff;
	overflow: hidden;
}

#home-pickup dt {
	font-size: 20px;
	line-height: 22px;
	background-color: #f0f6f8;
}

#home-pickup dd {
	width: 50%;
}

#home-pickup dd#pickup2,
#home-pickup dd#pickup4,
#home-pickup dd#pickup6,
#home-pickup dd#pickup8,
#home-pickup dd#pickup10,
#home-pickup dd#pickup12,
#home-pickup dd#pickup14,
#home-pickup dd#pickup18,
#home-pickup dd#pickup20 {
	clear: both;
}

#home-pickup dd a {
	position: relative;
	margin: 0 0 -512px 0 !important;
	padding: 0 0 512px 0 !important;
	outline: none !important;
	border-top: 16px solid #f0f6f8;
	border-right: 16px solid #f0f6f8;
}

#home-pickup dd a {
	height: 100% !important;
}

#home-pickup .thumbnail {
	width: 100%;
	height: 100%;
}

#home-pickup dd#pickup0 .thumbnail,
#home-pickup dd#pickup1 .thumbnail {
	width: 100%;
	height: auto;
}

#home-pickup dd#pickup0 h2,
#home-pickup dd#pickup1 h2 {
	font-size: 15px;
}

#home-pickup dd#pickup0 p,
#home-pickup dd#pickup1 p {
	font-size: 13px;
	line-height: 1.6em;
}

#home-pickup {
	display: block;
}

#home-news {
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 0;
}

#home-news .content {
	width: 100%;
	margin: 0;
}

#home-news dl {
	float: left;
	width: 50%;
	padding-bottom: 16px;
}

#home-news dt,
#home-news dd {
	margin: 0 16px 0 0;
}

#home-news iframe {
	width: 100% !important;
}


/* ----------------------------------------------------------------------- about */

#about #history .item {
	display: none;
}


#about #philosophy ul li dd {
	font-size: 13px;
}


/* ----------------------------------------------------------------------- support */

#support li header {
	width: 80px;
    float: left;
    padding: 10px 10px;
    padding-bottom: 1010px;
    margin-bottom: -1000px;
}

#support li header img {
	width: 60px;
}

#support li h2 {
	margin-top: 10px;
	font-size: 15px;
}

#support li p {
	margin-left: 100px;
	font-size: 13px;
	padding: 10px;
	
}


/* ----------------------------------------------------------------------- faq */

#contents #faq h1 {
	font-size: 16px;
}

#faq li dl,
#product-faq li dl {
	width: 100%;
	position: relative;
}

#faq li dt,
#product-faq li dt {
	font-size: 14px;
	line-height: 1.4em;
	padding: 0 40px;
	height: 56px;
	vertical-align: middle;
	display: table-cell;
	width: 100%;
}

#faq li dt span,
#product-faq li dt span{
	width: 36px;
    font-size: 22px;
    position: absolute;
    left: 0;
    top: 0;
}

#faq li dt a,
#product-faq li dt a {
	font-size: 22px;
	margin-right: 10px;
	padding-right: 15px;
	position: absolute;
    right: 0;
    top: 0;
}

#faq li dd,
#product-faq li dd {
	padding: 10px;
}

#faq li dd p,
#product-faq li dd p {
	font-size: 13px;
	line-height: 1.6em;
}

/* ----------------------------------------------------------------------- catalog */

#catalog li {
	width: 33.3%;
}


/* ----------------------------------------------------------------------- topics */

#topics #news-tabs li span {
	padding: 0 14px;
}

/* ----------------------------------------------------------------------- news-contents */


#information .siteTable { 
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

#information .siteTable table {
	width: 700px !important;

}




}




/* ////////////////////////////////////////////////////////////////////////////////
///
/// under 480
///
//////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 480px) {

/* ----------------------------------------------------------------------- common */

.sp {
	display: block;
}

.pc {
	display: none;
}

#contents > article > header h1,
#news-contents > article > header h1 {
	font-size: 22px;
	line-height: 24px;
}

#contents > article > header h1 img,
#news-contents > article > header h1 img {
	height: 24px;
}

#submenu.fixed {
	z-index: 1000;
}

footer div.content div {
	width: 100%;
}

footer div.content div dd {
	float: left;
	width: 50%;
}

footer #kingfile-kun {
	display: none;
}

footer em#copyright {
	line-height: 1.5em;
    padding-top: 20px;
    margin-top: 20px;
}

footer em img {
    display: block;
}

/* ----------------------------------------------------------------------- home */
/*
#home-pickup dd,
#home-pickup dd#pickup0,
#home-pickup dd#pickup1 {
	width: auto;
	margin-right: 16px;
	float: none;
}

#home-pickup a {
	margin: 16px 0;
}*/

#home-contents {
	margin: 0 0 0 10px;
}

#main-banner-slider .flex-control-nav {
	margin: 10px 0;
}

#home-pickup dt {
	font-size: 18px;
	line-height: 20px;
	background-color: #f0f6f8;
}

#home-pickup dd .lead {
	padding: 10px;
}

#home-pickup dd a {
	border-top: 10px solid #f0f6f8;
	border-right: 10px solid #f0f6f8;
}

#home-pickup dd h2 {
	margin-bottom: 8px !important;
	font-size: 12px !important;
	line-height: 160% !important;
}

#home-pickup dd p {
	font-size: 10px !important;
	line-height: 170% !important;
}

#home-news {
	padding: 0 10px 10px 0;
}

#home-news dl {
	width: 100%;
	float: none;
	padding: 0;
}

#home-news dt,
#home-news dd {
	margin: 0;
}

#home-news dt {
	padding-bottom: 10px;
	font-size: 18px;
	line-height: 20px;
}

#home-news #weibo dd {
	height: 300px;
}

#home-news #weibo dd iframe {
	height: 300px;
}


/* ----------------------------------------------------------------------- about */

#about #company .text,
#contact #company div.text {
	width: 100%;
	margin-bottom: 20px;
}

#about #company .image,
#contact #company .photo {
	width: 100%;
}

#contact .info-table th {
	white-space: nowrap;
}

#form > div {
	padding: 15px;
}

#form dt {
	font-size: 14px;
	float: none;
}

#form dd {
	margin-left: 0;
}

#about #philosophy ul li dt {
	font-size: 20px;
}

#about #philosophy ul li dt div {
	width: 14px;
	height: 14px;
	margin: 5px 6px 0 0;
}

#about #philosophy ul li {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}

#about #history table td dd {
	margin-right: 0;
}

#about #shop section .text {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}

#about #shop section .image {
	width: 100%;
	float: none;
	text-align: left;
}

#about > section > h1 em {
	float: none;
	display: block;
    margin-top: 6px;
}

#about table th {
	white-space: nowrap;
}

#dituContent {
	height: 300px;
	width: 100%;
}



/* ----------------------------------------------------------------------- catalog */

#catalog section h2 {
	font-size: 20px;
}

#catalog li {
	width: 100%;
}

/* ----------------------------------------------------------------------- software */
#software table,
#software table tbody,
#software table tr,
#software table th,
#software table td {
	display: block;
	width: auto;
	border: none;
}

#software table {
	border: 1px solid #B7C5D0;
}


/* ----------------------------------------------------------------------- topics */

#topics #news-tabs {
	position: relative;
	left: 0;
	top: 10px;
}

#topics #news-tabs li {
	margin-left: 0;
	margin-right: 8px;
}

article #topics-list li div {
	width: 100%;
    height: auto;
    margin: 0;
    margin-bottom: 20px;
}

#topics #news-tabs li a,
#topics #news-tabs li span {
	padding: 0 14px;
}








}