@charset "utf-8";
/* CSS Document */


.w_msg{
  display: none;
  max-width: 880px;
  margin: 20px auto 20px;
  padding: 0 1em;
}

.shop_uketori_bg {
    width: 100%;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.shop_uketori_bg::before {
    content: '';
    position: absolute;
	top: 120px;
    bottom: 1000px;
    left: 0;
    right: 0;
    background-color: #fef30b;
    transform: skewY(-7deg);
    z-index: -1;
}

.shop_uketori_bg::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background-color: #70bb2d;
    z-index: -2;
}

.uketori_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.btn_01,.btn_02,.btn_03 {
	width: 90%;
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin:0 auto;
}

.btn_04 {
	width: auto;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    border: solid 0.2px var(--clr-second-black);
    line-height: 1.6;
    position: relative;
    display: block;
    cursor: pointer;
    color: var(--clr-second-black);
    border-radius: 0.5em;
    margin: 1em 0 0 0;
    padding: 1.0em;
}

 .notice_box {
  background-color: var(--clr-white);
  letter-spacing: .3px;
  margin: 3.0em 0;
}

.notice_box_title {
  width: 100%;
  color: var(--clr-white);
  font-size : 1.5em;
  background-color: var(--clr-black);
  padding: 15px;
}

.notice_box_txt {
  margin: 0;
  padding: 2.5em;
}

.notice_box_txt span {
  font-weight: bold;
}

.notice_box_txt ul {
  padding: 6px 12px 6px 36px;
}

.notice_box_txt li {
  padding: 0.15em 0;
  list-style: disc;
}

.notice_box_txt hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 1px solid var(--clr-gray-light);
  margin: 2em 0;
}


/*SP S*/
@media only screen and (min-width : 376px) {

.notice_box p {
  padding: 0.5em;
}

}

/*SP*/
@media only screen and (min-width : 426px) {

.shop_uketori_bg::before {
    top: 5%;
    bottom: 50%;
}
}

/*TB*/
@media only screen and (min-width : 879px) {

.btn_01,.btn_02,.btn_03 {
	width: calc(50%);
	padding: 20px;
	box-sizing: border-box;
}
}

/*PC*/
@media only screen and (min-width : 1020px) {


}