@charset "UTF-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

*{
padding:0;
margin:0;
}


header{
	display:none;
}

.mobile{
	display:none;
}

.shadow{
	box-shadow: 8px 8px 8px rgba(0,0,0,0.4);
	//border:8px solid #fff;
}

.nav3 ul {
	box-sizing: border-box;
	list-style: none;
	//text-align: center;
}

.nav3 li a {
	text-decoration: none;
	padding-bottom: 3px;
	display: block;
	position: relative;
	margin:0px 25px;
}
.nav3 li a:before {
	content: '';
	width: 0;
	left: 50%;
	bottom: 0;
	transition: all 0.3s ease;
	border-bottom: 3px solid #511d82;
	position: absolute;
	display: block;
}

.nav3 li a:hover:before {
	width: 50%;
	border-bottom: 3px solid #511d82;
}

.nav3 li a:after {
	content: '';
	width: 0;
	right: 50%;
	bottom: 0;
	transition: all 0.3s ease;
	border-bottom: 3px solid #511d82;
	position: absolute;
	display: block;
}

.nav3 li a:hover:after {
	width: 50%;
	border-bottom: 3px solid #511d82;
}


.color li{
	display: inline-block;
	vertical-align:top;
	width:30%;
	margin:0px 5% 20px 0px;
	box-sizing: border-box;
	text-align:center;
	font-size:13px;
}

.color li img{
	width:100%;
}

.color li:nth-child(3n) {
	margin:0px 0px 20px 0px;
}

.product_ichiran{
	margin:0;
	padding:0;
	text-align:center;
}

.product_title{
	margin-top:10px;
	line-height:20px;
	font-size:13px;
}

.product_price{
	margin-top:1px;
	font-size:13px;
	line-height:20px;
}


.product_ichiran li{
display: inline-block;
vertical-align:top;
width:30%;
margin:0px 5% 20px 0px;
box-sizing: border-box;
    transform: scale(1);
    transition: .3s ease-in-out;
}

.product_ichiran li:hover{
    transform: scale(1.05);
}

.product_ichiran li img{
width:100%;
}

.product_ichiran li:nth-child(3n) {
	margin:0px 0px 20px 0px;
}

.box{
width:100%;
display:flex;
justify-content:center;
padding:0;
list-style:none;
}

.box li{
width:calc(100% / 4);
list-style:none;
font-size:13px;
line-height:22px;
margin-right:15px;
text-align:center;
}

.box li:last-child{
margin-right:0px;
}

.box li img{
width:100%;
}

.box li:hover{
transform: scale(1.1) rotate(-5deg);
}


