@charset "UTF-8";
body {
    font-size:80%;
    font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height:1.5;
    letter-spacing:0;
    color:#333333;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
    -ms-text-size-adjust: 100%;/*EgdeMobile*/
    -moz-text-size-adjust: 100%;/*firefox*/
}
.shadow{
    box-shadow: 0px 0px 10px #0000002e;
}
a {
color: #0066ff;
text-decoration: underline; 
}
a:visited { color: #0066ff; } 

/*---------------------------------------
テンプレート部分
---------------------------------------*/
 #d_container {
margin: 0 auto; }

/*---------------------------------------
header
---------------------------------------*/

#d_container ul, #backMain .linkBtn{
margin: 0;
padding: 0;
}

#d_header {
height: 108px;
border-top: 4px solid #ffdc4e;
}
#d_header div.mainHead {
    width: 100% !important;
    padding: 0 30px;
    box-sizing: border-box;
}
#d_header .headerL {
float: left;
width: 200px;
overflow: hidden;
}

#d_container ul, #backMain .linkBtn{
    margin: 0;
    padding: 0;
}

#d_header {
    height: 80px;
    border-top: 4px solid #ffdc4e;
    box-shadow: 0px 0px 10px #0000002e;
}

#d_header .headerL {
    float: left;
    width: auto;
    overflow: hidden;
}

#d_header .headerL h1.siteLogo{
    margin: 12px 0 11px 0;
}

#d_content .outlineSentence{
    line-height: 1.8;
    margin-bottom: 8px;
}

/*会員情報 */
/* #d_header .memberinfo{
    height: 28px;
    background: #666;
    text-align: right;
    color: #FFF;
} */

.form{
    margin-top: 20px;
}

/*---------------------------------------
footer
---------------------------------------*/
#d_footer{
    margin:40px 0 0;
    background: #666;
}
#d_footer .footermain{
    background: #666;
    padding-bottom: 25px;
    width: 100%;
    color: #fff;
    bottom: 0;
}

#d_container #d_footer .goTop{
    text-align: right;
    margin-bottom: 25px;
}

#d_footer .goTop a{
    background: #000;
    display: block;
    width: 100px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin-left: auto;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    position: relative;
}

#d_footer .goTop a:before{
    content: "";
    display: block;
    position: absolute;
    left: 8px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 7px solid transparent;
    border-bottom: 7px solid #fff;
    top: 4px;
}

#d_footer .textcopy .footerLogo{
width: 237px;
float: left;
}

#d_footer .textcopy .footerLogo img{
margin-bottom: 6px;
}

#d_footer .textcopy{
    display: block;
}

#d_content .btnFormNavi li{
    display: inline-block;
    margin: 0;
    /*padding: 0 6px;*/
}

#d_breadcrumb {
    width: 960px;
    font-size: 13.28px;
    padding: 15px 0 0;
    margin: 0 auto;
}
#d_breadcrumb li {
    display: inline;
}
#d_breadcrumb li span{
    margin: 0 6px 0 4px;   
}

/*--------------------------------
important
------------------------------------------------*/
#d_header div.mainHead,
#d_content,
#d_content .policyBox,
#d_content .topSpace,
#d_content #d_breadcrumb,
#d_content h1.pageHead,
#d_content div.columns,
#d_content .inquiryBlock,
.topPage #d_footerNavi,
#d_footer div.footermain div{
width: 960px;
margin: 0 auto;
}

/*--------------------------------
clearfix
------------------------------------------------*/

#d_header .mainHead:after,
#d_container .columns:after,
#d_mainContent .topPickup:after,
#d_mainContent .mainMenu:after,
#d_mainContent .goodValue:after,
#d_mainContent .topCampaign:after,
#d_mainContent .topNews dl:after,
#d_footer .footerBanner:after,
#d_footer .footermain .serviceBnr:after,
#d_footer .footermain .footerTextlink:after,
#d_footer .textcopy:after,
.clearfix:after {
content: "";
display: block;
visibility: hidden;
height: 0;
clear: both; }

/*　見出し　*/
#d_content .pageHead,
#d_content .pageHead02, #d_content .pageHead03{
    font-size: 2.0em;
    margin: 20px auto 6px !important;
    line-height: 1.3;
    padding: 6px 0 0; 
}
#d_content .exHead {
    font-size: 1.45em;
    margin: 0 0 5px; 
    line-height: 1.3; 
}

/* 赤字用 */
.atn {
    color: #fff;
    font-size: 12px;
    background: #f30000;
    padding: 1px 4px;
    margin-left: 4px;
}
.text_red{
    color:#f30000;
}
.adAttention{
    color:#f30000; 
    margin-top: 8px;   
}
/* 太字用 */
.bold { font-weight: bold; }

.btnFormNavi li{
    position: relative;
}
.btnFormNavi-column2{
    display: flex;
    justify-content: center;
    gap: 30px;
}

