* {
    margin: 0;
    padding: 0;
    border: none;
}

html {
    font-size: 32px;
}

body {
    color: #fff;
    font-size: 1rem;
    font-family: a-otf-ryumin-pr6n, serif;
    font-style: normal;
    font-weight: 300;
    background: #888f94;
}

img {
    width: 100%;
}

h1 {
    font-size: 5.44vw;
    border-bottom: 1px solid #fff;
    letter-spacing: 5px;
    text-align: center;
    font-style: normal;
    font-weight: 300;
}

h2 {
    font-size: 2.6vw;
    text-align: center;
    font-style: normal;
    font-weight: 300;
}

p {
    font-size: 2vw;
}

section {
    margin: 70px auto;
}

table {
    margin: 10px auto;
}

table,
td,
th {
    border: 1px solid #fff;
    border-collapse: collapse;
}

td,
th {
    padding: 3px;
    width: 310px;
    height: 25px;
}

th {
    background: #f0e6cc;
}

td {
    font-size: 0.75rem;
    padding: 0 5px;
}

.wrapper {
    background: #888f94;
    width:1024px;
    max-width: 100%;
    margin: 0 auto;
}

.header {
    max-width: 100%;
    height: auto;
    position: relative;
    background: #888f94;
}

.center {
    text-align: center;
}

.container-1 {
    background: #888f94;
    padding: 20px;
}

.container {
    background: #888f94;
    padding: 30px;
}

.top-bg {
    height: 100%;
}

.caption-1 {
    font-size: 3vw;
    margin: 40px auto;
}

.caption-2 {
    font-size: 2vw;
    margin: 40px auto;
}

.box-title {
    font-size: 3vw;
    text-align: center;
    border: 1px solid #fff;
    margin: 30px auto;
}

.f-small {
    font-size: 0.345rem;
}

#greetingcard img {
    width: 90vw;
    max-width: 100%;
    margin: 30px;
}

.area {
    width: 15%;
}

.price {
    width: 20%;
}

.enk-container-1 {
    padding: 30px 30px 0 55px;
}

.enkinddle2-text {
    padding: 50px 15px 30px 30px;
    width: 45%;
    height: auto;
    float: left;
}
.enk-container-3 {
    padding: 0px 30px 0 55px;
}

.enk-container-3 img {
    width: 96%;
}



.video { 
    overflow: hidden;
    width: 445px;
    height: 500px;
    position: relative;
}


.video video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}

#bouquet {
    margin-top: 50px;
}

/*--------------------------------------------------------------
header
--------------------------------------------------------------*/


#globalNav ul {
    display: flex;
    overflow: hidden;
    position: absolute;
    top: 92%;
    width: 100%;
    margin-bottom: 25px;
    transform: translate3d(0, 0, 0);
}

#globalNav li {
    width: 100%;
    list-style: none;
}

#globalNav li a {
    display: block;
    height: 100%;
}

.fixed {
    position: fixed;
    top: 0;
    padding: 0;
    width: 100%;
    z-index: 1000;
}

/*--------------------------------------------------------------
Utility
--------------------------------------------------------------*/
.m0 {
    margin: 0;
}

.p0 {
    padding: 0;
}

.m20 {
    margin: 20px;
}

.f1 {
    font-size: 3vw;
}

.bg_w {
    color: #888f94;
    background: #fff;
}

.footer_logo {
    width: 67px;
    height: auto;
    margin: 20px;
}

.shop_logo {
    width: 120px;
    height: auto;
    margin: 20px;
}

#shop-info {
    margin: 0 20px;
}

.ggmap {
    position: relative;
    padding-bottom: 26.25%;
    padding-top: 30px;
    overflow: hidden;
    margin: 20px auto;
    width: 800px;
    height: 0;
    max-width: 100%;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}