@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 1000px){
@font-face{
	font-family: "Liberation Sans Regular";	
	src:url(/wp/wp-content/themes/nauts02/css/fonts/LiberationSans-Regular-webfont.woff) format("woff");
	}
html{
	overflow-y:scroll;
}
body{
	min-width:100%;
	height: 100%;
	text-align:center;
	font-family :'Liberation Sans Regular', sans-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #333333;
	margin: 0 auto;
	padding: 0;
}
a {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
}
a:hover {
	color: #999;
	text-decoration: underline;
}
img {
	border: none;
	vertical-align: top;
	vertical-align:bottom;
}
h2{
	width: 100%;
	color: #fff;
	background-color: #4C4948;
	font-weight: bold;
	font-size: 1.8em;
	text-align: center;
	line-height: 2.2em;
	margin-top: 10%;
	height: 50px;
	}
/* wrapper
---------------------------------------------*/
#wrapper{
	padding-top: 12%;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 5%;
	}
#wrapper2{
	padding-top: 9%;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 5%;
	}
#wrapper3{
	padding-top: 11%;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 5%;
	}
#wrapper4{
	padding-top: 2%;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 5%;
	}
#wrapper5{
	padding-top: 1%;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 5%;
	}

/* header
---------------------------------------------*/
* {
  box-sizing: border-box;
}
#header_nav{
	width: 100%;
	position: fixed;
    top: 0px;
    left: 0px; 
	height: 90px;
	z-index: 99999;
	margin: 0 auto;
    padding-top: 1%;
	background-color: #fff;
	}
.mac header {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	height: 70px; /* 高さ */
	width: 1000px; /* 長さ */
	margin: 0 auto;
	background-color: #fff;
}
.win header {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	height: 70px; /* 高さ */
	width: 1000px; /* 長さ */
	margin: 0 auto;
	background-color: #fff;
	top: 0; /* 固定する位置 */
	left: 0; /* 固定する位置 */
	right: 0;  /* 固定する位置 */
	z-index: 999;
	padding-bottom: 1%;
}
_:-ms-fullscreen, :root header{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	height: 100px; /* 高さ */
	width: 1000px; /* 長さ */
	margin: 0 auto;
	background-color: #fff;
	top: 0; /* 固定する位置 */
	left: 0; /* 固定する位置 */
	right: 0;  /* 固定する位置 */
	z-index: 999;
	}
_:-ms-fullscreen, :root header img{
	width: 140px;
	height: 140px;
	}
.mac.chrome .is-animation {
	height: 90px!important;
	width: 100%!important;
	padding-left: 13%!important;
	padding-top: 2%;
}
.mac.safari .is-animation {
	height: 90px!important;
	width: 100%!important;
	padding-left: 14.7%!important;
	padding-top: 2%;
}
header.is-animation nav{
	margin-left: -3%!important;	
	}
nav {
	display: flex;
	flex: 1;
	align-items: center;
	width: 100%;
}
.win.chrome .is-animation {
	height: 90px!important;
	width: 100%!important;
	padding-left: 18.5%!important;
	padding-top: 2%;
}
.win.firefox .is-animation {
	height: 90px!important;
	width: 100%!important;
	padding-left: 15.7%!important;
	padding-top: 2%;
}
.win.chrome header.is-animation nav{
	margin-left: 0!important;
	padding-left: 0;
	padding-right: 22.7%;
	}
.win header.is-animation nav{
	margin-left: 0!important;
	padding-left: 0;
	padding-right: 0;
	}
.mac.chrome header.is-animation nav{
	margin-left: 0!important;
	padding-left: 0;
	padding-right: 14.9%;
	padding-top: 0.2em;
	}
_:-ms-fullscreen, :root .is-animation{
	height: 70px!important;
	width: 100%!important;
	padding-left: 15.6%!important;
	padding-top: 3.3%;
	}
