@charset "utf-8";

/* 元の色   #d0eae6,#e980ab,#f9d6dd,#ffedc0 */
/* グラデーション   background: linear-gradient(-位置deg, #色, #色); */

body{
    margin: 0;
    background-color: #e1dad3;
    width: 100%;
}

.wf-notosansjapanese { font-family: "Noto Sans JP"; }

a:link, a:visited, a:hover, a:active {
  color: #c06c83;
}

header{
    background-color: #d1b3b4;
    display: flex;
    padding: 10px 0 10px 0;
}

.search{
    width: 254px;
    margin: 16px 280.25px 16px 98.75px;
}

header img{
    width: 202px;
    height: 56px;
    margin-right: 233px;
}

    header img:hover {
        opacity: 0.5 ;
    }

.login-member-registration{
    width: 150px;
    margin-right: 116.5px;
}

    .login-member-registration a{
        color: #c06c83;
        color: #c06c83;
        display: inline-block;
        transition: .3s;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

        .login-member-registration a:hover{
            -webkit-transform: scale(1.13);
            transform: scale(1.13);
        }

.cart{
    margin-right: 116.5px;
}

    .cart a{
        color: #c06c83;
        display: inline-block;
        transition: .3s;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

        .cart a:hover{
            -webkit-transform: scale(1.13);
            transform: scale(1.13);
        }

.illustration{
  background-color: #fff;
  margin: 200px 0 200px 0;
}

.illustration-image{
  width: 480px;
  height: 320px;
  margin: 0 0 0 auto;
}

.illustration-image img{
  width: 480px;
  height: 320px;
}

                .menu {
                    position: relative;
                    width: 100%;
                    height: 50px;
                    max-width: 1440px;
                    margin: 0;
                    text-align: center;
                }
                
                .menu a{
                    color: #c06c83;
                    display: inline-block;
                    transition: .3s;
                    -webkit-transform: scale(1);
                    transform: scale(1);
                }
                
                .menu a:hover{
                    -webkit-transform: scale(1.13);
                    transform: scale(1.13);
                }
                
                ul{
                    list-style-type: none;
                    padding: 0;
                }
                
                /* ホバーしてない時の題名の背景色とか */
                .menu > li {
                    float: left;
                    width: 25%; /* グローバルナビ4つの場合 */
                    height: 50px;
                    line-height: 50px;
                    background-color: #612c30;
                }

                ul.menu__second-level {
                    visibility: hidden;
                    opacity: 0;
                    z-index: 1;
                }
                
                ul.menu__third-level {
                    visibility: hidden;
                    opacity: 0;
                }
                
                ul.menu__fourth-level {
                    visibility: hidden;
                    opacity: 0;
                }
                
                /* ホバーした時の題名？の背景色とか */
                .menu > li:hover {
                    background: #612c30;
                    -webkit-transition: all .5s;
                    transition: all .5s;
                }

                /* 下矢印 */
                .init-bottom:after {
                    content: '';
                    display: inline-block;
                    width: 6px;
                    height: 6px;
                    margin: 0 0 3px 15px;
                    border-right: 1px solid #000;
                    border-bottom: 1px solid #000;
                    -webkit-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
                }
                
                /* floatクリア */
                .menu:before,
                .menu:after {
                    content: " ";
                    display: table;
                }
                
                .menu:after {
                    clear: both;
                }
                
                .menu {
                    *zoom: 1;
                }

                /* ホバーした時の出てくるやつの背景色とか */
                li.menu__mega ul.menu__second-level {
                    position: absolute;
                    top: 40px;
                    left: 0;
                    box-sizing: border-box;
                    width: 100%;
                    padding: 20px 2%;
                    background: #612c30;
                    -webkit-transition: all 1.0s ease;
                    transition: all 0.7s ease;
                }
                
                li.menu__mega:hover ul.menu__second-level {
                    top: 50px;
                    visibility: visible;
                    opacity: 1;
                }
                
                li.menu__mega ul.menu__second-level > li {
                    float: left;
                    width: 32%;
                    border: none;
                }
                
                li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
                    margin: 0 1%;
                }

table{
  /* width: 1000px; */
  display: flex;
  justify-content: space-around;
  margin: 0px 0 0px 0;
}

table td {
  width: 170px;
  height: 170px;
  word-break : break-all;
  padding: 0 20px 0 20px;
  text-align: center;
}

.mainimages table tr td img{
  width: 170px;
  height: 170px;
}

footer{
    background-color: #612c30;
    /* background: linear-gradient(-335deg, #c06c83, #612c30); */
}

.footer-main{
    display: flex;
    justify-content: space-around;
}

.footer-main li{
    margin-top: 40px;
}

    .footer-main ul li a{
        color: #c06c83;
        display: inline-block;
        transition: .3s;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

        .footer-main ul li a:hover{
            -webkit-transform: scale(1.13);
            transform: scale(1.13);
        }

ul{
    list-style: none;
}

li{
    color: #c06c83;
}

.copyright{
    text-align: center;
    margin-top: 150px;
}

.copyright-p{
    color: #c06c83;
    margin-bottom: 0;
}

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
}
#page-top a {
  background: #d1b3b4;
  text-decoration: none;
  color: #c06c83;
  width: 100px;
  padding: 30px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
}
#page-top a:hover {
  text-decoration: none;
  background: #612c30;
}