.confirmBtn, .confirmBtnBack{
    width: 350px;
    /* height: 100px; */
    background-color: rgba(255,205,54,1);
    text-align: center;
    line-height: 1.5;
    font-size: 20px;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
    outline: 0;
    position: relative;
    display: block;
    margin: 0 auto;
    border: 0;
    -webkit-transition: 0.3s;
    text-indent: -10px;
    padding: 20px 54px;
}
.confirmBtnBack{
    background-color: #F4F4F4;
    margin-right: 30px;
}
.confirmBtn:hover{
    background-color:  rgba(255, 234, 147,0.7);;    
}
.confirmBtnBack:hover{
    background-color:  rgba(255, 234, 147,0.7);;    
}

.qrtickets .confirmBtn:after{
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
}
.qrtickets .confirmBtnBack::before{
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
.qrtickets .confirmBtn,.qrtickets .correctionBtn,.qrtickets .btn{
    background-color: #4F52B9;
    color: #fff;
    font-weight: bold;
    text-decoration: none !important;
    border-radius: 3px;
}
.qrtickets .confirmBtnBack{
    background-color: #ccc;
    color: #fff;
    font-weight: bold;
    text-decoration: none !important;
    border-radius: 3px;
}
.qrtickets .confirmBtnBack:hover{
    opacity: 0.7;
}
.qrtickets .btn-dk{
    background-color: #00002d;
}
.qrtickets .btn-dk:hover{
    background-color: #00002d !important;
    opacity: 0.7;
}
.qrtickets .confirmBtn:hover,.qrtickets .correctionBtn:hover,.qrtickets .btn:hover{
    background-color: rgba(79,82,185,.7);;
}

.correctionBtn {
    width: 300px;
    background-color: #e3e3e3;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
    outline: 0;
    position: relative;
    border: 0;
    -webkit-transition: 0.3s;
    padding: 20px 54px;
}
.correctionBtn:hover{
    background-color: #e7e7e7;
}
.correctionBtn:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: 16px;
    width: 10px;
    height: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 40%;
}

.g-recaptcha div{
    margin: 0 auto;
}
.g-recaptcha{
    margin: 50px 0 20px 0;
}

/*チェックボックス*/
label.list-checkbox {
    display: block;
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    font-size: 13px;
}
label.list-checkbox::before {
    content: "";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    left: 0;
    border: 1px solid #ccc;
    z-index: 3;
    border-radius: 2px;
}
label.list-checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    display: block;
    top: 0;
    left: -40px;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 40px 0 #fff;
    box-shadow: 40px 0 #fff;
    outline: none;
    z-index: 2;
}
label.list-checkbox::after {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 9px;
    top: 10px;
    left: 6px;
    margin-top: -8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
}
label.list-checkbox.lend::after {
    border-right: 2px solid #1c9acf;
    border-bottom: 2px solid #1c9acf;
}
label.list-checkbox::after:checked {
      z-index: 2; 
}
label.list-checkbox input[type="checkbox"]:checked {
      z-index: 1; 
}

:placeholder-shown {
    color: #bbb;
    font-size: 12px !important;
}
::-webkit-input-placeholder {
    color: #bbb; 
}

input:disabled {
    background-color: #ccc !important;
    cursor: default;
}

/*input:required,select:required{background: #fdd7d7;}*/

input:valid,select:valid{background: transparent;} 

.inputBtn .confirmBtn .confirmBtnBack{
    width: 300px;
}

.confirmBtn:disabled{
    background-color: #ccc !important;
    color: #999;
    cursor: no-drop;
}

.confirmBtn:after{
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 16px;
    width: 10px;
    height: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
}
.confirmBtnBack::before{
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: 16px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
}

.confirmBtn:disabled:after{
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 16px;
    width: 10px;
    height: 10px;
    border-top: 3px solid #999;
    border-right: 3px solid #999;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
}

.btnFormNavi input{
    border: 0;
}

.category_select{
    position: relative;
    cursor: pointer;
    padding-right: 0;
    width: 30%;
}
select{
    width: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.category_select:after
{
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    width: 0;
    height: 0;
    margin: auto;
    content: '';
    border-top: 4px solid #999;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
textarea{
    width: 54%;
    display: inline-block;
    vertical-align: middle;
    padding: 4px;
    border: 1px solid #ccc;
    -webkit-appearance: none;
}

/*ボタン*/

.btnAdSearch .serchbtnn {
    border: none;
    background: rgba(28,154,207,1);
    height: 26px;
    line-height: 23px;
    text-align: center;
    font-size: 14px !important;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    padding: 0 16px 0 28px;
}
input[type="button"]{
     border: none;
    background: rgba(28,154,207,1);
    height: 26px;
    line-height: 23px;
    text-align: center;
    font-size: 14px !important;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    padding: 0 16px 0 28px;   
    height: 40px !important;
}

.checkbox01-input, .checkbox02-input, .checkbox03-input{
    display: none;
}

.checkbox01-input, .checkbox02-parts {
    padding-left: 20px;
    position: relative;
}

.checkbox01-parts::before,
.checkbox02-parts::before{
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;  
}

.checkbox01-input:checked + .checkbox01-parts::after,
.checkbox02-input:checked + .checkbox02-parts::after,
.checkbox03-input:checked + .checkbox03-parts::after  {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 4px;
    height: 10px;
    transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    border-bottom: 3px solid #1c9acf;
    border-right: 3px solid #1c9acf;
}

#d_content table.figForm .wrap label, #d_content table.figForm .wrap .btnAdSearch {
    vertical-align: middle !important;
    display: inline-block !important;
    float: none;
}

.ic_search:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0px;
    width: 15px;
    background: url(/dynamic/images/common/common_ic01.svg) center center no-repeat;
    background-size: 15px 15px;
    left: 7px;
}