_:-ms-fullscreen, :root header.is-animation nav{
	margin-left: 0!important;
	padding-left: 0;
	padding-right: 18.5%;
	padding-top: 0.2em;
	}
_:-ms-fullscreen, :root header.is-animation nav li{
	width: 130px;	
	}
.safari .is-animation {
	height: 70px!important;
	width: 100%!important;
	padding-left: 14.6%!important;
	padding-top: 2%;
}
.mac.safari header.is-animation nav{
	margin-left: 0!important;
	padding-left: 0;
	padding-right: 17.2%;
	}

.mac.safari nav ul {
	display: flex;
	flex-wrap: nowrap;
	margin-left: 6.9%;
	align-items: center;
	white-space:nowrap;
}
	
_:-ms-fullscreen, :root nav ul {
	display: flex;
	flex-wrap: nowrap;
	margin-left: 12%!important;
	align-items: center;
	white-space:nowrap;
}

.win.chrome nav ul {
	display: flex;
	flex-wrap: nowrap;
	margin-left: 7.6%;
	align-items: center;
	white-space:nowrap;
}
.win nav ul {
	display: flex;
	flex-wrap: nowrap;
	margin-left: 7.6%;
	align-items: center;
	white-space:nowrap;
}
.mac.chrome nav ul {
	display: flex;
	flex-wrap: nowrap;
	margin-left: 6.9%;
	align-items: center;
	white-space:nowrap;
}

nav li {
	list-style: none;
	text-align: center;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 0;
	width: 130px;
	height: 16px;
	line-height: 17px;
	font-size: 0.8em;
	font-weight: bold;
	align-items: center;
	justify-content: center;
	white-space:normal;
	border-left: 1.5px solid #6E6E6E;
	border-right: 1.5px solid #6E6E6E;	
}
nav li+ li {
  border-left:0;
  border-right: 1.7px solid #6E6E6E;
}	

_:-ms-fullscreen, :root nav li a {
	margin-left: auto;
	text-decoration: none;
	color: #333;
	vertical-align: middle;
	padding-bottom: 8px!important;
}
	
.win nav li a {
	margin-left: auto;
	text-decoration: none;
	color: #333;
	vertical-align: middle;
	padding-bottom: 6px;
}
.firefox nav li a {
	margin-left: auto;
	text-decoration: none;
	color: #333;
	vertical-align: middle;
	font-size: 0.9em;
	padding-bottom: 6px;
}
.mac nav li a {
	margin-left: auto;
	text-decoration: none;
	color: #333;
	vertical-align: middle;
	padding-bottom: 6px;
}

nav a:hover {
	background-image:url(/wp/wp-content/themes/nauts02/images/background.png);
	background-repeat: no-repeat;
	background-position: bottom;
	color:#333;
	text-decoration: none;
}

#thumb-v{
	margin-top: 13%;
	}

