.cookies-mask { width:100%; padding: 30px 60px; box-sizing: border-box; position: fixed; left: 0; bottom: 0; color: #fff; background: #012b49; z-index:22222 }
.cookies-mask .cookies-close { width: 40px; text-align: center; height: 40px; background: #3643BA; position: absolute; right: 0; top: 0; cursor: pointer; overflow: hidden }
.cookies-mask .cookies-close:before { font-family: "DECATHLON-Regular"; content: "×"; font-size: 40px; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%)  }
.cookies-mask .cookies-close:hover, .cookies-button a:hover { background: #5f69c9 }
.cookies-mask h3 { font-size: 20px; font-weight: 800 }
.cookies-txt { line-height: 1.8; margin-top: 20px }
.cookies-txt .a01 { color: #fff; display: inline-block; border-bottom: 1px solid #fff; cursor: pointer }
.cookies-button { margin-top: 30px }
.cookies-button a { display: inline-block; margin-right: 20px; color: #fff; background: #3643BA; padding: 10px 20px; box-sizing: border-box; cursor: pointer }


.cookies-page .page-content { width: 800px; margin: auto; padding-top: 50px ; padding-bottom: 90px }
.cookies-page .box h4 { font-size: 30px;  line-height: 42px; padding-bottom: 16px; padding-top: 40px }
.cookies-page .box .box_txt { line-height: 26px }
.cookies-page .box .box_txt p { padding-bottom: 15px }
.cookies-page .box .box_txt .order_list { padding-bottom: 15px; list-style-type: decimal; list-style-position:outside; padding-left: 18px }
.cookies-page .box .box_txt .txt { padding-bottom: 15px }
.cookies-page .box .box_txt .unorder_list { padding-bottom: 15px; list-style-type:disc; list-style-position:outside; padding-left: 18px }
.cookies-page .box .box_txt .table_cookie { margin-bottom: 30px }
.cookies-page .box .box_txt table { margin-bottom: 15px }
.cookies-page .box .box_txt h1 { margin-bottom: 15px }
.cookies-page .box .box_txt .order_list li, .cookies-page .box .box_txt .unorder_list li { list-style: inherit }
.cookies-page .table_cookie { border-top: 1px solid #2a2e2e;border-left: 1px solid #2a2e2e }
.cookies-page .table_cookie th, .cookies-page .table_cookie td { border-right: 1px solid #2a2e2e; border-bottom: 1px solid #2a2e2e; padding: 20px }


.privacy-page { width: 800px; margin: auto; padding-top: 50px ; padding-bottom: 90px; }
.privacy-page p { line-height: 1.8em }
.privacy-page h1 { font-size: 30px;  line-height: 42px; padding-bottom: 16px; padding-top: 40px }
.privacy-list { padding-left: 30px; box-sizing: border-box }
.privacy-list li { list-style-position: outside; list-style-type: disc; margin-top: 10px }
.privacy-list, .privacy-page .txt { margin-top: 20px }


.links-mask { width: calc(100vw); height: calc(100vh); position: fixed; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index:22222; display: none }
.links-con { width:50%; text-align: center; padding: 30px 30px 40px; box-sizing: border-box; background: #fff; color: #333; position: absolute;  top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.links-con #web-url { padding: 10px; box-sizing: border-box; background: #eee; border-radius: 3px; word-break:break-all; margin-top: 20px }
.links-con .a01 { color: #3643BA; display: inline-block; cursor: pointer }
.links-button { margin-top: 30px }
.links-button>div { display: inline-block; width: 150px; text-align: center; padding: 10px 0; box-sizing: border-box;color: #fff; background: #ddd; margin: 0 10px }
.links-button>div.cur { background: #3643BA; cursor: pointer }
.links-button>div:last-of-type { background: #acadaf; color: #333; cursor: pointer }
.links-button>div:hover { opacity: 0.6 }
.links-con input { width: 16px; height: 16px; border: 1px solid #999; margin-right: 3px; margin-bottom: 3px }
.links-con input[type="checkbox"]:checked { background: #3643BA; border: 1px solid #3643BA; position: relative; }
.links-con input[type="checkbox"]:checked:before { font-family: "iconfont" !important; content: "\e715"; color: #fff; position: absolute; top: 0; left: 0 }

@media ( max-width:800px ) {	
	.links-con { width:80%; padding: 20px }
	.links-button>div { width: 100px }
	.cookies-mask { padding: 30px }
	.cookies-button a { margin-bottom: 20px }
	.privacy-page { width: auto }
	
}