#d_content select {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding: 2px 4px;
    border: 1px solid #ccc;
    height: 26px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#d_content select::-ms-expand {
    display: none;
}

#d_content .annotation{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.9em;
}

#d_content .radioWrap label{
    width: 66% !important;
    display: block;
    position: relative;
    margin-bottom: 16px;
    overflow: hidden;
}

#d_content .privacy label{
    overflow: hidden;
}

#d_content .radioWrap label:last-child{
    margin-bottom: 0;
}

#d_content .other{
    display: block !important;
}
#d_content .checkWrap label {
    position: relative;
    display: block;
    margin-bottom: 16px;
    overflow: hidden;
}

#d_content .checkWrap label:last-child{
    margin-bottom: 0;
}

#d_content textarea{
    width: 100%;
    padding: 4px;
    line-height: 1.6;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#d_content .pageHead{
    font-weight: bold;
}

#d_content h2{
    font-weight: bold;
}

.ic_search:after{
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0px;
    width: 15px;
    background: url(/common/images/common_ic01.svg) center center no-repeat;
    background-size: 15px 15px;
    left: 7px;
}

#d_content table.figForm .btnAdSearch{
    position: relative;
}
.contract-header {
	display: flex;
	align-items: center;
	width: 100%;
}
.contract-header a {
	margin-left: auto;
	width: 80px;
	height: 30px;
	line-height: 30px;
    height: 40px !important;
    line-height: 3 !important;
}
.zipcode-form{
    display: flex;
    gap: 8px;
}

/*チェックボックス*/
.checkbox01-parts{
  padding-left: 20px;
  position:relative;
}
.checkbox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/*
----------------------------------------------
コンテンツ部
----------------------------------------------
*/

.expanation{
    padding: 0 30px;
}
/*　ページフロー　*/
#d_content .pageFlow {
    overflow:hidden;
    zoom:1;
    display: flex !important;
    margin: 6px 0 15px;
}

#d_content .pageFlow li {
    background: #E7E7E7;
    border: 1px solid #ccc;
    float:left;
    width:100%;
    height:40px;
    line-height:40px;
    white-space:nowrap;
    background:url(<MTGetVar name="root_prefix">dynamic/images/common/common_navi_flow_n.gif) no-repeat left top;
    padding: 0 10px;
    text-align:center;
    font-size:1.5em;
    font-weight:bold;
    color: #c2c2c2;
    overflow: visible;
    position: relative;
}

#d_content .pageFlow li:before {
    content: "";
    position: absolute;
    right: -40px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left: 20px solid #ccc;
    z-index: 10;
}

#d_content .pageFlow li:after {
    content: "";
    position: absolute;
    right: -38px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left: 20px solid #e7e7e7;
    z-index: 10;
}

#d_content .pageFlow .active{
    background: #000;
    color: #fff;
}

#d_content .pageFlow li.active:before {
    content: "";
    position: absolute;
    right: -40px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left: 20px solid #000;
    z-index: 10;
}

#d_content .pageFlow li.active:after {
    content: "";
    position: absolute;
    right: -38px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left: 20px solid #000;
    z-index: 10;
}

#d_content .pageFlow li:last-child:before,
#d_content .pageFlow li:last-child:after {
    display: none;
}

#d_content .contentBlock {
    margin:0 0 40px;
}

/*表組*/
#d_content table.figForm, #d_content table.figForm02 {
    width:100%;
    border-collapse:collapse;
    margin:0 0 15px;
    border: 0;
}

#d_content table.figForm th, #d_content table.figForm02 th {
    width:11%;
    text-align:left;
    padding:0 10px 0 20px;
    background:#f4f4f4;
    font-weight:normal;
}

#d_content th.sub{
    width: 11% !important;
    border-left: 1px solid #ccc !important;
    line-height:    2.5;
    padding: 20px 0 14px 16px !important;
}

#d_content table.figForm th, #d_content table.figForm td, #d_content table.figForm02 th, #d_content table.figForm02 td {
    padding:16px;
    vertical-align:top;
    border-bottom:1px solid #cccccc;
    border-top:1px solid #cccccc;
    border-left: 0;
    border-right: 0;
    line-height: 1.6;
}
#d_content table.figForm .radioWrap td{
    padding:16px 16px 0 16px;
    vertical-align:top;
}
#d_content table.figForm td {
    width:38%;
    vertical-align:middle;
}
#d_content .btnFormNavi{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
}

