@charset "euc-jp";

.swiper-container,
.swiper-slide,
.slide1,.slide2,.slide3,.slide4,.slide5,
#topics{display:none;}

/* 720px以下 */
@media (max-width: 720px) {
.swiper-container,
.swiper-slide,
.slide1,.slide2,.slide3,.slide4,.slide5,
#topics{display:none;}
}
/* 721px以上 */
@media (min-width: 721px) {
.swiper-container,
.swiper-slide,
.slide1,.slide2,.slide3,.slide4,.slide5,
#topics{display:none;}
}

#contents-wrapper{margin-top:55px;}
#info,#payment{margin-top:80px;}
#delivery table,#payment table{margin-bottom:20px;}
#delivery th,#delivery td{border:1px solid #ccc;padding:8px 12px;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}
#delivery th,td.center{word-break: keep-all;text-align:center;}
#delivery td.price{word-break: keep-all;text-align:right;}
#delivery th p.note{font-size:80%;margin-top:7px;line-height:1.4;font-weight:normal;text-align:center;}
#delivery tr.border{background-color:#f2f1f0;}
#payment th,#payment td,h5{border:1px solid #ccc;padding:8px;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;vertical-align:middle;}
#payment th{word-break: keep-all;text-align:center;}
#payment td.price{word-break: keep-all;text-align:right;}
#payment th,#payment td.border{background-color:#f2f1f0;}
#payment caption{text-align:left;margin-bottom:5px;}
#payment h3{font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;margin:40px 0 15px;font-size:130%;}
#payment h5{margin-bottom:8px;}
#payment h5 i{margin-left:8px;}
#payment .card img{width:82px;margin:2px;}

/* 470px以下: デフォルト */
@media (max-width: 470px){
#payment table.charge{width:100%;margin-top:15px;}
#payment th .note{font-size:90%;font-weight:normal;display:block;}
}
/* 471px以上 */
@media (min-width: 471px) {
#payment table.charge{width:100%;margin-top:15px;}
#payment th .note{font-size:90%;font-weight:normal;display:block;}
}

/* 768px以上 */
@media (min-width: 768px) {
#payment table.charge{width:80%;margin-top:15px;}
#payment th .note{font-size:90%;font-weight:normal;display:block;}
}

/* 992px以上 */
@media (min-width: 992px) {
#payment table.charge{width:90%;margin-top:15px;}
#payment th .note{font-size:90%;font-weight:normal;display:block;}
}

/* 1260px以上 */
@media (min-width: 1260px) {
#payment table.charge{width:70%;margin-top:15px;}
#payment th .note{font-size:90%;font-weight:normal;display:block;}
}

hr{border:1px solid #ccc;margin:40px 0;}