@charset "utf-8"; 
/*
1.common setting
2.main
3.header
4.footer
99.media queries
*/

/* ---------------------------------------------------------
1.common setting
---------------------------------------------------------*/
html {font-size:62.5%;/*10px*/}
body {background:#fffef0 url(../img/dqx202404/bg.png) center repeat; color:#111111; font-size:14px; font-size:1.4em; line-height:1.4; font-family:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
html,body {height:100%;}

img {max-width:100%; height:auto; image-rendering:-webkit-optimize-contrast;}
#wrapper {position:relative; width:100%; min-height:100%; margin:0 auto; overflow:hidden;}

/* link */
a {transition:color .2s;}
a:link {color:#dd0000;}
a:visited {color:#dd0000;}
a:hover {color:#ee3131; text-decoration:none;}
a:focus {color:#ee3131; text-decoration:none;}
a:active {color:#ee3131;}
/* .btn */
.btn {overflow:hidden;}
.btn a {display:inline-block; width:100%; height:100%; overflow:hidden; background-position:left bottom; background-repeat:no-repeat;}
.btn a img {transition:all 0.3s;}
.btn a:hover img, .btn a:focus img {opacity:0; -ms-filter:"alpha(opacity=0)";}
/* #pageTop */
#pageTop {position:fixed; bottom:10px; right:10px; z-index:20; width:170px; height:56px;}
#pageTop a {width:170px; height:56px; background-image:url(../img/dqx202404/btn_pagetop.png); background-size:170px 112px;}

/*--------------------------------------------------
2.main
--------------------------------------------------*/
.main {display:block; position:relative; z-index:2; width:92%; max-width:1000px; margin:0 auto;}
.contents {position:relative; margin:0 auto; padding:22px 16px; border-radius:10px; box-shadow:0 1px 4px rgba(0, 0, 0, .35); box-sizing:border-box; background-color:#ffffff;}
.contents h3 {position:relative; padding:1px 0 0 18px; font-weight:bold; color:#2c1c00; font-size:20px; font-size:2rem; text-align:left; line-height:1.3;}
.contents h3::before {position:absolute; left:0; top:0; width:8px; height:100%; border-radius:50px; box-shadow:1px 1px 4px -1px rgba(0, 0, 0, 0.4); background:#ffe245; background:linear-gradient(to bottom, #fff180 1%,#ffe245 40%,#ffde41 100%); content:"";}

.conBox {position:relative; min-height:calc(100vh - 600px); margin:0 auto; overflow:hidden; background-color:#ffffff;}
.conBox .conBox_check {position:absolute; top:-60px; left:0; font-size:1.8rem;}
.conBox .conBox_check input {box-sizing:border-box; vertical-align:middle; -webkit-transform:scale(1.5); transform:scale(1.5);}
.conBox table.formtable {width:100%; margin:15px auto 10px; box-sizing: border-box; border-collapse:collapse; font-size:1.3rem; font-weight:normal;vertical-align:middle; }
.conBox table.ticket {width:100%;}
.conBox table th, .conBox table td {display:block; width:100%; padding:10px; border:1px solid #ccc; border-bottom:none; box-sizing:border-box; text-align:left; vertical-align:top;}
.conBox table thead > tr:last-child td:last-child, table tbody .ticket thead > tr:last-child td:last-child {border-bottom:none;}
.conBox table tbody > tr:last-child td:last-child, table tbody .ticket tbody > tr:last-child td:last-child {border:1px solid #ccc;}
.conBox table p {margin-bottom:5px; font-size:12px; font-size:1.2rem; line-height:1.4;}
.conBox table .button + p {margin-top:8px;}
.conBox table .subtitle {font-size:14px; font-size:1.4rem; padding:10px 0 7px;}
.conBox table .subtitle h3 {padding-left:10px; color:#2c1c00; font-size:15px; font-size:1.5rem;}
.conBox table .subtitle h3::before {position:absolute; left:0; top:0; width:6px; height:80%; border-radius:50px; box-shadow:1px 1px 4px -1px rgba(0, 0, 0, 0.4); background:#ffe245; background:linear-gradient(to bottom, #fff180 1%,#ffe245 40%,#ffde41 100%); content:"";}

.conBox .ticket thead {background:#e8e8e8;}
.conBox .ticket td {padding:5px 10px;}

.conBox table td span.attention {font-size:12px; font-size:1.2rem; line-height:15px; display:block; clear:both; margin:5px 0 0;}
.conBox table td span.info {font-size:12px; font-size:1.2rem; line-height:15px; border:1px #1687de solid; background:url(../../Common/images/icn/information.png) 5px 5px no-repeat; display:block; margin:5px 0 0; padding:5px 5px 5px 24px;}
.conBox table td span.warning {font-size:12px; font-size:1.2rem; line-height:15px; color:#FF3939; border:1px #FF3939 solid; background:url(../../Common/images/icn/cancel.png) 5px 5px no-repeat; display:block; margin:5px 0 0; padding:5px 5px 5px 24px;}
.conBox table .button + br + .attention, .conBox table .button + br + .info, .conBox table .button + br + .warning {margin-top:8px;}

.conBox .info {margin-top:12px; padding:12px; border:1px solid #ccc; font-size:13px; font-size:1.3rem; text-align:left;}
.conBox .info p {margin-bottom:6px;}
.conBox .info .title {clear:both; font-weight:bold; margin-bottom:5px; text-indent:-1em;}
.conBox .info .title:nth-child(n + 2) {margin-top:20px;}
.conBox .info .caution {margin-bottom:4px; font-size:13px; font-size:1.3rem; text-indent:-1em; padding-left:1em;}
.conBox .info .caution a {text-decoration:underline;}
.conBox .info .caution_list {margin-bottom:-3px;}
.conBox .info .caution_list li {font-size:12px; font-size:1.2rem; text-indent:-1em; padding:0 0 3px 1em;}
.conBox .info .sub_title {margin:10px 0 5px;}
.conBox .info .summcap {float:left;}
.conBox .info .summtxt {margin-left:220px; display:block;}
.conBox .error {font-size:16px; font-size:1.6rem; line-height:15px; color:#cc0000; border:1px #cc0000 solid; background:url(../../Common/images/icn/cancel.png) 7px 11px no-repeat; display:block; margin:5px 0 0; padding:10px 10px 10px 30px;}

.conBox input {padding:5px; box-sizing:border-box; color:#131314; outline:none;}
.conBox input[type="text"] {width:100%; border:1px solid #ccc;}
.conBox input.point {border:1px solid #ccc; text-align:right;}
.conBox textarea {border:1px solid #c2a9ae; color:#131314; height:100px; padding:5px;}
.conBox select {box-shadow:rgba(232,232,232,0.3) 0 0 3px 0 inset; border:1px solid #ccc; padding:1px 5px 3px;}
.conBox input[type="text"],.conBox textarea {margin:0 5px 8px 0; border:1px solid #ccc; box-shadow:rgba(232,232,232,0.3) 0 0 6px 0 inset;}
.conBox input[type="checkbox"] {margin-right:7px;}
.conBox input:focus,.conBox textarea:focus {outline:none;}
.conBox input[type="radio"] {margin-right:7px; vertical-align:text-top;}
.conBox #female {margin-left:40px;}

.conBox .button {display:inline-block; height:28px; line-height:28px; text-align:center;}
.conBox .button + .button {margin-left:10%;}
.conBox .button span {display:inline-block; padding:2px 12px 0; color:#ffffff; background:#df248d; border:1px solid #df248d; box-shadow:0 0 1px 0 #ffffff inset, 0 1px 0 #bc125c; border-radius:3px; font-weight:bold;}
.conBox .button:hover span,.conBox .button:focus span {background:#ef309b; border:1px solid #ef309b; box-shadow:0 0 1px 0 #ffffff inset, 0 0 0 #bc125c; -webkit-transform:translateY(2px); transform:translateY(2px);}

.conBox .form_btn {margin:0 auto; padding:20px 0; text-align:center;}
.conBox .form_btn input[type="button"],.conBox .form_btn input[type=reset],.conBox .form_btn input[type=submit] {border-top:1px solid #ccc; border-right:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #ccc; font-weight:bold; cursor:pointer; border-radius:3px; text-shadow:0 -1px 1px #ffffff, -1px 0 1px #ffffff, 1px 0 1px #aaaaaa; outline:none; font-size:20px; font-size:2rem; color:#333333; margin:0 30px; padding:6px 40px 4px;}
.conBox .form_btn input[type="button"]:hover,.conBox .form_btn input[type=reset]:hover, .conBox .form_btn input[type=submit]:hover {box-shadow:inset 0 1px 3px #e1e1e1, inset 0 -15px #cfcfcf, 1px 1px 2px #E7E7E7;}

.info_photo {margin-top:10px; border:1px solid #ccc; padding:15px;}
.info_list li {padding-bottom:5px;}
.item_photo {float:right; margin:0 0 20px 20px;}

.present_form {margin-top:40px!important;}
.present_content .box {display:inline-block; width:286px; position:relative; margin:10px 0 20px;}
.present_content .box .icon {position:relative; float:left;}
.present_content .box .icon img {margin:5px;}
.present_content .box .icon .add {display:block; position:absolute; top:110px; left:15px; z-index:10; color:red; font-weight:bold; font-size:12px; font-size:1.2rem; white-space:nowrap;}
.present_content .box .desc {color:#fff; margin-left:110px; height:80px; font-size:12px; font-size:1.2rem; line-height:1.3em; padding:5px;}
.present_content .box .desc .name {max-height:57px; margin-bottom:5px; padding-bottom:5px; font-weight:bold; font-size:14px; font-size:1.4rem;}
.present_content .box .enter {position:absolute; left:115px; top:90px;}
.present_content .box .enter .button {width:80px!important;}

.ui-dialog .ui-dialog-titlebar {border-bottom:1px solid silver; border-radius:0;}
.divDialog {max-width:700px;}
.divDialog .history {height:280px; padding:10px;}
.divDialog .history #tbHistory {width:100%; margin-bottom:10px;}
.divDialog .history #tbHistory thead td {text-align:center; font-weight:bold;}
.divDialog .history #tbHistory td {padding:5px 7px; border:1px solid silver; font-size:13px; font-size:1.3rem;}
.divDialog .history #tbHistory td.type {white-space:nowrap;}
.divDialog .history #tbHistory td.no {text-align:center;}
.divDialog .history #tbHistory td.point {text-align:right; white-space:nowrap;}

.info.end {text-align:center;}
.conBox .end p {margin:32px auto; color:#2c1c00; font-size:15px; font-size:1.5rem;}
.conBox .end + .form_btn {padding:32px 0 24px;}

/* ---------------------------------------------------------
3.header
---------------------------------------------------------*/
.header-top {position:relative; z-index:5; width:100%; height:40px; border-bottom:1px solid #222222; background:rgb(0 , 0, 0); background:linear-gradient(to bottom, rgb(0, 0, 0) 0%,rgb(17, 17, 17) 100%);}
.headerIn {width:96%; margin:0 auto; overflow:hidden;}
.header-top .paynet {float:left; width:66px; height:auto; margin-top:4px;}
.header-top .help {float:right; line-height:40px; color:#ffffff; font-size:12px; font-size:1.2rem;}
.header-top .help a {color:#dd0000;}
.header-top .help a:hover, .header-top .help a:focus {color:#ff0000; text-decoration:underline;}

.main-visual {position:relative; width:100%; background:url(../img/dqx202404/mainVisual_sp.jpg) center top / contain no-repeat;}
.main-visual::before {display:block; padding-top:calc(820 / 800 * 100%); content:'';}
.main-visual_inner {position:absolute; top:8px; left:50%; max-width:1200px; width:70%; height:100%; margin:0 auto; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.main-visual_inner * {margin:0 auto; text-align:center; line-height:0;}
.main-visual_inner .logo-dqx {max-width:209px;}
.main-visual_inner h1 {max-width:400px; margin:0 auto; margin-bottom:10px;}
.main-visual_inner .date {max-width:372px; width:95%;}

/* ---------------------------------------------------------
4.footer
---------------------------------------------------------*/
footer {width:100%; margin-top:40px; padding:17px 0; border-top:1px solid #000000; box-shadow:0 1px 0 #333333 inset; background-color:#000000; color:#ffffff;}
.footerIn {width:94%; max-width:1000px; margin:0 auto;}
.foot_logo {margin-bottom:5px;}
.copyright {font-size:12px; font-size:1.2rem; vertical-align:top;}

/* ---------------------------------------------------------
99.media queries
---------------------------------------------------------*/
/* 630px以上
----------------------------------------------------------*/
@media screen and (min-width: 630px) {
	.header {margin-bottom:9%;}
}

/* 768px以上
----------------------------------------------------------*/
@media screen and (min-width: 768px) {
	#pageTop {bottom:67px;}
	
	.contents {padding:24px; -webkit-box-shadow:0 2px 8px rgba(0, 0, 0, .35); box-shadow:0 2px 8px rgba(0, 0, 0, .35);}
	.contents h3 {font-size:23px; font-size:2.3rem;}
	.conBox .info {margin-top:16px; font-size:15px; font-size:1.5rem;}

	.conBox table.formtable { font-size:15px; font-size:1.5rem;}
	.conBox table p { font-size:14px; font-size:1.4rem;}
	.conBox input[type="text"] {width:73%;}
	.conBox .form_btn .button {height:32px; font-size:17px; font-size:1.7rem; line-height:32px;}
	.conBox .form_btn .button span {padding:2px 24px 0;}
	.conBox table th, .conBox table td {display:table-cell; width:auto; border:1px solid #ccc; vertical-align:middle;}
	.conBox table thead > tr:last-child td:last-child, table tbody .ticket thead > tr:last-child td:last-child {border:1px solid #ccc;}
	.conBox table th {width:26%;}

	.conBox .end p {margin:40px auto; font-size:16px; font-size:1.6rem;}

	.main-visual {background:url(../img/dqx202404/mainVisual_pc.jpg) center bottom / cover no-repeat;}
	.main-visual_inner {top:16px; width:70%;}
	.main-visual::before {padding-top:48%;}
	.main-visual_inner .logo-dqx {max-width:418px; width:50%; margin-bottom:4px;}
	.main-visual_inner h1 {max-width:744px;}
	.main-visual_inner .date { max-width:574px; width:78%;}

	footer {margin-top:56px;}
	.foot_logo {display:inline-block; width:172px; margin:0 30px 0 0;}
	.copyright {display:inline-block; width:calc( 94% - 196px );}
}

/* 1200px以上
----------------------------------------------------------*/
@media screen and (min-width: 1200px) {
	#pageTop {bottom:10px;}

	.contents {padding:32px;}
	.contents h3 {margin-bottom:16px; padding-left:19px; font-size:26px; font-size:2.6rem;}
	
	.conBox .info {padding:16px; font-size:16px; font-size:1.6rem;}
	.conBox .info .caution {font-size:14px; font-size:1.4rem;}

	.conBox table.formtable { font-size:16px; font-size:1.6rem;}
	.conBox table th, .conBox table td {padding:16px;}
	.conBox .form_btn .button {height:34px; font-size:18px; font-size:1.8rem; line-height:34px;}

	.conBox .end p {margin:48px auto; font-size:18px; font-size:1.8rem;}

	.main-visual::before {padding-top:532px;}
	.main-visual_inner h1 {}
	.main-visual_inner .date {width:100%;}

	.copyright {display:inline-block; width:auto;}
}