@charset "UTF-8";


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

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

h1 {
 text-align: center;
}

h1 img {
 width: 100%;
}

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


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


section#bettysmith .inner,
section#gakuen .inner{
 display: block;
 width: 100%;
}

.origin_img {
 position: relative;
 width: 70%;
 margin: 0 auto;
}

.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: 100%;
 padding: 20px 10px;
 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: block;
 margin-bottom: 50px;
}

#merchandise .inner .goods > div{
 width: 100%;
 margin-bottom: 100px;
}

#merchandise .inner .goods > div > div {
 position: relative;
 width: 300px;
 height: 300px;
 margin: 0 auto 20px;
 border-radius: 50%;
 overflow: hidden;
}


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

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

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


#logo {
 text-align: center;
}

#logo img {
 width: 100%;
}


#chirashi {
 padding: 0 10px;
 text-align: center;
}

#chirashi a {
 width: 100%;
 border: 2px #e10909 solid;
 display: block;
 margin: 0 auto;
 color: #e10909;
 font-size: 18px;
 padding: 17px 0;
 font-weight: bold;
 border-radius: 0;
 transition: .5s all;
}

#chirashi a:hover {
 border-radius: 16px;
}