@charset "utf-8";


.bgbox{margin-top: 400px;background-image: url("/common/images/contents_bg2.jpg");
background-repeat: repeat-y;
background-color: #f3f1e4;background-position: center top;}

@media screen and (min-width: 769px) {
/*
#header nav ul li.nac01 a{border-bottom: 5px solid #0d3868;}
#header nav li.nac01 a:after {border-bottom: solid 5px #0d3868;}
*/
.bread{padding-top: 20px !important;}
.shop{background-image: url("../images/main_shop.jpg");background-repeat: no-repeat;background-position: center top;}


}

@media screen and (max-width: 768px) {
.shop{background-size: contain;}
.bgbox{margin-top: 0px;}
/*.bgbox #header{padding-bottom: 100px;background-image: url("../images/main_access.jpg");background-repeat: no-repeat;background-position: center 30px;background-size: contain;}*/
.bgbox #header .head01{background: linear-gradient(180deg, #ffffff, rgba(255,255,255,0.5));}

}









.btnlink333 a,.backlist000 a,.backlist000_ll a{display: block;margin-left: auto;margin-right: auto;color: #ffffff;padding: 10px;font-size: 1.6rem;text-align: center;}
.btnlink333 a{width: 70%;background-color: #c29313;}
.btnlink333 a:link{color: #ffffff !important;text-decoration: none;}
.btnlink333 a:visited{color: #ffffff !important;}
.btnlink333 a:hover{color: #ffffff !important;}
.btnlink333 a:active{color: #ffffff !important;}

.btnlink333 a span{display: inline-block;padding-left: 0px;}
.btnlink333 a span::before{content: '';width: 10px;height: 10px;border: 0px;border-top: solid 1px #ffffff;border-right: solid 1px #ffffff;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;right: 15px;margin-top: -5px;}


@media screen and (min-width: 1600px) {
.bgpdo33 .boxlr789,.bgk .boxlr789{width: 1599px;margin-left: auto;margin-right: auto;}
}


@media screen and (min-width: 1261px) {
.bgpdo33 .boxlr789{ display: -webkit-flex;display: flex;height: 500px; -webkit-align-items: center;align-items: center; -webkit-justify-content: center;
    justify-content: center;}
.bgpdo33 .boxlr789 .text{width: 510px;text-align: center;}
.bgpdo33 .boxparty,.bgpdo33 .boxdress{}
.bgpdo33 .ph{margin-right: 50px;}
.bgpdo33 .boxparty .ph,.bgpdo33 .boxdress .ph{margin-left: 50px;margin-right: 0px;}

}


@media screen and (max-width: 1260px) {
.bgpdo33 .boxlr789{ display: -webkit-flex;display: flex;-webkit-align-items: flex-end;align-items: flex-end;height: 500px;}
.bgpdo33 .boxparty,.bgpdo33 .boxdress{-webkit-justify-content: flex-end;justify-content: flex-end;}

.bgpdo33 .boxlr789 .text{width: 48%;text-align: center;}
.bgpdo33 .boxparty .text,.bgpdo33 .boxdress .text{text-align: center;}
.bgpdo33 .ph{width: 50%;}
.bgpdo33 .ph img{width: 100%;height: auto;}


}

@media screen and (min-width: 769px) {

.bgpdo33 .text h3{font-size: 3.6rem;}

.bgpdo33,.bgk{padding-top: 100px;padding-bottom: 50px;}
.bgpdo33 .boxparty div:nth-of-type(2),.bgpdo33 .boxdress div:nth-of-type(2),.bgk .boxmi div:nth-of-type(2) {-webkit-order: -1;order: -1;}
.bgpdo33 .boxlr789,.bgk .boxlr789{margin-bottom: 100px;}

.btnlink333{margin: 50px 0 0px 0;}

}



@media screen and (max-width: 768px) {

.bgpdo33 .boxlr789,.bgk .boxlr789{width: 100%;}

.bgpdo33 .text h3,.bgk .text h3{font-size: 2.8rem;}
.bgpdo33 .boxlr789,.bgk .boxlr789{ display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;height: auto;margin-bottom: 50px;}
.bgpdo33 .boxlr789 .text,.bgk .boxlr789 .text{width: 100%;text-align: center;}
.bgpdo33 .ph,.bgk .ph{width: 100%;padding-top: 30px;}
.bgpdo33 .boxlr789 .text p,.bgk .boxlr789 .text p{margin-bottom: 15px;}

.btnlink333 a{width: 80%;}
.btnlink333 a{margin-top: 30px;}

}


@media screen and (max-width: 500px) {
.btnlink333 a, .backlist000 a {
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    padding: 5px;
    font-size: 1.6rem;
    text-align: center;
}

}


.btnlink333 a:hover{opacity: 0.6;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;transition: opacity 0.5s;}
.btnlink333 a{position: relative;}