$74.70
Toyama is the capital city of Toyama Prefecture, Japan, located on the coast of the Sea of Japan in the Chūbu region on central Honshū, about 200 km
Latest Products
body { font-family: “Market Sans”, Arial, sans-serif; }
@import url(https://fonts.googleapis.com/css?family=Roboto);
img {
max-width: 100%;
}
a{
color:#000!important;
}
/* CSS Document */
*{font-size:100%;
font-size:1em;
}
h1 {
font-size: 2vw;
}
h2 {
font-size: 1.3vh;
}
p {
font-size: 1vmin;
}
.pure-g{
width:100%;
margin:0px auto;
}
.h-right{position:relative;
right:10%;
}
.pure-menu-link{
color:#000!important;
font-weight:500!important;
text-decoration:none!important;
}
.search-btn {border:1px solid #fff;
-webkit-border-radius: 11;
-moz-border-radius: 11;
border-radius: 11px;
text-shadow: 1px 1px 0px #1a191a;
font-family: Arial;
color: #ffffff!important;
font-size: 14px;
background: #ff8ac3;
padding: 10px 10px 10px 10px;
text-decoration: none;
}
.search-btn:hover {
background: #fff;
border:1px solid #ff8ac3;
text-decoration: none;
}
.v4sem{
display:none;
}
.l-box{
margin-top:1%;
}
.container {
position:relative;
overflow: hidden;
margin: 0 auto;
}
.big {
-webkit-transition: left 1s fade;
-moz-transition: left 1s fade;
-o-transition: left 1s fade;
-ms-transition: left 1s fade;
transition: left 1s fade;
}
a .thumb{
margin-left:19%;
margin-bottom:2%;
}
.item{
display:flex;
flex-direction:column;
justify-content:flex-start;
}
a:hover .thumb {
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
a:hover .big {
left: 39%;
}
.featured {height:100%;
top: 5%;
left: 39%;
z-index: -3;
}
/******************************************error*/
center a img{
display:none;
}
.pure-img{
}
h1{font-weight:700;
}
h3{font-weight:500;
font-size:1.5vw;
}
.title{color:#000;
margin-bottom:1%;
1.4em;
}
.price{word-break:keep-all;
color:#cb0215;
text-shadow:1px 1px #000, 1PX 1PX #000;
text-align:left;
margin-bottom:6%;
1.4em;
}
.retail-price{word-break:keep-all;
font-size:1.2vw;
color:#000;
1.4em;
}
.text-right{
margin-top:2%;
margin-left:-10%;
}
.image-left{
}
.ds_div{
display:none;
}
a:active{
outline:none;
}
a:focus{
outline:none;
}
@media screen and (max-width: 68rem) {
.title{margin-top:0%;
margin-bottom:1%;
}
}
#item-details td{
font-size: .8em!important;
color:#000;
margin-top:10%;
}
body {
font-family: ‘Muli’, ‘Century Gothic’, ‘sans-serif’;
font-size: 100%;
margin: 0;
padding: 0;
border: 0;
display: block;
color: white;
}
.menu-filler {
width: 100%;
height: 60px;
}
.content-box-1 {
text-align: center;
background-color: azure;
color: black;
width: 80%;
font-size: 1.2em;
box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.5);
padding: 35px 10% 35px 10%;
}
@media all and (min-width: 761px) {
.visual {
width: 100%;
height: 50px;
text-align: center;
}
.logomark {
margin-top: 30px;
height: 320px;
}
.open-menu {
display: none;
}
.close-menu {
display: none;
}
.mobile-header {
display: none;
}
nav ul {
position: fixed;
right: 0;
padding: 0;
margin: 0;
}
.main-nav ul li {
height: 60px;
line-height: 60px;
}
nav ul li {
display: inline-block;
}
nav ul li a {
color:#000;
padding: 20px 10px 17px;
}
.main-nav ul li:hover {
background-color: #C10204;
}
}
@media all and (max-width: 790px) {
.visual {
width: 100%;
height: 60px;
text-align: center;
}
.logomark {
margin-top: 30px;
height: 250px;
}
}
@media all and (max-width: 480px) {
.visual {
width: 100%;
height: 30px;
text-align: center;
}
.logomark {
margin-top: 30px;
height: 170px;
}
.header {
display: none;
}
.mobile-header a {
position: absolute;
right: 0;
top: 0;
padding: 15px 15px 0 0;
}
}
.content-box-2 {
background-color: darkslategray;
width: 100%;
height: 500px;
}
.content-box-3 {
background-color: crimson;
width: 100%;
height: 500px;
}
.mobile-header,
.header {
top: 0;
background: #fff;
padding: 5px 0;
text-align: right;
color: white;
text-shadow: #222 0 -1px 1px;
position: fixed;
width: 100%;
height: 50px;
left: 0;
transition: all 0.3s ease;
}
ul {
list-style-type: none;
padding: 0;
}
a {
text-decoration: none;
}
nav a:active {
position: relative;
top: 1px;
}
.nav-logo {
margin: 0 11px;
position: fixed;
color: white;
font-size: 1.9em;
}
.header:hover,
.header:target,
.header:focus,
.mobile-header:hover,
.mobile-header:target,
.mobile-header:focus {}
.hamburger,
.hamburger:after,
.hamburger:before {
position: absolute;
width: 35px;
height: 5px;
background: #cc2427;
border-radius: 20px;
}
.hamburger:hover,
.hamburger:hover:after,
.hamburger:hover:before {
-moz-box-shadow: 0 0 5px white;
-webkit-box-shadow: 0 0 5px white;
box-shadow: 0 0 5px white;
}
.hamburger {
display: block;
right: 15px;
top: 26px;
}
.hamburger:after,
.hamburger:before {
content: “0a0”;
left: 0;
}
.hamburger:before {
top: -10px;
}
.hamburger:after {
top: 10px;
}
@media all and (max-width: 760px) {
.header {
display: none;
}
.mobile-header a {
position: absolute;
right: 0;
top: 0;
padding: 15px 15px 0 0;
}
.mobile-header a:hover {
-webkit-stroke-width: 5.3px;
-webkit-stroke-color: #FFFFFF;
-webkit-fill-color: #FFFFFF;
text-shadow: 0 0 3px white;
-webkit-transition: width 0.3s;
/*Safari & Chrome*/
transition: width 0.3s;
-moz-transition: width 0.3s;
/* Firefox 4 */
-o-transition: width 0.3s;
/* Opera */
}
.page-wrap {
float: right;
width: 100%;
transition: width 0.5s ease;
}
.main-nav {
position: fixed;
top: 0;
right: 0;
width: 0;
height: 100%;
background: #3B3B3B!important;
overflow-y: auto;
transition: width 0.3s ease;
-moz-box-shadow: inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #000000;
box-shadow: inset 0 0 10px #000000;
opacity: 0.9;
}
nav ul li a {
display: block;
border-top: 1px solid #484848;
border-bottom: 1px solid #2E2E2E;
color: white;
padding: 15px;
font-size: .8em;
}
.main-nav ul li a:hover,
.main-nav a:focus {
background: #f20305;
opacity: .8;
}
.close-menu {
display: none;
}
.open-menu {
width: 35px;
height: 25px;
}
#main-nav:target {
right: 0;
width: 30%;
}
#main-nav:target + .page-wrap {
width: 70%;
}
#main-nav:target + .page-wrap .open-menu {
display: none;
}
#main-nav:target + .page-wrap .close-menu {
display: block;
width: 100%;
height: 3000px;
opacity: .8;
}
#main-nav:target + .page-wrap .mobile-header {
width: 70%;
right: 30%;
}
}
@media all and (max-width: 480px) {
.hamburger,
.hamburger:after,
.hamburger:before {
width: 28px;
height: 3.5px;
border-radius: 30px;
}
.hamburger:hover,
.hamburger:hover:after,
.hamburger:hover:before {
-moz-box-shadow: 0 0 5px white;
-webkit-box-shadow: 0 0 5px white;
box-shadow: 0 0 5px white;
}
.hamburger {
display: block;
right: 15px;
top: 23px;
}
.hamburger:after,
.hamburger:before {
content: “0a0”;
left: 0;
}
.hamburger:before {
top: -8px;
}
.hamburger:after {
top: 8px;
}
.mobile-header {
height: 40px;
}
.nav-logo {
margin: 1px 5px;
height: 40px;
position: fixed;
color: white;
font-size: 1.5em;
}
.nav-logo:hover {
opacity: 0.9;
}
}
.footer-heading{
width:65%;
text-align:center;
}
.footer-heading h1{
margin-top:10%;
color:#000;
font-size:1.5vw;
font-weight:700;
}
.footer-heading .brand{
color:#a60514;
}
.bottom-menu{
margin-top:2%;
}
.footer-banner{
}
.footer-banner-link{
color:#000;
}
/* Added Query to remove the bottom menu from mobile phone screen*/
@media screen and (max-width:480px) {
.bottom-menu {
display: none;
}
#item-details td{
font-size: .3em!important;
color:#000;
margin-top:10%;
}
.itemDescription { /*CSS Styles Added */
border-bottom: 3px solid transparent;
margin-top:2px;
padding-top: 2px;
display: table;
width:105%;
}
.footer-heading h1{
font-size: .7em;
}
.title{color:#000;
margin-bottom:1%;
font-size: 1em
}
.price{word-break:keep-all;
color:#cb0215;
text-shadow:1px 1px #000, 1PX 1PX #000;
text-align:left;
margin-bottom:6%;
font-size: 1em
}
.retail-price{word-break:keep-all;
/* font-size:1.2vw; */
color:#000;
font-size: 1em
}
#item-details td{
font-size: .5em!important;
color:#000;
margin-top:10%;
}
}
<!–
.footer-link{
font-size:1.5vw;
padding:10px 25px 0px 25px;
}
.footer-link:hover{
background-color:#cc2427 ;
padding-bottom:10px;
color:#fff!important;
}
.image1 img{
opacity:1;
}
.image2 img{
opacity:0;
}
<!–
–>
<!–
–>
.wrap{
width:85%;
margin:0px auto;
}
.desktop{display:block;
}
.phone{display:none;
}
.pure-g{letter-spacing:normal;}
@media(max-width: 550px) {
.desktop{display:none;
}
.phone{
display:block;
}
}
input.set {
display: none;
}
#slide1:checked ~ .mask .overflow {
margin-left: -56px;
}
#slide2:checked ~ .mask .overflow {
margin-left: -86%;
}
#slide3:checked ~ .mask .overflow {
margin-left: -186%;
}
#slide4:checked ~ .mask .overflow {
margin-left: -300%;
}
#slides {
}
#slides .mask {
width:50%;
overflow: hidden;
margin: auto;
}
#slides .overflow {
width: 400%;
-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#slides .slide {
width: 25%;
height: auto;
line-height: 200px;
float: left;
background: #fff;
}
.slide img{
max-width:99%;
}
#controls {
width: 50%;
margin:0px auto;
}
#controls label {
width: 15%;
height: 60px;
}
#controls label:hover {
opacity: 0.8;
}