@charset "Shift_JIS";
/*!
 * ZOZOTOWN
 * http://zozo.jp/
 *
 * 2017.11.14
 */

/*-------------------------------------
	common
-------------------------------------*/

.headerBar { display:none; }
#body { margin:0; width:100%; }
#attention .subsectionHeader { border:solid #e9e9e9; border-width:1px 0; padding:8px 10px; background:#f3f3f3; color:#888; font-size:14px; line-height:1.416666667; }
#attention .subsectionHeader h3 { width:980px; margin:0 auto; }
#attention .gridContainer { width:980px; margin:0 auto; }
#attention p.txt { color:#757676; font-size:12px; margin:15px 0 0 0; line-height:1.8; }



/*-------------------------------------
	modal
-------------------------------------*/

#modalSourceMaxSealPlay { background:url(//img4.zozo.jp/max/pc/pc_modal_bg.png) no-repeat top center; }
.maxSealPlay .modal-dialog { background:url(//img4.zozo.jp/max/pc/pc_modal_bg.png) no-repeat top center; background-size:100% auto; padding:25px 30px 53px 24px; }
.maxSealPlay p.tit { margin:86px 0 0 0; }
.maxSealPlay p.tit,.maxSealPlay p.flow { text-align:center; }
.maxSealPlay p.flow { margin:12px 0 0 0; }
.modalCloseWrap { margin:50px auto 0; width:260px; }
.modalCloseWrap .gBtnWhite { background:none; border-color:#FFF; color:#FFF!important; padding:16px 0 13px 0; }



/*-------------------------------------
	default
-------------------------------------*/

.max_default #bgOuter { background:#ffb700; }
.max_default #bgInner { background:url(//img4.zozo.jp/max/pc/pc_default_bg.png) no-repeat center top; background-size:1720px auto; }
.max_default #cover h1 { text-align:center; }
.max_default #cover h1 img { margin:0 0 0 -65px; }
.max_default #cover p.lead { text-align:center; font-weight:bold; margin:20px 0 0 0; font-size:18px; }
.max_default #kuji { text-align:center; margin:35px 0 70px 0; }
.max_default #kuji p.err { margin:0 0 10px 0; font-size:14px; }
.max_default #kuji .kujiWrap { padding:33px 20px 40px; background:#FBE5A8; width:700px; margin:-3px auto 0 auto; border-radius:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.max_default #kuji h2,
.max_default #kuji .txt { font-size:17px; }
.max_default #kuji p.num { font-size:24px; margin:12px 0 0 0; }
.max_default #kuji p.kujibiki { margin:27px 0 0 0; }
.max_default #kuji p.kujibiki .gBtn { background:#bb0c00; border-color:#bb0c00; width:340px; margin:0 auto; padding:21px 0 15px; font-size:22px; }
.max_default #kuji p.regist { margin:15px 0 0 0; font-size:16px; }
.max_default #kuji p.input { margin:12px 0 0 0; }
.max_default #kuji .inputNum { border:1px solid #c8c8c8; border-radius:2px; padding:13px 7px; width:325px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.max_default #battleSeal { background:#FFCC1A; text-align:center; padding:60px 0 70px; }
.max_default #battleSeal p.lead { margin:30px 0 25px 0; font-size:16px; font-weight:bold; }
.max_default #battleSeal p#asobikata { text-align:center; margin:45px 0 0 0; }



/*-------------------------------------
	thankyou
-------------------------------------*/

.max_thankyou #cover { text-align:center; }
.max_thankyou #cover.atari { background:#ffd100; }
.max_thankyou #cover.hazure { background:#45BB00; }
.max_thankyou #cover.atari .coverWrap { background:url(//img4.zozo.jp/max/pc/pc_thankyou_bg_atari.png) no-repeat center top; padding:50px 0 0 0; }
.max_thankyou #cover.hazure .coverWrap { background:url(//img4.zozo.jp/max/pc/pc_thankyou_bg_hazure.png) no-repeat center top; padding:18px 0 0 0; }
.max_thankyou h2 { font-size:22px; font-weight:bold; text-align:center; line-height:1.4; margin:45px 0 0 0; }
.max_thankyou p.lead,
.max_thankyou p.limit { text-align:center; margin:30px 0 0 0; font-size:16px; }
.max_thankyou p.limit { margin-top:10px; }
.max_thankyou .btnToTop { margin:35px auto 60px; width:260px; }



/*-------------------------------------
    fin
-------------------------------------*/

.max_default #kuji .kujiWrap.fin { position:relative; margin-top:0; }
.max_default #kuji .finWrap { position:absolute; top:0; left:0;  background:rgba(0, 0, 0, 0.6); height:100%; width:700px; color:#FFF; font-weight:bold; text-align:center; z-index:5; font-size:22px; padding:86px 0 0 0; border-radius:0 0 5px 5px;     box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.max_default #battleSeal .sealFinInfo { margin:60px 0 0 0; }