/* Main
===============================================================*/
#Main {
    margin: 0 !important;
}


#Main .main {
    background: url(/images/top/main.jpg) no-repeat center top;
    padding-top: 433px;
    padding-top: 420px;
}
/*
#Main .main {
    background: url(/images/top/main_bg.jpg) no-repeat center top;
    padding-top: 400px;
}
*/
#Main .main h1 {
    display: none;
}
#Main .main p {
    color: #FFFFFF;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;

}

.mainsub{
	width: 1050px;
	margin: 0 auto 50px auto;
	/*margin: 0 auto 143px auto;*/
	position: relative;
}
.p1{
	position: absolute;
    top: -82px;
    right: 158px;
}
.back{
	text-indent: -9999px;
	background: url(/images/top/bg01.jpg) repeat-x left bottom #0098f9;
    padding-bottom: 0;
	margin-top: 31px;
}

#Main p.kome {
    line-height: 43px;
    /*margin: 23px auto 52px;*/
    margin: 23px auto 32px;	/* バナー用に圧縮 */
    text-align: center;
}
#Main p.kome:before {
	content:'※';
}

#Main .banner {
    width: 1110px;
    margin: 0 auto 40px;
}

#Main .mail_area {
    background: #ddf1ff;
    padding: 40px 115px 33px;
    width: 871px;
    margin: 0 auto 70px;
}

#Main .mail_area h2 {
    font-size: 34px;
	line-height:43px;
    margin-bottom: 26px;
    text-align: center;
}

#Main .mail_area h3 {
    display: inline-block;
    font-size: 20px;
    line-height: 50px;
}

#Main .mail_area p.mailad_input {
    display: inline-block;
    border-radius: 4px;
    border: 1px #afd3ed solid;
    background: #FFFFFF;
    vertical-align: top;
    margin: 0 21px;
}
#Main .mail_area p.mailad_input input.txt {
    border: none;
    width: 475px;
	font-size: 16px;
    padding: 15px;
    box-sizing: border-box;
}

#Main .mail_area p.btn {
    display: inline-block;
    vertical-align: top;
}
#Main .mail_area p.btn a {
    display: block;
    width: 200px;
    font-size: 20px;
    line-height: 50px;
    color: #FFFFFF;
    text-align: center;
    background: #058cea;
    border-radius: 4px;
    font-weight: bold;
    text-decoration: none;
}
#Main .mail_area p.btn a:hover {
    background: #50aef0;
}

#Main .mail_area ul {
	margin-top:32px;
}
#Main .mail_area ul li {
    font-size: 16px;
    line-height: 32px;
    margin-left: 1em;
    text-indent: -1em;
}
#Main .mail_area ul li:before {
	content:'※';
}



#Main .ticket h2 {
	text-align:center;
    font-size: 34px;
	line-height:43px;
}

#Main .ticket ul {
    border-collapse: separate;
    border-spacing: 20px 0;
    display: table;
	width:1140px;
    margin: 40px auto 0;
}
#Main .ticket ul li {
    display: table-cell;
}
#Main .ticket ul li img {
    border-radius: 5px;
}

#Main .ticket p {
    font-size: 16px;
    margin: 14px 0 56px;
    text-align: center;
}
#Main .ticket p a {
	text-decoration:underline;
}


#Main .flow {
	width:1100px;
	margin:0 auto 50px;
}

#Main .flow h2 {
	text-align:center;
    font-size: 34px;
	line-height:43px;
	margin-bottom:16px;
}

#Main .flow dl {
    float: left;
    width: 354px;
    height: 220px;
    margin-right: 19px;
    box-sizing: border-box;
    border: #058cea 4px solid;
    border-radius: 4px;
    background: #FFFFFF;
}
#Main .flow dl.f1 ,
#Main .flow dl.f2 ,
#Main .flow dl.f3 {
    margin-bottom: 78px;
}
#Main .flow dl.f3 ,
#Main .flow dl.f6 {
    margin-right: 0;
}

#Main .flow dl dt {
	width:346px;
    height:141px;
	text-indent:-9999px;
    padding-bottom: 19px;
}
#Main .flow dl dd {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    font-weight: bold;
}

#Main .flow dl.f1 dt {
	background:url(../images/top/flow01.jpg) no-repeat 0 0;
}
#Main .flow dl.f2 dt {
	background:url(../images/top/flow02.jpg) no-repeat 0 0;
}
#Main .flow dl.f3 dt {
	background:url(../images/top/flow03.jpg) no-repeat 0 0;
}
#Main .flow dl.f4 dt {
	background:url(../images/top/flow04.jpg) no-repeat 0 0;
}
#Main .flow dl.f5 dt {
	background:url(../images/top/flow05.jpg) no-repeat 0 0;
    padding-bottom: 8px;
}
#Main .flow dl.f6 dt {
	background:url(../images/top/flow06.jpg) no-repeat 0 0;
    padding-bottom: 8px;
}


#Main .flow .flow_box {
	background:url(../images/top/flow_dot.png) no-repeat center center;
	width:100%;
    clear: both;
    overflow: hidden;
}


#Main .terms {
	width:1100px;
	margin:0 auto;
}

#Main .terms h2 {
    background: #c80000;
	text-align:center;
    font-size: 34px;
	line-height:43px;
    color: #FFFFFF;
    padding: 11px 0;
    margin-bottom: 14px;
	border-radius:4px;
}

#Main .terms h3 {
    font-size: 24px;
	line-height:43px;
	background:url(../images/top/term_dot.png) repeat-x left center;
}
#Main .terms h3 span {
	background:#FFFFFF;
    padding-right: 24px;
}

#Main .terms h3  {
	margin-bottom:10px;
}
#Main .terms ul {
	margin-bottom:20px;
}
#Main .terms ul.kome_list {
	margin-bottom:60px;
}
#Main .terms ul li {
    font-size: 16px;
    margin: 0 0 0 1em;
    text-indent: -1em;
	padding-bottom:14px;
}
#Main .terms ul li a {
	text-decoration:underline;
}
#Main .terms ul li:before {
	content:'・';
}
#Main .terms ul.kome_list li:before {
	content:'※';
}




/* Modal */
#Main .modal {
	display:none;
}


#cboxContent {
    border-radius: 2px;
}


.error_txt1, .error_txt2{ margin-top: 10px; }












#Main ul.btnBack{ margin: 0 auto 80px; clear: both; overflow: hidden; text-align: center; display: block; }
#Main ul.btnBack li{ width: 320px; text-align: center; display: inline-block; }

#Main ul.btnBack li.btn a {
    display: block;
	background:url(../images/cart/ar02.png) no-repeat 4% center #a2a2a2;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    border-radius: 4px;
    padding: 14px 13px;
    text-decoration: none;
}

#Main ul.btnBack li.btn a:hover{ background:url(../images/cart/ar02.png) no-repeat 4% center #bebebe; }












/*
========================================================================*/



#Main p.comp1,
#Main p.comp2{ line-height: 30px; margin: 40px auto; text-align: center; }