/*=============================================================
 #menu
=============================================================*/
#menu #mainImg { background-image: url(../img/menu/main_menu.png); }
#pageContent .cont { display: none; }
@media all and (min-width: 600px) { #pageContent .cont { display: block; } }
@media all and (max-width: 599px) { #pageContent #cut .cont { display: block; } }
@media all and (max-width: 599px) { #pageContent #cut .list + .list { margin-top: 0; } }
@media all and (min-width: 600px) { #pageContent #set .cont { display: none; } }
#pageContent .sec .tit small { display: none; }
@media all and (min-width: 600px) { #pageContent .sec .tit small { display: inline; } }
@media all and (max-width: 599px) { #pageContent .sec .tit { position: relative; }  #pageContent .sec .tit:after { display: block; position: absolute; position: absolute; top: .6em; right: 20px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: ""; content: "\f107"; }  #pageContent .sec .tit.is_active:after { content: "\f106"; } }
#pageContent .sec .titTxt { padding: 0 0 20px 10px; }
@media all and (min-width: 600px) { #pageContent .sec .titTxt { display: none; } }
#pageContent .list { width: 100%; font-size: 1.6rem; }
@media all and (min-width: 600px) { #pageContent .list { width: 50%; margin: 0; padding: 0; } }
#pageContent .list + .list { margin: 30px 0 0; }
@media all and (min-width: 600px) { #pageContent .list + .list { margin: 0; } }
#pageContent .listWide { width: 100%; font-size: 1.6rem; }
@media all and (min-width: 600px) { #pageContent .listWide .item { width: 50%; } }
#pageContent .listWide .itemNotice { padding: 10px 0 10px 10px; font-size: 1.3rem; }
@media all and (min-width: 600px) { #pageContent .listWide .itemNotice { padding: 10px 0 10px 100px; } }
#pageContent .list .subTit , #pageContent .listWide .subTit { padding: 0 0 5px 0; font-size: 2rem; }
@media all and (min-width: 600px) { #pageContent .list .subTit , #pageContent .listWide .subTit { padding: 0 0 20px 20px; } }
#pageContent .list .subTit small , #pageContent .listWide .subTit small { display: block; font-size: 1.3rem; vertical-align: middle; }
@media all and (min-width: 600px) { #pageContent .list .subTit small , #pageContent .listWide .subTit small { display: inline; padding: 0 0 0 1.5em; } }
#pageContent .list .item , #pageContent .listWide .item { display: -ms-flexbox; display: flex; box-sizing: border-box; padding: 8px 0 8px 10px; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
@media all and (min-width: 600px) { #pageContent .list .item , #pageContent .listWide .item { padding: 8px 0 8px 100px; } }
#pageContent .list .price , #pageContent .listWide .price { position: relative; }
#pageContent .list .price:before , #pageContent .listWide .price:before { display: block; position: absolute; top: 50%; right: 65px; width: 20vw; height: 1px; border-top: 1px dashed #707070; content: ""; }
@media all and (min-width: 600px) { #pageContent .list .price:before , #pageContent .listWide .price:before { width: 150px; } }
#pageContent .list .price.outside , #pageContent .listWide .price.outside { position: relative; right: -1em; }
#pageContent .list .price.outside:before , #pageContent .listWide .price.outside:before { right: calc(65px + 1em); }
#pageContent .txt { box-sizing: border-box; padding: 0 0 0 20px; }
@media all and (min-width: 600px) { #pageContent .txt { width: 50%; } }
#pageContent .setTxt { padding: 0; }
#pageContent .listTitPrice { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media all and (min-width: 600px) { #pageContent .listTitPrice { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }
#pageContent .listTitPrice .subTit { box-sizing: border-box; width: 80%; font-size: 2rem; }
@media all and (min-width: 600px) { #pageContent .listTitPrice .subTit { width: 40%; padding: 0 0 0 20px; } }
#pageContent .listTitPrice .price { position: relative; width: 20%; font-size: 1.6rem; text-align: right; }
@media all and (min-width: 600px) { #pageContent .listTitPrice .price { width: 10%; } }
#pageContent .listTitPrice .price:before { display: block; position: absolute; top: 50%; right: 65px; width: 20vw; height: 1px; border-top: 1px dashed #707070; content: ""; }
@media all and (min-width: 600px) { #pageContent .listTitPrice .price:before { top: 50%; width: 150px; } }
#pageContent .listTitPrice .txt { width: 100%; font-size: 1.3rem; }
@media all and (max-width: 599px) { #pageContent .listTitPrice .txt { padding: 0; } }
@media all and (min-width: 600px) { #pageContent .listTitPrice .txt { width: auto; } }
#pageContent .sec01 .listWrap { margin-bottom: 30px; padding: 20px 37px 0 34px; }
@media all and (min-width: 600px) { #pageContent .sec01 .listWrap { display: -ms-flexbox; display: flex; padding: 0 50px 0 37px; -ms-flex-pack: justify; justify-content: space-between; } }
#pageContent .sec01 .listWrap + .listWrap { padding-top: 20px; }
#pageContent .sec02 .listWrap { margin-bottom: 30px; padding: 20px 37px 0 34px; }
@media all and (min-width: 600px) { #pageContent .sec02 .listWrap { padding: 0 50px 0 37px; } }
#pageContent .sec02 .listTitPrice { width: 100%; padding: 5px 0; }
@media all and (max-width: 599px) { #pageContent .sec02 .listTitPrice .price:before { width: 10vw; } }
@media (max-width: 374px) { #pageContent .sec02 .listTitPrice .price:before { display: none; } }
#pageContent #set { position: relative; }
#pageContent .titPrice { display: none; position: absolute; top: 40%; left: 10%; width: 90%; }
@media all and (min-width: 600px) { #pageContent .titPrice { display: -ms-flexbox; display: flex; } }
#pageContent .titPrice .price { position: relative; width: calc(100% - 37px); font-size: 1.6rem; text-align: right; }
@media all and (min-width: 600px) { #pageContent .titPrice .price { width: 23%; } }
#pageContent .titPrice .price:before { display: block; position: absolute; top: 50%; right: 65px; width: 20vw; height: 1px; border-top: 1px dashed #707070; content: ""; }
@media all and (min-width: 600px) { #pageContent .titPrice .price:before { width: 150px; } }
#pageContent .titPrice .txt { display: none; box-sizing: border-box; width: 77%; padding: 0 0 0 7em; font-size: 1.3rem; }
@media all and (min-width: 600px) { #pageContent .titPrice .txt { display: block; } }
#pageContent .btn { margin: 80px 15px 0; }
@media all and (min-width: 600px) { #pageContent .btn { width: 550px; margin: 100px auto 0; } }
#pageContent .btn a { text-decoration: none; }
/*# sourceMappingURL=maps/menu.css.map */