#d_content .btnFormNavi, #d_content .btnFormNavi02 {
    text-align:center;
    margin:0;
    margin-top: 44px;
}

#d_content .btnFormNavi li,
#d_content .btnFormNavi03 li {
    /*margin:0 5px;*/
}

/*finish*/
.box {
    text-align: center;
    border: 1px solid #fed600;
    padding: 20px 20px 20px 40px !important;
}
.textlvl_02 {
    font-size: 16px;
    width: 100%;
    text-align: left;
}

.toTop .confirmBtn {
    background-color: #e3e3e3;
    width: 300px;
}
.dlBtn .confirmBtn {
    background-color: rgba(255,205,54,1);
    color: #333333;
    text-decoration: none;
    width: 272px;
    position: relative;
}
.dlBtn .confirmBtn:after{
    display: none;
}
.dlBtn .confirmBtn:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 24px;
    width: 27px;
    background: url(/dynamic/images/common_ic02.png) center center no-repeat;
    background-size: 27px 23px;
    right: 20px;
    height: 25px;
}

/*汎用*/
.add_detail{
    display: none;
    margin-top: -8px;
    margin-bottom: 16px;
}
.dis_inline{
    display: inline !important;
}
.vertical_center{
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}
.flex {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}
.sp_only{
    display: none;
}
.mb8{margin-bottom: 8px !important;}
.mb16{margin-bottom: 16px;}
.mt8{margin-top: 8px;}

/*error*/
#d_content .error-box {
    border: 2px solid #f53534;
    background: #fff1e8;
    padding: 16px 20px 14px 20px;
    margin: 0 auto 20px;
}
#d_content .error-box .error-heading {
    font-weight: bold;
    font-size: 1.16em;
    margin-bottom: 4px;
}
#d_content .error-box .text {
    margin: 0 0 10px;
}
#d_content .error-box .allMessages li {
    background: url(/dynamic/images/common_ic_error.gif) no-repeat left 5px;
    padding: 3px 0 0 18px;
    color: #ff0000;
    font-weight: bold;
    margin: 0 0 3px;
    text-align: justify;
}
#d_content .error-box li:last-child {
    margin-bottom: 0;
}

.serchbtn02{
    background-color: rgba(255,205,54,1);
    text-align: center;
    line-height: 1.5;
    font-size: 20px;
    font-weight: normal;
    border-radius: 6px;
    cursor: pointer;
    outline: 0;
    position: relative;
    display: block;
    margin: 0 auto;
    border: 0;
    -webkit-transition: 0.3s;
    text-indent: -10px;
    padding: 20px 54px;
    border: none;
    background: rgba(28,154,207,1);
    height: 26px;
    line-height: 23px;
    text-align: center;
    font-size: 14px !important;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    padding: 0 16px 0 40px;
}
#d_content .privacy p{
    line-height: 1.8;
    font-size: 13px;
}
.receptionTime {
    border: 1px solid #ccc;
    padding: 10px 16px;
    margin-bottom: 20px !important;
    text-align: justify;
}
.mb6 {
    margin-bottom: 6px !important;
}

.qrtickets .l-main-login{
    background-image: none;
    min-height: 580px;
    padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .l-main-column {
    padding: 16px;
  }
}
.qrtickets input[type=tel],.qrtickets input[type=text],.qrtickets input[type=password]{
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    vertical-align: middle;
    height: 40px;
}
.qrtickets .l-main-login input[type=tel],.qrtickets .l-main-login input[type=text],.qrtickets .l-main-login input[type=password]{
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    vertical-align: middle;
    width: 100% !important;
    height: 40px;
}
@media screen and (max-width: 768px) {
  .qrtickets input[type=tel],.qrtickets input[type=text]{
    width: 100% !important;
    }
    .qrtickets input[type=text][name="newPassword"], .qrtickets input[type=password][name="newPassword"],.qrtickets input[type=text][name="currentPassword"], .qrtickets input[type=password][name="currentPassword"],.qrtickets input[type=text][name="confirmNewPassword"], .qrtickets input[type=password][name="confirmNewPassword"]{
    width: 72% !important;
    }
  .qrtickets .l-main-login input[type=tel],.qrtickets .l-main-login input[type=text],.qrtickets .l-main-login input[type=password]{
    width: 100% ;
    }
}
.qrtickets .l-main-login input[type=text],.qrtickets .l-main-login input[type=password]{
    background-color: rgb(232, 240, 254) !important;
}
.qrtickets .l-main-mb25{
    margin-bottom: 25px !important;
}

.qrtickets .l-footer-list{
    margin: 0 auto !important;
}
.qrtickets .l-footer a:visited{
    color: #fff !important;
}
.qrtickets table.figForm th{
    width: 17% !important;
}
.qrtickets .category_select{
    width: 25% !important;
}
.qrtickets  .fwb{
    font-weight: bold !important;
}
.l-header-logo{
    color: black !important;
}
.qrtickets  .correctionBtn:before{
    content: none;
}

