@charset "UTF-8";


section:hover {
 background-color: transparent;
}

/* ѧˆ@¡ÁBettySmith */
.mainimg {
 width: 100%;
}

.mainimg img {
 width: 100%;
 filter: drop-shadow(1px 3px 4px rgba(0,0,0,.5));
}

h1 {
 text-align: center;
}

h1 img {
 width: 540px;
}

/* ¥³¥é¥Ü¥­¥ã¥Ã¥Á¥³¥Ô©` */
.text {
 width: 800px;
 margin: 30px auto 50px;
 font-size: 15px;
}

section{
 margin-bottom: 80px;
 border-bottom: 0;
}


section#bettysmith .inner,
section#gakuen .inner{
 display: flex;
 flex-wrap: wrap;
 width: 900px;
}

.origin_img {
 position: relative;
 width: 40%;
}

.origin_img::before {
 position: absolute;
 display: block;
 width: 100%;
 height: 100%;
 top: 40px;
 left: -40px;
 background-image: url('/bettysmith_collabo/denim.jpg');
 content: "";
 opacity: 0.2;
 z-index: -1;
}



section#gakuen .inner .origin_img::before {
 top: -40px;
 left: 40px;
}

.origin_img img {
 width: 100%;
}
section#bettysmith .inner .text,
section#gakuen .inner .text{
 width: 50%;
 padding: 20px 30px;
 color: #2a3257;
 text-align: justify;
 font-weight: bold;
 letter-spacing: 1px;
}


section#bettysmith .inner .text h2,
section#gakuen .inner .text h2{
 padding: 13px 0;
 margin-bottom: 20px;
 color: #fff;
 text-align: center;
 font-size: 19px;
 background: #015286;
}


/* ¥ª¥ê¥¸¥Ê¥ë¥°¥Ã¥º */
#merchandise .inner .goods{
 display: flex;
 flex-wrap: wrap;
 margin-top: 50px;
 margin-bottom: 50px;
}

#merchandise .inner .goods > div{
 position: relative;
 width: 50%;
}

#merchandise .inner .goods > div > div {
 position: relative;
 width: 350px;
 height: 350px;
 margin: 0 auto 20px;
 overflow: hidden;
}


#merchandise .inner .goods > div > div img{
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
}

#merchandise .inner .goods .ura{
 position: absolute;
 width: 180px;
 height: 180px;
 z-index: 1;
 border: 2px #b8000a solid;
 right: -30px;
 top: -30px;
 border-radius: 50%;
}

#merchandise .inner .goods .ura::before{
 position: absolute;
 color: #c20d1e;
 bottom: 0;
 left: 50%;
 transform: translateX(-50%);
 content: "ÑYÃæ";
 z-index: 2;
}

#merchandise .inner .goods .ura img {
 width: 110%;
}


#merchandise .inner .goods .txt_b {
 text-align: center;
}


#logo {
 text-align: center;
}

#logo img {
 margin: 0 auto;
}

#chirashi {
 text-align: center;
}

#chirashi a {
 width: 700px;
 border: 3px #e10909 solid;
 display: block;
 margin: 0 auto;
 color: #e10909;
 font-size: 20px;
 padding: 20px 0;
 font-weight: bold;
 border-radius: 36px;
 transition: .5s all;
}

#chirashi a:hover {
 border-radius: 0;
}