/* nav
---------------------------------------------*/
.menu_global > li.menu_multi {
    position: relative;
	z-index: 999;
}
.menu_global > li.menu_multi2 {
    position: relative;
	z-index: 999;
}
li.menu_multi ul.sub-menu {
	position: absolute;
	color: #fff;
    top: 24px;
	left: 0;
	width: 380%;
    background: #e85298;
	visibility: hidden;
	text-align: center;
	margin: 0 auto;
	padding-left: 0px;
}
.mac li.menu_multi ul.sub-menu {
	position: absolute;
	color: #fff;
    top: 24px;
	left: 0;
	width: 430%;
    background: #e85298;
	visibility: hidden;
	text-align: center;
	margin: 0 auto;
	padding-left: 0px;
	z-index: 9999;
}
_:-ms-fullscreen, :root li.menu_multi ul.sub-menu {
	position: absolute;
	color: #fff;
    top: 24px;
	left: 0;
	width: 340%;
    background: #e85298;
	visibility: hidden;
	text-align: center;
	margin: 0 auto;
	margin-left: 0!important;
}
li.menu_multi2 ul.sub-menu {
	position: absolute;
	color: #fff;
    top: 24px;
	left: 0;
	width: 200%;
    background: #e85298;
	visibility: hidden;
	text-align: center;
	margin: 0 auto;
	padding-left: 0px;
}
_:-ms-fullscreen, :root li.menu_multi2 ul.sub-menu {
	position: absolute;
	color: #fff;
    top: 24px;
	left: 0;
	width: 200%;
    background: #e85298;
	visibility: hidden;
	text-align: center;
	margin: 0 auto;
	margin-left: 0!important;
}
ul.sub-menu li {
	display: block;
	float: left;
	background-color:#e85298;
	border: none;
	color: #fff;
	height: auto;
	padding-bottom: 10px;
	margin-top: 6px;
	margin-right: 5%;
	font-size: 0.9em;
	left: 0;
	width: 100%;
}
_:-ms-fullscreen, :root ul.sub-menu li {
	display: block;
	float: left;
	background-color:#e85298;
	border: none;
	color: #fff;
	height: auto;
	padding-bottom: 10px;
	margin-right: 5%;
	left: 0;
	width: 100%;
	font-size: 0.9em;
}
li.menu_multi:hover ul.sub-menu {
    top: 21px;
	left:0;
    visibility: visible;
    opacity: 1;
}
li.menu_multi2:hover ul.sub-menu {
    top: 21px;
	left:0;
    visibility: visible;
    opacity: 1;
}
.sub-menu a {
	color: #fff!important;
	font-weight: bold;
}
.sub-menu a:hover {
	background-image:none;
	color:#fff;
	text-decoration: none;
}
.menu_multi>li:hover>ul.sub-menu>li>a{
	background-color: #e85298;
	width: 50%;
	}
.menu_multi2>li:hover>ul.sub-menu>li>a{
	background-color: #e85298;
	width: 50%;
	}
ul.sub-menu ul.sub-menu{
	width: 100%!important;
	margin: 0 auto;
	height: auto;
	top: 24px;
	z-index: 9999;
	margin-top: 10px;
	display:inline-block;
	}
_:-ms-fullscreen, :root ul.sub-menu ul.sub-menu{
	width: 100%!important;
	margin: 0 auto;
	height: auto;
	top: 24px;
	z-index: 9999;
	margin-top: 10px;
	display:inline-block;
	}
ul.sub-menu ul.sub-menu li{

	}
.main_sub{
	position: relative;
	z-index: 9999;
	}
li.sub-menu01{
	width: 100%;
	margin: 0 auto;
	position: relative;
	}
li.sub-menu01 a{
	float: left;
	overflow: hidden;
	color: #fff!important;
	z-index: 999;
	text-align: center;
	width: 30%;
	}
li.sub-menu01 a:hover{
	}
.main_sub li.sub-menu02{
	position: relative;
	z-index: 999;
	margin-top: 0;
	}

_:-ms-fullscreen, :root　.main_sub li.sub-menu02{
	position: relative;
	z-index: 999;
}
.win .adj_menu{
	margin-left: 25px;
	}
.mac .adj_menu{
	margin-left: 29px;
	}

/* item_area
---------------------------------------------*/
#item_area{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	}
/* bxslider
---------------------------------------------*/
.item_images_area{
	width: 470px;
	float: left;
	margin: 0 auto;
	text-align: center;
	}
.item_images_area ul{
	list-style-type: none;
	}
ul.bxslider01 li {/*メインスライダー*/
    display:block;
    width:420px;
    height:420px;
}

ul.bxslider01 li img{
    display:block;
    width:420px;
    height:auto;
}

/* item_images_area
---------------------------------------------*/
ul.slider li {
	width: 420px;
	height: 420px;
}
ul.slider li img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 98%;
  max-height: 98%;
  margin: auto;
	position:absolute;
}
.slider li img{
	margin: 0 auto;
	text-align: center;
	width:auto;
    height:auto;
	max-width: 420px;
	max-height: 420px;
	}