/* qrtimesticketweb headline */
.qrtickets .ttl-white,.qrtickets .ttl-blue{
    background-color: #F1F1F1;
}
.qrtickets .qrtickets_ttl{
    width: 100%;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 8px;
    font-weight: bold;
    margin-top: 0 !important;
}
.qrtickets .qrtickets_ttl h2{
    font-size: 15px !important;
    padding: 0 !important;
}
.qrtickets .qrtickets_ttl a.btn-hvr{
    color: #333;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
}
.qrtickets .qrtickets_ttl a.btn-hvr::after {
    content: "";
    left: -7px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg);
    position: absolute;
    top: 4px;
}
.qrtickets .ttl-square-border::after{
    background: #1d2087;
}
.qrtickets .ttl-sub-yellow{
    border-left: 4px solid #1d2087;
}
.qrtickets .ttl-square::after{
    background: #1d2087;
}

/* textarea */
.qrtickets .d_dateSetTarget input[type=text]{
    width: 72%;
    padding: 0;
    padding-left: 30px;
}
.billingDetailsInquiry .l-main-csv{
    margin-bottom: 20px;
}
.l-main-csv input{
    width: 250px;
}


/* ticketIssueHistorySearch */
.qrtickets .l-main-search-result .search_result{
    position: absolute;
    right: 40px !important;
}
.qrtickets .ttl-arrow .search_result{
    position: static !important;
}
.qrtickets .ticketIssueHistorySearch #d_tableItem,
.qrtickets .ticketIssueHistorySearch #d_tableItem .t_body,
.qrtickets .billingDetailsInquiry #d_tableTitle,
.qrtickets .billingDetailsInquiry #d_tableItem,
.qrtickets .billingDetailsInquiry #d_tableItem .t_body{
    width: 100% !important;
}
.qrtickets .ticketIssueHistorySearch .t_hidden{
    height: 100%;
}
.qrtickets .ticketIssueHistorySearch #d_tableTitle{
    width: 100% !important;
}
.qrtickets .ticketIssueHistorySearch #d_tableTitle table th,.qrtickets .billingDetailsInquiry #d_tableTitle table th{
    padding: 10px 19px !important;
    font-weight: bold;
}
.qrtickets .ticketIssueHistorySearch{
    border-bottom: 1px solid #ddd;
}
.qrtickets .ticketIssueHistorySearch #d_tableTitle table th{
    border-bottom: 1px solid #ddd;
}
.qrtickets .ticketIssueHistorySearch #s_itemBody tr:nth-child(1) td{
    border-top: none !important;
}
.qrtickets .ticketIssueHistorySearch #s_itemBody tr:last-child td{
    border-bottom: none !important;
}
.qrtickets .ticketIssueHistorySearch #d_tableTitle table th,.qrtickets .ticketIssueHistorySearch #d_tableItem table td{
    text-align: center;
}
.qrtickets .ticketIssueHistorySearch #d_tableTitle table th:nth-child(1),.qrtickets .ticketIssueHistorySearch #d_tableItem table td:nth-child(1){
    width: 17% !important;
}
.qrtickets .ticketIssueHistorySearch #d_tableTitle table th:nth-child(2),.qrtickets .ticketIssueHistorySearch #d_tableItem table td:nth-child(2){
    width: 13% !important;
}
.qrtickets .ticketIssueHistorySearch #d_tableTitle table th:nth-child(3),.qrtickets .ticketIssueHistorySearch #d_tableItem table td:nth-child(3){
    width: 9% !important;
}
.qrtickets .ticketIssueHistorySearch #d_tableTitle table th:nth-child(4),.qrtickets .ticketIssueHistorySearch #d_tableItem table td:nth-child(4){
    width: 19% !important;
}
.qrtickets .ticketIssueHistorySearch #d_tableTitle table th:nth-child(5),.qrtickets .ticketIssueHistorySearch #d_tableItem table td:nth-child(5){
    width: 18% !important;
}
.qrtickets .ticketIssueHistorySearch #d_tableTitle table th:nth-child(6),.qrtickets .ticketIssueHistorySearch #d_tableItem table td:nth-child(6){
    width: 12% !important;
}
.qrtickets .ticketIssueHistorySearch #d_tableTitle table th:nth-child(7),.qrtickets .ticketIssueHistorySearch #d_tableItem table td:nth-child(7){
    width: 12% !important;
}
.qrtickets .billingDetailsInquiry #d_tableTitle table th,.qrtickets .billingDetailsInquiry #d_tableItem table td{
    width: 18.2% !important;
    height: 35px;
    text-align: center;
}
.qrtickets .billingDetailsInquiry #d_tableTitle table th:nth-child(1), .qrtickets .billingDetailsInquiry #d_tableItem table td:nth-child(1){
    width: 9% !important;
}

/* left nav */
.qrtickets .is-select{
    background-color: #F5F5F5;
}

