@charset "utf-8";

/* Html Common CSS
----------------------------------------------------------------------*/

/*--------------------------------------
  Reset CSS
--------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:bottom;background:transparent;font-weight:normal;font-style:normal;list-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
hr{display:block;height:1px;border:0;border-top:solid 1px #ccc;margin:1em 0;padding:0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{text-decoration:none}
a:hover{text-decoration:underline}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
mark{font-style:italic;font-weight:bold}
input,select{vertical-align:middle}
del{text-decoration:line-through}
ins{text-decoration:none}
strong{font-weight:bold}
sup{vertical-align:super}
sub{vertical-align:sub}
em{font-style:italic}
html,body{min-height:100%}
*:first-child+html li{vertical-align:bottom}


/*--------------------------------------
  Layout
--------------------------------------*/
.floatleft{float:left!important}
.floatright{float:right!important}
.left{text-align:left!important}
.center{text-align:center!important}
.right{text-align:right!important}
.top{vertical-align:top!important}
.middle{vertical-align:middle!important}
.bottom{vertical-align:bottom!important}
.relative{position:relative!important}
.absolute{position:absolute!important}
.hidden{display:none!important}
.block{display:block!important}
.inlineblock{display:inline-block;*display:inline;*zoom:1!important}
.inline{display:inline!important}
.table{display:table!important}
.table-cell{display:table-cell!important}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}


/*--------------------------------------
  Width
--------------------------------------*/
.w25p{width:25%!important}
.w33p{width:33%!important}
.w50p{width:50%!important}
.w100p{width:100%!important}
.w105p{width:105%!important}
.w60{width:60px!important}
.w80{width:80px!important}
.w90{width:90px!important}
.w100{width:100px!important}
.w150{width:150px!important}
.w160{width:160px!important}
.w200{width:200px!important}
.w260{width:260px!important}
.w360{width:360px!important}


