/*** onlineshop-sp ***/
.fr{float: right;}
.fl{float: left;}
body{
	background:url(../images/sp-onlineshop/bg.jpg) no-repeat;	
	width:100%;
	background-position:center;
	background-size:cover;
}
#header{
	width:100%;	
	background:url(../images/sp-onlineshop/wave.png) no-repeat right center;
	background-size:70%;
	background-position:160% -18%;
	
}
.logo{
	padding: 3% 0 3% 3%;
	width:50%;	
}
.gnav{
	width:100%;
	margin: 0;
	padding:0;	
	overflow:hidden;
}
.gnav li{
	list-style-type: none;
	width:25%;
	float: left;
	display:flex;
	-webkit-display:flex;	
}
.gnav li a img{
	width:100%;	
	display:block;
}
.mianImg{
	width:100%;
	position:relative;
	margin-top: -1px;
}
.txt{
	position:absolute !important;
	z-index: 7;
	left:7%;
	top:3%;
    width: 18%;
}
.theme-default .nivoSlider {
	position:relative;
	background:#fff url(../images/sp-onlineshop/loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}
.theme-default .nivo-controlNav {
	text-align: center;
	padding: 0 0 20px 0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:18px;
	height:10px;
	background:url(../images/sp-onlineshop/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 9px;
	opacity:0.5;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -20px;
	opacity:1;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/sp-onlineshop/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}
 .slider-wrapper{position:relative;}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}

.content{
	width:92%;	
	margin: 0 auto;
}
.content img{
	width:100%;	
	padding:2% 0;
}
.cont-01 img{
	width:30%;	
}
h2{margin:4% 0 0 ;}
h2 img{width:100%;}
.cont-01 img:nth-child(2){
	padding:2% 3.3%;	
}
.cont-02{margin-top: 2%;}
.cont-02 img{
	width:32.3%;	
	padding:0;
}
.topic-news, .topic-instagram{
	width:550px;
	margin-top: 60px;
}
.d-news{
	padding:15px 15px;
	margin:15px 10px;
	background: #fff;	
}
.note{
	font-size: 9px !important;
	width:20%;	
	text-align: center;
	letter-spacing:-1px;
 	padding: 2px 0px;
	color:#fff !important;
}
.note-detail{
	width:80%;
}
.d-news li{
	list-style-type: none;	
	overflow: hidden;
}
.d-news li:nth-child(odd) p.note{
	background: #f599b1;
}
.d-news li:nth-child(even) p.note{
	background: #c49a6b;
}
.d-news li p{
	float: left;
	font-size: 13px;
	margin:5px 0;
	line-height: 1.5;
	font-family: Hannotate SC;
}
.d-news li p span{
	color:#939598;
	margin-right: 1%;
	margin-left: 1%;	
}
.cont-03{
	width:88%;
	margin:5% auto 0;
	overflow:hidden;
}
.cont-03 img{
	width:48%;
	border:4px solid #fff;
	border-radius:4px 4px;
	margin:0 1%;
	box-sizing:border-box;
	float: left;
}
#footer{
	width:94%;
	padding-top: 10px;
	overflow:hidden;
	margin: 0 auto;
}

.bg-wave{
	background:url(../images/sp-onlineshop/wave-footer.png)no-repeat;
	background-size:80%;
	background-position:left bottom;
	width:100%;
}
#footer ul{padding: 0 ;}
#footer ul li{
	list-style-type: none;	
	width:50%;
	float: left;
}
#footer ul li:before{
	content:"≫";
	color:#fff;	
	font-size: 14px;
	margin-right: 5px;
}
#footer ul li a{
	text-decoration: none;
	color:#fff;	
	font-family: 'Hiragino Mincho Pro';
	font-size: 13px;
}
.copy{
	font-weight: 100;
	color:#fff;
	padding-top: 4%;
	clear:both;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	
	
}