/* btn */
.qrtickets input[type=submit].btn-blue, .btn-blue{
    background-color: #4F52B9 !important;
    text-decoration: none !important;
    font-weight: bold !important;
    border-radius: 3px !important;
    color: #fff !important;
}
.l-main-error .qrtickets input[type=submit].btn-blue, .l-main-error .btn-blue{
    margin: 0 auto;
    width: 350px;
}
@media screen and (max-width: 768px) {
.l-main-error .qrtickets input[type=submit].btn-blue, .l-main-error .btn-blue{
        width: 300px !important;
    }

}
.qrtickets button.modalClose {
    text-decoration: none;
    border-bottom: 1px solid #04076E;
    border-radius: 3px;
    width: 100%;
}
.qrtickets .btn-pager{
    color: inherit !important;
}
.qrtickets .btn-arrow.white::after{
    background-image: url(/common/svg/corp_common_ic021.svg) !important;
}

/* billingDetailsInquiry */
.qrtickets .billingDetailsInquiry .t_hidden{
    overflow-y: visible !important;
    height: auto !important;
}

/* header */
.qrtickets .l-header-bg.black{
    background-color: #1d2087;
}

/* heading */
.qrtickets .l-main-login-column-confirm h2{
    background-color: unset !important;
}

/* modal */
.qrtickets .modal{
    position: fixed;
}

/* checkbox */
.qrtickets label.list-checkbox::before{
    width: 20px;
    height: 20px;
}
.qrtickets label.list-checkbox{
    padding-left: 30px;
    font-size: 12px;
}

/* devicelist */
.qrtickets .devicelist .bg-active,.qrtickets .devicelist .bg-removal,.qrtickets .devicelist .gb-stop {
	padding: 2px 5px;
	width: 90px;
	display: inline-block;
	font-weight: bold;
}
.qrtickets .devicelist .bg-active {
	color: #3c65c7;
	border: 1px solid #3c65c7;
}

.qrtickets .devicelist .bg-removal {
	color: #808080;
	border: 1px solid #808080;
}

.qrtickets .devicelist .gb-stop {
	color: #dd4455;
	border: 1px solid #dd4455;
}
.qrtickets .devicelist .authentication_txt{
	margin-top: 10px;
	border: 1px solid #4F52B9;
	box-sizing: border-box;
	padding: 10px;
	color: #4F52B9;
}
.qrtickets .devicelist .l-main-csv{
	flex-direction: column;
}
.qrtickets .devicelist ::placeholder {
  color: #909090;
}
.qrtickets .devicelist table th,.qrtickets .devicelist table td {
	width: 18.2% !important;
	height: 45px;
	text-align: center;
}
.qrtickets .devicelist input[type="text"] {
	background-color: rgb(232, 240, 254)!important;
	padding: 5px 7px !important;
	max-width: 245px;
}

.qrtickets .ticketIssueHistorySearch #d_tableTitle:has(+ .t_scroll) {
    width: calc(100% - 17px) !important;
}

.t_scroll{
    overflow-y: scroll !important;
}
.t_scroll::-webkit-scrollbar {
    width: 17px;
    background-color: #f1f1f1;
    text-align: center;
}
.t_scroll::-webkit-scrollbar-thumb {
    background: #8b8b8b;
    width: 17px;
    display: block;
    border-radius: 20px;
    border: #f1f1f1 4px solid;
}
.t_scroll::-webkit-scrollbar-button:single-button {
    display: block;
    height: 17px;
    width: 17px;
}
.t_scroll::-webkit-scrollbar-button:single-button:vertical:decrement {
    background: url(/dynamic/images/common_ic04.svg) center no-repeat;
    background-size: 8px 6px;
}
.t_scroll::-webkit-scrollbar-button:single-button:vertical:increment {
    background: url(/dynamic/images/common_ic03.svg) center no-repeat;
    background-size: 8px 6px;
}
/* 発行ツール追加申込（issueToolRequest.html） */
.qrtickets input.backgroundGray{
    background-color: #e8e8e8;
    box-shadow: 0 0 0 100px #e8e8e8 inset;
}
.qrtickets input.backgroundGray:is(:-webkit-autofill, :autofill){
    background-color: #e8e8e8;
    box-shadow: 0 0 0 100px #e8e8e8 inset;
}
.qrtickets input[type=tel].onTeedaError.backgroundGray,
.qrtickets input[type=text].onTeedaError.backgroundGray,
.qrtickets input[type=password].onTeedaError.backgroundGray {
    border: 1px solid #dddddd !important;
}