ul.custom-thumb li {
  height: 140px;
  position: relative;
}
ul.custom-thumb li img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.thumb-item-nav ul{
	width: 100%;
	}
.thumb-item-nav li{
	}
li.thumbnail-item{
	width: 32%;
	margin: 2px;
	}
li.thumbnail-item img{
	width:auto;
    height:auto;
	max-width: 140px;
    max-height: 140px;
    padding-left: 0;
    padding-right: 2px;
	}
.thum-nav{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	}
ul.thum-nav{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
    right: 20px;
}

/* top slider
---------------------------------------------*/
#mainbannar{
}

/* item_detal_area
---------------------------------------------*/
.item_detal_area{
	text-align: left;
	width: 470px;
	margin: 0 auto;
	float: right;
	}
p.itemname{
	font-weight: bold;
	}
p.itemname_j{
	font-weight: bold;
	border-bottom: 4px solid #e85298;
	}
p.item_mida{
	font-size: 1.2em;
	font-weight: bold;
	}

/* top anker
---------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 30px;
    right: 50px;
    font-size: 77%;
	z-index: 9999999;
}
#page-top a {
    width: 30px;
    text-align: center;
    display: block;
}

/* top
---------------------------------------------*/
.topics01{
	border-bottom: 4px solid #666;
	background-image:url(/wp/wp-content/themes/nauts02/images/topics_background.gif);
	width: 100%;
	color: #fff;
	font-weight: bold;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 44px;
	padding-top: 3px;
	padding-bottom: 1px;
	}

.topics02{
	border-bottom: 4px solid #666;
	background-image:url(/wp/wp-content/themes/nauts02/images/topics_background.gif);
	width: 100%;
	color: #fff;
	font-weight: bold;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 68px;
	padding-top: 5px;
	}
/*.topics03{
	border-bottom: 4px solid #666;
	background-image:url(/wp/wp-content/themes/nauts02/images/topics_background.gif);
	width: 100%;
	color: #fff;
	font-weight: bold;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	padding-top: 5px;	
	}*/

.topic_wrap{
	width: 100%;	
	border-bottom: 4px solid #4C4948;
	}
.topics03{
	width: 20%;
	color: #fff;
	background-color: #4c4948;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	position: relative;
    top: 17px;
	}
.mac .topics03{
	width: 20%;
	color: #fff;
	background-color: #4c4948;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	position: relative;
    top: 16px;
	}
.safari .topics03{
	width: 20%;
	color: #fff;
	background-color: #4c4948;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	position: relative;
    top: 16px;
	}

.newrelease_area{
	display: flex;
	flex-wrap: wrap;
	padding-top: 6%;
	}
.nr_item{
	 width: 250px;
     height: 250px;
    margin-bottom: 25px;
	padding: 0;
	position: relative;
	}
.nr_item img{
	width:auto;
    height:auto;
	max-width: 250px;
	max-height:250px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	bottom:0;
}

/* products
---------------------------------------------*/	
.products_area{
	display: flex;
	flex-wrap: wrap;
	padding-top: 6%;
}
.nr_item2{
	 width: 230px;
     height: 230px;
	margin-right: 20px;
    margin-bottom: 25px;
	padding: 0;
	position: relative;
	}
.nr_item2 img{
	width:auto;
    height:auto;
	max-width: 230px;
	max-height:230px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	bottom:0;
}
	
/* brand
---------------------------------------------*/	
.brand_area{
	display: flex;
	flex-wrap: wrap;
}
.nr_item3{
	 width: 190px;
     height: 190px;
	margin-right: 10px;
    margin-left: 0;
    margin-bottom: 25px;
	padding: 0;
	}
.nr_item3 img{
	width:auto;
    height:auto;
	max-width: 190px;
	max-height:190px;
}
	