/*--------------------------------------
  Margin
--------------------------------------*/
.m0{margin:0!important}
.m5{margin:5px!important}
.m10{margin:10px!important}
.m15{margin:15px!important}
.m20{margin:20px!important}
.m25{margin:25px!important}
.m30{margin:30px!important}
.m35{margin:35px!important}
.m40{margin:40px!important}
.m45{margin:45px!important}
.m50{margin:50px!important}
.m1em{margin:1em!important}
.mt0{margin-top:0!important}
.mt5{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt25{margin-top:25px!important}
.mt30{margin-top:30px!important}
.mt35{margin-top:35px!important}
.mt40{margin-top:40px!important}
.mt45{margin-top:45px!important}
.mt50{margin-top:50px!important}
.mt1em{margin-top:1em!important}
.mr0{margin-right:0!important}
.mr5{margin-right:5px!important}
.mr10{margin-right:10px!important}
.mr15{margin-right:15px!important}
.mr20{margin-right:20px!important}
.mr25{margin-right:25px!important}
.mr30{margin-right:30px!important}
.mr35{margin-right:35px!important}
.mr40{margin-right:40px!important}
.mr45{margin-right:45px!important}
.mr50{margin-right:50px!important}
.mr1em{margin-right:1em!important}
.mb0{margin-bottom:0!important}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb35{margin-bottom:35px!important}
.mb40{margin-bottom:40px!important}
.mb45{margin-bottom:45px!important}
.mb50{margin-bottom:50px!important}
.mb1em{margin-bottom:1em!important}
.ml0{margin-left:0!important}
.ml5{margin-left:5px!important}
.ml10{margin-left:10px!important}
.ml15{margin-left:15px!important}
.ml20{margin-left:20px!important}
.ml25{margin-left:25px!important}
.ml30{margin-left:30px!important}
.ml35{margin-left:35px!important}
.ml40{margin-left:40px!important}
.ml45{margin-left:45px!important}
.ml50{margin-left:50px!important}
.ml1em{margin-left:1em!important}


/*--------------------------------------
  Padding
--------------------------------------*/
.p0{padding:0!important}
.p5{padding:5px!important}
.p10{padding:10px!important}
.p15{padding:15px!important}
.p20{padding:20px!important}
.p25{padding:25px!important}
.p30{padding:30px!important}
.p35{padding:35px!important}
.p40{padding:40px!important}
.p45{padding:45px!important}
.p50{padding:50px!important}
.pt0{padding-top:0!important}
.pt5{padding-top:5px!important}
.pt10{padding-top:10px!important}
.pt15{padding-top:15px!important}
.pt20{padding-top:20px!important}
.pt25{padding-top:25px!important}
.pt30{padding-top:30px!important}
.pt35{padding-top:35px!important}
.pt40{padding-top:40px!important}
.pt45{padding-top:45px!important}
.pt50{padding-top:50px!important}
.pr0{padding-right:0!important}
.pr5{padding-right:5px!important}
.pr10{padding-right:10px!important}
.pr15{padding-right:15px!important}
.pr20{padding-right:20px!important}
.pr25{padding-right:25px!important}
.pr30{padding-right:30px!important}
.pr35{padding-right:35px!important}
.pr40{padding-right:40px!important}
.pr45{padding-right:45px!important}
.pr50{padding-right:50px!important}
.pb0{padding-bottom:0!important}
.pb5{padding-bottom:5px!important}
.pb10{padding-bottom:10px!important}
.pb15{padding-bottom:15px!important}
.pb20{padding-bottom:20px!important}
.pb25{padding-bottom:25px!important}
.pb30{padding-bottom:30px!important}
.pb35{padding-bottom:35px!important}
.pb40{padding-bottom:40px!important}
.pb45{padding-bottom:45px!important}
.pb50{padding-bottom:50px!important}
.pl0{padding-left:0!important}
.pl5{padding-left:5px!important}
.pl10{padding-left:10px!important}
.pl15{padding-left:15px!important}
.pl20{padding-left:20px!important}
.pl25{padding-left:25px!important}
.pl30{padding-left:30px!important}
.pl35{padding-left:35px!important}
.pl40{padding-left:40px!important}
.pl45{padding-left:45px!important}
.pl50{padding-left:50px!important}


/*--------------------------------------
  Font
--------------------------------------*/
.xxxlarge{font-size:1.4em!important}
.xxlarge{font-size:1.3em!important}
.xlarge{font-size:1.2em!important}
.large{font-size:1.1em!important}
.small{font-size:0.9em!important}
.xsmall{font-size:0.8em!important}
.xxsmall{font-size:0.7em!important}
.xxxsmall{font-size:0.6em!important}
.lh20{line-height:2!important}
.lh18{line-height:1.8!important}
.lh15{line-height:1.5!important}
.lh12{line-height:1.2!important}
.lh10{line-height:1!important}
.bold{font-weight:bold!important}
.normal{font-weight:normal!important}
.nowrap{white-space:nowrap!important}
img.ico-font{height:1em!important;vertical-align:text-bottom!important;margin-right:0.3em!important}


/*--------------------------------------
  Color
--------------------------------------*/
.bg-white{background-color:#fff!important}
.bg-xlightgray{background-color:#f6f6f6!important}
.bg-lightgray{background-color:#f3f3f3!important}
.bg-gray{background-color:#999!important}
.bg-darkgray{background-color:#4c4c4c!important}
.bg-blue{background-color:#2C5279!important}
.bg-red{background-color:#ED6262!important}
.bg-yellow{background-color:#FFCC33!important}
.fc-white{color:#fff!important}
.fc-lightgray{color:#ccc!important}
.fc-gray{color:#999!important}
.fc-darkgray{color:#666!important}
.fc-black{color:#333!important}
.fc-blue{color:#2C5279!important}
.fc-red{color:#ED6262!important}
.fc-darkred{color:#cc0000!important}
.border-gray{border:#ccc 1px solid!important}


/*--------------------------------------
  List
--------------------------------------*/
.disc>li,.disc>dd{display:list-item!important;list-style:disc inside!important;padding-left:0.9em!important;text-indent:-0.9em!important}
.decimal>li,.decimal>dd{display:list-item!important;list-style:decimal inside!important;padding-left:1.25em!important;text-indent:-1.25em!important}
.indent>li,.indent>dd{padding-left:2.5em!important;text-indent:-2.5em!important}


/*--------------------------------------
  Link
--------------------------------------*/
.undernone{text-decoration:none!important}
.underline{text-decoration:underline!important}



/* Common Layout CSS
----------------------------------------------------------------------*/

/*--------------------------------------
  全体定義
--------------------------------------*/
html {
  font-size: 62.5%;
  background: #fff;
  height:100%;
}
body {
  font-size: 14px; font-size: 1.4rem;
  -webkit-text-size-adjust: 100%;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, 'Lucida Grande', sans-serif;
  color: #333;
  background: #fff;
  min-width: 1000px;
  height:100%;
}
.container {
  position: relative;
  width: 100%;
  min-height: 100%;
}
.cw1000 {
  width: 1000px;
  margin: 0 auto;
}
.cw700 {
  width: 700px;
  margin: 0 auto;
}


/*--------------------------------------
  main
--------------------------------------*/
.page-contents {
  margin-bottom: 100px !important;  /* footer50px + footer上マージン50px */
}
.title-black {
  background: url(../img/inquiry/yahoo/ct-title_black-bg.png);
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
}
.title-gray {
  background: url(../img/inquiry/yahoo/ct-title_gray-bg.png);
  width: 700px;
  height: 50px;
  line-height: 50px;
  padding-left: 25px;
}


/*--------------------------------------
  footer
--------------------------------------*/
.page-footer {
  position: relative;
  height: 50px;
  line-height: 50px;
  border-top: #ccc 1px solid;
}
/* 上場訴求 */
.l-page_footer_listed{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 1.6rem;
}
.l-page_footer_listed img {
  margin-left: 1.5rem;
}

/* Page Layout CSS
----------------------------------------------------------------------*/
.shitadori_carinfo{
	position: relative;
	display: inline-block;
	max-width: 810px;
}
.shitadori_carinfo p{
	position: absolute;
	top: 15px;
	bottom: 0;
	margin: auto;
	padding: 0 15px;
	width: 860px;
	max-height: 105px;
}
.table-shopinfo th, .table-shopinfo td {
  border: #ccc 1px solid;
  vertical-align: middle;
  text-align: left;
  padding: 5px 10px;
  font-size: 0.9em;
  color: #666;
}
.table-shopinfo th {
  background-color: #f6f6f6;
  font-weight: bold;
  color: #333;
}
.table-form th, .table-form td {
  border: #ccc 1px solid;
  vertical-align: middle;
  text-align: left;
  padding: 5px 10px;
  font-size: 1em;
}
.table-form th { background: #f3fcff; width: 30%; }
.attention {
  line-height: 50px;
}
.section-satei {
  border: 1px #ccc solid;
}
.section-satei h3 {
  border-bottom: 1px #ccc solid;
}





.table-form select {
  padding: 5px 10px;
  border: 1px solid #CCC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #F8F8F8 url(/kaitori/img/lp/ct-icon-form-select.png) no-repeat right;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 280px;
  color: #666;
  font-size: 0.9em;
  -webkit-appearance: menulist-button;
  width: 280px;
  position: absolute;
  opacity: 0;
  height: 36px;
  min-height: 18px;
  vertical-align: middle;
}

.freecall_box {
  background: #E7F9FF;
  border-radius: 4px;
  margin: auto;
}
.subTitle {
  background: #f2f2f2; /* Old browsers */
  background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
  border: #ccc 1px solid;
  border-radius: 5px;
}
.subTitle span{
  border-left: #CC0000 5px solid;
}
.select {
  padding: 7px 10px;
  border: 1px solid #CCC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #F8F8F8 url(../img/inquiry/yahoo/ct-icon-form-select.png) no-repeat right;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 280px;
  color: #666;
  font-size: 0.9em;
}
.input-text {
  border-radius: 2px;
  border: 1px solid #CCC;
  background: #FEFEFE;
  box-shadow: inset 1px 1px 3px 0px rgba(102,102,102,0.2);
  padding: 7px;
  font-size: 14px; font-size: 1.4rem;
}
.address {
  background-color: #F3F3F3;
  border-radius: 3px;
  font-size: 12px; font-size: 1.2rem;
  font-weight: normal;
  color: #999;
  line-height: 1.4;
  padding: 10px;
}
.question-address {
  font-size: 12px; font-size: 1.2rem;
  color: #0E79C0;
  line-height: 1.5;
}
.question-address dt {
  height: 18px;
  line-height: 18px;
  margin-bottom: 5px;
}
.question-address dd {
  font-weight: normal;
  color: #666;
}
.btn_submit_bounce {
  display: inline-block;
  width: 430px;
  height: 85px;
  position: relative;
  overflow: hidden;
}
.btn_submit_bounce img {
  position: absolute;
  left: 0;
  top: 0;
}
.btn_submit_bounce:hover img {
  top: -85px;
}
#ct .externalLink {
  display: inline-block;
  width: 11px;
  height: 11px;
  overflow: hidden;
  position: relative;
  margin-right: 0 !important;
}
#ct .externalLink img {
  position: absolute;
  top: -670px;
  left: -10px;
}
.isoArea {
  font-size: 12px; font-size: 1.2rem;
}
.jadriArea {
  background-color: #fff;
  font-size: 12px; font-size: 1.2rem;
}

/*----------SMS認証--------------*/
.confirm_submit_text {
  font-size: 1.6rem;
  color: #000000;
  margin: 30px 0 10px;
}

.sms_code_area {
  height: 80px;
  line-height: 80px;
}
.authentication_code_form{
  font-size: 2.6rem;
  margin: 0 10px;
  height: 50px;
  width: 180px;
  padding: 11px 10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  line-height: 50px;
}
.authentication_code_form::placeholder {
  color:#cccccc;
}

.error_message {
    color: #cc0000;
    font-weight: bold;
}