@media screen and (max-width: 768px) {
    #d_content h2{
        font-size: 14px;
    }
    body {
      -webkit-text-size-adjust: 100%;
    }
    .sp_only{
        display: block;
    }
    .sp_block{
        display:inline-grid;
        display: -webkit-inline-box;
        padding: 2px 6px !important;
    }
    .sp_display_none{
        display: none !important;
    }
    #d_container,
    #d_header div.mainHead {
        width: auto;
    }
    #d_header div.mainHead {
        padding: 0;
    }
    #d_container .containerInner #d_content{width: auto;}
    .qrtickets .containerInner #d_content{width: 960px !important;}
    #d_content .pageHead {
        font-size: 1.5em;
        margin: 0 0 24px;
    }
    #d_content .contentBlock {margin: 0 0 8px;}
    #d_content .btnFormNavi li {margin:0;}

    /*------------- header -------------*/

    #d_header {
        border-top: 3px solid #ffdc4e;
        height: 60px;
        background: #fff;
        -webkit-background: #fff;
    }

    #d_header .headerL h1.siteLogo {
        display: inline-block;
        background-image: url(/common/images/common_logo001.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 138px 29px;
        width: 138px;
        height: 29px;
        margin: 0
    }

    #d_header .payform h1.siteLogo {
        display: inline-block;
        background-image: url(/common/images/common_logo001.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 158px auto;
        width: 158px;
        height: 44px;
        margin: 0;
    }

    #d_header .headerL .siteLogo img,
    #d_header .memberinfo{
        display: none;
    }

    #d_breadcrumb {
        display: none;
    }

    /*------------- footer -------------*/
    #d_footer {
        text-align: center;
        height: 42px;
    }

    #d_container #d_footer .textcopy .footerLogo {
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 98px 11px;
        margin: 0 auto;
        /*padding: 0 5px 0 0;*/
        float: none;
        line-height: 56px;
    }

    #d_footer .textcopy .footerLogo img{
        margin-right: 5px;
    }

    #d_footer div.footermain{
        margin: 0;
    }
    #d_footer div.footermain div{
        max-width: 100%;
        text-align: center;
    }

    #d_footer .copyright img,
    #d_footer .footerTextlink,
    #d_footer .footerBanner,
    #d_footer .goTop,
    #d_footer .footerTit,
    #d_footer .serviceBnr {
        display: none;
    }

    #d_content{
        width: 100%;
    }
    #d_content .exHead{
        margin: 0 0 12px;   
        line-height: 1.5;
    }
    #d_content .outlineSentence{
        line-height: 1.6;
        margin-bottom: 16px;
    }

    .expanation{
        width: 95%;
        margin: 20px auto;
        padding: 0;
    }
    #d_content .pageFlow{
        display: flex;
        display: -ms-flexbox; 
        display: -webkit-box; 
        display: -webkit-flex; 
        margin-bottom: 0;
    }
    #d_content .pageFlow li{
        margin-bottom: 20px;
    }

    #d_content .pageFlow li:last-child{
        margin-bottom: 10px;
    }

    #d_content table.figForm td, #d_content table.figForm02 td, #d_content .privacy {
        width: 94%;
        display: block;
        border: 0;
        padding: 0 3%;
        font-size: 1.0rem;
        margin: 16px auto 0 auto;
        font-size: 14px;
    }

    #d_content .privacy{
        font-size: 13px;
        line-height: 1.6;
    }

    #d_content table.figForm th, #d_content table.figForm02 th {
        border: 0;
        width: 94%;
        display: block;
        margin-top: 20px;
        font-size: 14px;
        margin: 20px auto 0 auto;
        padding: 10px 3% 10px 3%;
    }
    #d_content table.figForm .radioWrap td{
        padding: 0;
    }

    #d_content tr{
        display: block;
        margin-bottom: 12px;
    }
    .qrtickets tr{
        display: table-row !important;
        margin-bottom: 0 !important;
    }
    .qrtickets table.figForm th, .qrtickets table.figForm02 th{
        border-bottom: 1px solid #cccccc !important;
        border-top: 1px solid #cccccc !important;
        border-left: 0 !important;
        border-right: 0 !important;
        display: table-cell !important;
        font-size: 14px !important;
        padding: 16px !important;
    }
    .qrtickets table.figForm td, .qrtickets table.figForm02 td, .qrtickets .privacy{
        width: 38%;
        display: table-cell !important;
        border-bottom: 1px solid #cccccc !important;
        border-top: 1px solid #cccccc !important;
        border-left: 0 !important;
        border-right: 0 !important;
        padding: 16px !important;
        margin: 0 !important;
        font-size: 14px !important;
    }
    #d_content .btnFormNavi li.inputBtn .checkBtn
    #d_content input[type="text"],
    #d_content input[type="number"],
    #d_content input[type="tel"],
    #d_content input[type="email"] {
        width: 94%;
        font-size: 14px;
        padding: 8px;
        line-height: 1.2;
        margin-bottom: 4px;
    }

    .checkbox01-input, .checkbox02-parts{
         display: inline-block;   
    }

    #d_content .radioWrap label{
        width: 90% !important;
        display: inline-block;
        position: relative;
        margin-bottom: 16px;
    }

    #d_content .checkWrap label {
        display: block;
        position: relative;
        margin-bottom: 16px;
    }

    #d_content .annotation {
        width: 95%;
        line-height: 1.8;
    }

    #d_content th.sub{
        width: 90% !important;
        border-left: 0 !important;
        background: #fff !important;
        padding: 1% !important;
        margin: 0 auto;
        border-left: 6px solid #ccc !important;
        line-height: 1.0;
        padding-left: 8px !important;
        margin-left: 3% !important;
    }

    #d_content .subWrap td{
        padding-bottom: 0 !important;
    }

    #d_content .other{
        display: block !important;
    }

    #d_content .btnFormNavi{
        flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        display: flex;
        flex-direction: column-reverse;
    }

    #d_content .btnFormNavi li{
        display: block;
        padding: 0 5%;
        margin-bottom: 10px;
        font-size: 16px;
    }
    #d_content .btnFormNavi .inputBtn{
        width: 100%;
        padding: 0;
    }
    #d_content .btnFormNavi .inputBtn input{
        width: 100%;
    }

    #d_footer .textcopy .footerLogo {
        width: 100%;
    }

    #d_footer .textcopy .footerLogo img{
        display:inline-block;
        margin: 0 auto 5px auto;
        /*width: 40%;*/
    }

    #d_content textarea{
        width: 98%;
    }

    #d_content .pageHead{
        width: 100% !important;
        text-align: left !important;
        margin-top: 36px !important;
        margin-bottom: 16px !important;
        font-size: 1.6rem;
    }

    #d_content table.figForm .annotation, #d_content table.figForm02 .annotation {
        font-size: 0.75em;
        line-height: 1.5;
    }

    #d_content select {
        width: 100%;
        font-size: 16px;
        padding: 4px 6px;
        height: 34px;
    }

    .pc_only{
        display: none;
    }

    #d_content select {
    font-size: 14px !important;
    }

    .category_select {
    width: 50%;
    }

    .correctionBtn,.confirmBtn{
        width: 100%;
    }
    .qrtickets .correctionBtn,.qrtickets .confirmBtn{
        width: 300px;
    }

    .atn{
        padding: 1px 6px;
        vertical-align: middle;
       display: inline-block;
    }

    .btn100per{
        width: 95% !important;
        padding: 0 !important;
    }

    #d_content .pageFlow li {
        background: #E7E7E7;
        border: 1px solid #ccc;
        float:left;
        width:100%;
        height:30px;
        line-height:30px;
        white-space:nowrap;
        background:url(<MTGetVar name="root_prefix">dynamic/images/common/common_navi_flow_n.gif) no-repeat left top;
        padding: 0 10px;
        text-align:center;
        font-size:1.5em;
        font-weight:bold;
        color: #c2c2c2;
        overflow: visible;
        position: relative;
    }

    #d_content .pageFlow li:before {
        content: "";
        position: absolute;
        right: -32px;
        width: 0;
        height: 0;
        border: 15px solid transparent;
        border-left: 15px solid #ccc;
        z-index: 10;
    }

    #d_content .pageFlow li:after {
        content: "";
        position: absolute;
        right: -30px;
        width: 0;
        height: 0;
        border: 15px solid transparent;
        border-left: 15px solid #e7e7e7;
        z-index: 10;
    }

    #d_content .pageFlow li.active:before {
        content: "";
        position: absolute;
        right: -30px;
        width: 0;
        height: 0;
        border: 15px solid transparent;
        border-left: 15px solid #000;
        z-index: 10;
    }

    #d_content .pageFlow li.active:after {
        content: "";
        position: absolute;
        right: -30px;
        width: 0;
        height: 0;
        border: 15px solid transparent;
        border-left: 15px solid #000;
        z-index: 10;
    }
    #d_content .btnFormNavi li.inputBtn .checkBtn{
        width: 90%;
    }
    .qrtickets .btnFormNavi li.inputBtn .checkBtn{
        width: 300px !important;
    }
    #d_footer {
        height: auto;
    }

    #d_footer .logo{
        width: 101px;
        margin-right: 10px;
    }

    #d_footer .copyright{
        width: 195px;
    }

    #d_header .headerL .siteLogo {
        margin: 0;
        margin-left: 8px;
    }

    #d_header .payform{
       margin: 9px 0 0 16px !important;
    }

    /*finish*/
    .box {
        padding: 6% !important;
    }
    .box .flex {
        display: block;
    }
    .box .textlvl_02 {
        text-align: center;
        margin-bottom: 12px;
    }
    .toTop .confirmBtn{
        width: 100%;
    }
    .dlBtn .confirmBtn{
        width: auto;
    }
    .confirmBtnBack{
        margin-right: 0;
    }
    #d_breadcrumb {
        padding: 0;
    }
    #d_content table.figForm .address_wrap td{
        margin-top: 8px;
    }
    input[type="button"] {
        border: none;
        background: rgba(28,154,207,1);
        height: 26px;
        line-height: 23px;
        text-align: center;
        font-size: 14px !important;
        border-radius: 6px;
        color: #fff;
        cursor: pointer;
        padding: 0 16px 0 28px;
    }
    .serchbtn02{
        height: 34px;
    }
    .adAttention{
    font-size: 13px;
    margin-top: 4px;
    }

    /*error*/
    #d_content .error-box {
        margin: 3%;
    }
    input{
        font-size: 16px !important;
    }

}