/* license
---------------------------------------------*/	
.license_area{
	display: flex;
	flex-wrap: wrap;
}	
.nr_item4{
	 width: 230px;
     height: 230px;
	margin-right: 10px;
    margin-left: 0;
    margin-bottom: 25px;
	padding: 0;
	}
.nr_item4 img{
	width:auto;
    height:auto;
	max-width: 230px;
	max-height:230px;
}

/* Instagram
---------------------------------------------*/
/* 
.owl-item .box{
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}	
div.owl-item a{
	}
div.owl-item img{
	width: 98%;
    height: auto;
    max-width: 250px;
    max-height: 250px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	}	
*/
/* footer
---------------------------------------------*/
@font-face{
	font-family: "Liberation Sans Regular";	
	src:url(/wp/wp-content/themes/nauts02/css/fonts/LiberationSans-Regular-webfont.woff) format("woff");
	}
footer{
	background-color: #4c4948;
	width: 100%;
	margin: 0 auto;
	bottom: 0;
	overflow: hidden;
	padding-top: 25px;
	padding-bottom: 0;
	}
#ft_wrapper{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
.box1 {
	width:33%;
	float:left;
}
.box1 ul{
	margin-left: 10px;
	}
.box1 li{
	display: inline-block;
	width: 32%;
	color: #fff;
	font-size: 0.7em;
}
ul.ftmenu{
	display: flex;
	padding-top: 5%;
	position: relative;
    right: 45px;
}
ul.brand_logo{
	position: relative;
    right: 55px;	
}
ul.ftmenu li{
	flex-wrap: nowrap;
	margin-left: -4px;
	color: #fff;
	font-size: 0.7em;
}
ul.ftmenu li.priv a{
	color: #fff;	
	border: 1px solid #fff;
	border-radius: 7px;
	padding: 5px;
	display: block;
	width: 112px;
}
ul.ftmenu li a{
	color: #fff;	
	border: 1px solid #fff;
	border-radius: 7px;
	padding: 5px;
	display: block;
}
ul.ftmenu li a:hover{
	color: #eee;
}
.box2 {
	width:33%;
	float:left;
}

.box3 {
	width:33%;
	float:left;
	position: relative;
    left: 315px;
    top: 25px;
}
.sns_area{
	margin: 0 auto;
	width: 50%;
	padding-bottom: 1%;
	}
.sns_area ul li {
	width: 50px;
	display: inline-block;
	list-style-type: none;
	margin-right: 20px;
}
.fontS{
	font-size: 0.7em;
	font-weight: bold;
	color: #fff;
	font-family: Liberation Sans Regular,sans-serif!important;
	position: relative;
    bottom: 40px;
}
.fontS_c{
	font-size: 0.7em;
	font-weight: bold;
	color: #fff;
	text-align: left;
	}

/* etc clearfix
---------------------------------------------*/
#sns_area{
	padding-top: 6%;	
	}
#aj_na{
	overflow: hidden;
	margin: 0 auto;
}
.breadcrumbs2{
	position: relative;
	width: 1000px;
    top: 125px;
	font-size: 0.8em;
    color: #333;
	margin: 0 auto;
	padding-bottom: 2%;
	}
.mac.chrome li.current_page_item{
	background-image:url(/wp/wp-content/themes/nauts02/images/background2.png);
	background-repeat: no-repeat;
	background-position: 12px -7px;
	height: 3%;
}
.win li.current_page_item{
	background-image:url(/wp/wp-content/themes/nauts02/images/background2.png);
	background-repeat: no-repeat;
	background-position: 12px -7px;
	height: 3%;
}
_:-ms-fullscreen, :root li.current_page_item{
	background-image:url(/wp/wp-content/themes/nauts02/images/background2.png);
	background-repeat: no-repeat;
	background-position: 6px -7px!important;
	height: 3%;
}
.row{
	display: none;
}
.row2{
	display: none;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  line-height: 0;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
}