.box li{
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.select{
	margin:20px 0px 20px 0px ;
	border: 1px solid #CCC;
	width:280px;
}

.select td,.select th{
	padding: 7px 10px;
	vertical-align:middle;
	border: 1px solid #CCC;
	width:50%;
}

.select th{
	background-color:#efefef;
	font-weight:normal;
	padding:6px;
text-align:left;
}


.one_thumb{
display: flex;
flex-flow: wrap;
justify-content: space-between;
}

.one_thumb li{
width:100px;
cursor:pointer;
}

.one_thumb li img{
width:100%;
}


.exp{
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding-top:10px;
	padding-bottom:10px;
	margin:20px 0px 20px 0px;
}

.exp p{
margin-bottom:15px;
}

.cart_button{
	margin-bottom:20px;
}

.size{
	//border-top:1px dashed #ccc;
	padding:15px;
	margin-top:25px;
	background-color:#fafafa;
}

.size span{
background-color:#ff0000;
color:#fff;
border-radius:10px;
padding:0px 8px;
font-size:12px;
margin-right:5px;
}


.product_left,.product_right{
width:410px;
}

.product_left img{
width:100%;
}

.chui{
font-size:11px;
margin-top:5px;
}

.chui2{
font-size:11px;
}


.soldout{
margin-top:20px;
text-align:center;
}

.soldout span{
    background-color: #ff0000;
    color: #fff;
    //border-radius: 10px;
    padding: 0px 8px;
    font-size: 12px;
    margin-right: 5px;
}


.one_photo{
width:450px;
}

.one_photo img{
width:100%;
}

.mb1{
	margin-bottom:70px;
}

.top_image{
	margin-bottom:100px;
	margin-top:20px;
}

.top_image img{
  width:100%;
}

.about{
margin:30px 0px;
}

.about dt{
	float:left;
  	width:180px;
	font-weight:bold;
}

.about dd{
	margin-left:200px;
  margin-bottom:40px;
}


table{
	width:100%;
	border-collapse:collapse;
}

.company td, .company th{
	padding:15px 10px;
	border:1px #fff solid;
}



.company td:nth-child(odd){
    background: rgba(0, 0, 0, 0.8);
	width:20%;
	color:#fff;
}

.company td:nth-child(even){
    background: rgba(0, 0, 0, 0.5);
	width:30%;
	color:#fff;
}

.button li a{
    text-decoration: none;
    text-align: center;
    display: block;
    color: #fff;
    background-color: #321b49;
    border: 1px solid #000;
	padding:7px 0px;
	margin-top:30px;
	width:200px;
}

.button li a:hover{
    background-color: #fff;
	color:#000;
    border: 1px solid #000;
}



.slider,.bg_company,.bg1,.bg2,.bg3,.bg4,.bg_top,.tp,.product{
	margin-bottom:200px !important;
}

.tp{
    background: rgba(0, 0, 0, 0.4);
    color: #ffffff;
    padding:30px;
	width:480px;
    position:absolute;
	top:150px;
	border:1px solid #fff;
}

.bg3 .tp,.bg4 .tp{
/*
margin-right:0;
margin-left:auto;
*/
right:0;
}


.slider{
	clear:both;
}

.wrapper{
	width:960px;
	margin:0px auto;
    position: relative;
}

.product_wrapper{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.product > div:nth-of-type(1){
	width:48%;
}

.product > div:nth-of-type(2){
	width:48%;
	//text-align:center;
}

.product > div img{
	width:100%;
}

.sepa{
	display:flex;
	justify-content: space-between;
}

.logo{
	text-align:center;
	font-size:42px;
	width:190px;
	margin:40px auto;
	//float:left;
}

.logo img{
	width:100%;
}

.header_menu{
	//float:right;
	margin:50px 0px 35px 0px;
}

.header_menu a{
	text-decoration:none;
	font-weight:bold;
}

.header_menu a:hover{
	//text-decoration:underline;
	font-weight:bold;
}

body{
	line-height:28px;
	font-size:15px;
	color:#333;
	background-image: url(images/back1.png);
}


.header{
	border-top: 4px solid #321b49;
}


a{
	color:#000;
}

a:visit{
	color:#000;
}

a:hover{
	color:#511d82;
}

.hover{
	color:#511d82;
	font-weight:bold;
}

li{
	list-style:none;
}

.bg1,.bg2,.bg3,.bg4{
    min-height: 550px;
    background-size:cover;
    position: relative;
}


.bg1{
    background: url(images/bg1.jpg) no-repeat top center;
}

.bg2{
    background: url(images/bg2.jpg) no-repeat top center;
}

.bg3{
    background: url(images/bg3.jpg) no-repeat top center;
}

.bg4{
    background: url(images/bg4.jpg) no-repeat top center;
}

.bg_company{
    background: url(images/bg_company.jpg) no-repeat top center;
	padding:120px 0px;
	color:#fff !important;
}

.bg_company&:before{
    z-index: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(0,0,0,0.25);
}

.bg_company h3{
	border-bottom:1px solid #fff;
}

.bg_top{
    width:100%;
    background-repeat: no-repeat;
    background-position: center top;
    display:block;
	
}

.bg_top_company{
    background: url(images/bg_top_company.jpg) no-repeat top center;
}

h2{
    font-size: 20px;
	margin-bottom:20px;
	line-height:29px;
}

h3{
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #000;
	margin-bottom:40px;
	padding-bottom:20px;
}

.footer{
	border-top: 4px solid #321b49;
	background-color:#eee;
	padding:10px 0px 0px 0px;
	overflow: auto;
	margin-top:40px;
}

.page-top p{
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}

.page-top p a:hover{
	color:#fff !important;
}

.move-page-top{
	display: block ;
	background: #000;
	width: 40px ;
	height: 40px ;
	cursor: pointer ;
	color: #fff;
	line-height: 40px ;
	text-decoration: none ;
	text-align: center ;
}

.move-page-top:hover{
	background: #511d82;
}

.ta2 {
	border: 1px solid #CCC;
	background-color:#fff;
	width:100%;
}

.ta2 th{
	background-color:#eee;
	font-weight:bold;
}

.ta2 td:nth-child(1){
	width:17.5%;
}

.ta2 td:nth-child(2){
}

.ta2 td{
	border: 1px solid #CCC;
	padding:10px;
}

.ta2 th{
	text-align:center;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background-color:#eee;
	font-weight:bold;
	vertical-align:middle;
}