@charset "UTF-8";
@import url('theme.css');

/* reset css
-------------------------------------- */

  /**
  * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
  * Richard Clark (http://richclarkdesign.com)
  * http://cssreset.com
  */
  html, body, div, span, object, iframe,
  h1, h2, h3, h4, h5, h6, p, 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%;
  background:transparent;
  }
  article,aside,details,figcaption,figure,
  footer,header,hgroup,menu,nav,section {
  display:block;
  }
  nav ul {
  list-style:none;
  }
  blockquote, q {
  quotes:none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
  content:'';
  content:none;
  }
  a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  }
  /* change colours to suit your needs */
  ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
  }
  /* change colours to suit your needs */
  mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
  }
  del {
  text-decoration: line-through;
  }
  abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
  }
  table {
  border-collapse:collapse;
  border-spacing:0;
  }
  /* change border colour to suit your needs */
  hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
  }
  input, select {
  vertical-align: text-bottom;
  }
  input:focus,
  select:focus ,
  button:focus {
    outline: none;
  }
  label, input[type='checkbox'] ,
  label, input[type='reset'] {
    cursor: pointer;
  }
  li{
    list-style: none;
  }

  h1,h2,h3,h4,h5,h6{
    font-weight:normal;
  }
  .clearfix:after{
    display: block;
    content: "";
    clear: both;
  }


/* basic css
-------------------------------------- */

html {
  /* overflow-y:scroll; */
  height: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  /* font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; */
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", system-ui, sans-serif;
  /*font-weight: 500;*/
  text-align: center;
  line-height: 1.7;
  color: #545454;
  font-size: 14px;
  height: 100%;
  background: #f4f4f4;
  margin: 0 auto;
  
  /* ブラウザでスクロールしない(画面幅に合わせる) */
  /* position: relative; */
  
   /* ブラウザでスクロールする */
  width: fit-content; 
  height: auto; 
}
#wrapper{
  /* display: inline-block; */
  position: relative;
  width: fit-content; 
  /* max-width: 97%; */
}

/* 画面が小さい場合は一覧は横スクロール */
@media only screen and (max-width: 640px){
  body {
    position: relative;
    width: auto; 
  }
  #wrapper{
    width: auto; 
  }
  .scroll {
    overflow-y: hidden; /* 一覧を横スクロールする場合 */
  }
}

table {
  font-size: inherit;
}

pre,code,kbd,samp,tt {
  font-family: monospace;
  line-height: 100%;
}

ul ol,
ol ul {
  font-size: 100% !important;
}

sup {
  vertical-align: top;
}

sub {
  vertical-align: baseline;
  font-size: 77%;
}

img {
  vertical-align: top;
}

.sp{
  display: none !important;
}
.pc{
  display: block !important;
}
@media screen and (max-width:640px) {
  .pc{
    display: none !important;
  }
  .sp{
    display: block !important;
  }
}

.scroll::-webkit-scrollbar-track{
  background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}
label, input[type='checkbox'] {
  cursor: pointer;
}
.noWrap {
  white-space: nowrap !important;
}
.wrapBack {
  white-space: normal !important
}
.comma3, .number {
  text-align: right
}
.sypno, .number{
  text-align: right;
  width: 5em;
}

li a{
  color: #545454;
  text-decoration: none;
  /*text-decoration: underline;*/
}
a.linkBtn{
  text-decoration:none;
}
label{
  text-decoration: underline;
}
label.decoration_none{
  text-decoration:none;
}
a:hover{
  color: #333;
  opacity: 0.6; 
}
label:hover{
  color: #333;
  opacity: 0.6;
}
label.decoration_none:hover{
  opacity: 1;
}


input[type="submit"]:hover:not(:disabled),
input[type="button"]:hover:not(:disabled),
button:hover{
  opacity: 0.6;
}

.sp_img{
  display: none;
}

img{
  max-width: 100%;
  height: auto;
}

.txt_link{
  color: #ff6e67;
  text-decoration: underline;
}

.indent-1 {
  padding-left:1em;
  text-indent:-1em;
}

textarea{
  padding: 5px;
  font-size: 0.9em;
  line-height: 1.5;
}

input{
  font-size: 0.9em;
}


.commonButton{
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  padding: 3px 0.5em;
  margin: 1em 0.5em 0 0.5em ;
  border-radius: 15px !important;
  color:#fff;
  width: 5em;
  text-align: center;
  box-sizing: border-box;
}

.toLoginButton{
  width: 8rem;
}

.carAllCheckButton{
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  padding: 3px 0.5em;
  margin: 0.5em 0.5em 0 0.5em ;
  border-radius: 15px !important;
  color:#fff;
  width: 5em;
  text-align: center;
  box-sizing: border-box;
}

.carAllClearButton{
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  padding: 3px 0.5em;
  margin: 0.5em 0.5em 0 0.5em ;
  border-radius: 15px !important;
  color:#fff;
  width: 5em;
  text-align: center;
  box-sizing: border-box;
}

.linkOn{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 1px 3px;
  border-radius: 3px;
  margin-left: 2px;
  color: #ffffff;
  line-height: 12px;
}

.linkOff{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 1px 3px;
  border-radius: 3px;
  margin-left: 2px;
  background: #ffffff;
  line-height: 12px;
}

.forcewrap{
  overflow-wrap: always ;
}

/* header
-------------------------------------- */
header{
  height: 90px;
  background: #F3F1F1;
}
header .inner{
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative;
  height: 100%;
}

header .logo_title{
  position: absolute;
  left: 180px;
  top:10px;
  line-height: 22px;
}

header .kaisai{
  position: absolute;
  left: 30px;
  top:50px;
  font-size: 22px;
  line-height: 16px;
  z-index: 100;
  color: #545454;
  font-weight: bold;
}

header .kaisai span{
  font-size: 12px;
}

header .headerMember{
  position: absolute;
  right: 100px;
  top:9px;
  font-size: 22px;
  line-height: 22px;
  z-index: 100;
  color: #2d2c29;
  font-weight: bold;
}

header .headerMember span{
  font-size: 12px;
  margin-left: 10px;
}

header .headerMember.nonDispDirectMenu{
  right: 16px;
}

header .system{
  color: red;
  font-weight: bold;
  position: absolute;
  right: 100px;
  padding-top: 55px;
}

header h1 {
  position: absolute;
  content: "";
  width: 100%;
  padding-top: 2px;
  padding-left: 10px;
  left: 0;
  text-align: left;
  z-index: 100;
}

header h1 img{
  height: auto;
  max-height: 74px;
}

/* ログイン画面のみヘッダのデザインが異なる */
/* header.LoginHeader h1 {
  padding-top: 25px;
} */

@media only screen  and (max-width:640px){
  header{
    height: 110px;
  }
  header h1{
    padding-top: 2px;
  }
  header h1 img{
    max-height: 60px;
    max-width: 80%;
  }
  header .logo_title{
    left: 180px;
    top: 10px;
  }
  header .kaisai{
    left: 5%;
    top: 75px;
    font-size: 20px;
  }
  header .headerMember{
    right: inherit;
    left: 5%;
    top: 45px;
    font-size: 16px;
  }
  header .headerMember span{
    right: 14px;
  }
  header.PageHeader{
    background-size: cover;
  }
}
#contents{
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  width: 100%;
}
/*@media only screen  and (max-width:1430px){
  #contents{
    max-width: 1000px;
  }
}*/

#contents .inner{
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  /*display: inline-block;*/
  padding: 20px;
  background: #ffffff;
}

#contents .inner .pageTitle{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: left;
  width: 740px;
}

/* @media only screen and (max-width: 640px){
  #contents .inner{
    padding: 5%;
  }
  #contents .inner .pageTitle{
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 1.4;
  }
} */
@media only screen  and (max-width:480px){
  #contents .inner{
    padding: 0;
  }
}
@media only screen  and (max-width:640px){
  #contents .inner{
    min-width: auto;
  }
}

/* footer
-------------------------------------- */
footer.PageFooter{
  /* background-image: url("../../../img/back_color.jpg") ; */
  background-size: cover;
}
footer .copyright{
  color: #545454;
  padding: 10px 0;
  font-size: 12px;
}
.page-top {
  width: 36px;
  height: 36px;
  position: fixed;
  right: 30px;
  bottom: 20px;
  cursor: pointer;
}

/* btnBox・head
-------------------------------------- */
.btnBox{
  width: 180px;
  margin: 0 auto;
}

.btnBox li{
  text-align: center;
  font-size: 1em;
  width: 5rem;
  margin: 0 auto;
  white-space: nowrap;
}

.btnBox li:first-child{
  float: left;
  width: 3rem;
}

.btnBox li:nth-child(2){
  float: right;
  width: 3rem;
}

.btnBox li img{
  width: 37px;
  height: auto;
}
@media only screen  and (min-width:641px) and (max-width:920px){
  .btnBox{
    clear: both;
    margin: 30px auto 0;
  }
}
@media only screen  and (max-width:640px){
  .btnBox{
    margin: 30px auto 0;
  }
}
.headL{
  display: inline-block;
  float: left;
}
.headR{
  display: inline-block;
  float: right;
}

@media only screen  and (min-width:641px) and (max-width:920px){
  .headL{
    display: block;
    float: left;
  }
  .headR{
    display: block;
    float: right;
  }
}

@media only screen  and (max-width:640px){
  .headL{
    display: inline-block;
    float: none;
  }
  .headR{
    display: inline-block;
    float: none;
  }
}

/* pageLinkBox（1つ前のページへ・プライバシーポリシー）
-------------------------------------- */
.pageLinkBox{
  padding: 30px 0 15px;
}
.pageLinkBox li{
  float: right;
  padding-left: 1.5em;
}


/* title
-------------------------------------- */
h3{
  font-weight: bold;
}
h4{
  font-weight: bold;
}

.error-page{
  min-width: 970px;
}

@media only screen  and (max-width:640px){
  .error-page{
    min-width: 340px;
  }
}

/* 検索画面の条件のタイトル */
.searchTitle{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left;
}

/* head1・head2
-------------------------------------- */
.head1 .boxL{
  width: 48%;
  float: left;
  margin-bottom: 15px;
}
.head1 .boxL .lGraySearch{
  width: 100%;
  border: 1px solid #D7D7D7;
}

.head1 .lGraySearch th{
  width: 6em;
  white-space: nowrap;
  border: 1px solid #D7D7D7;
  text-align: left;
  background: #dddcd3;
  padding: 2px 1em;
  box-sizing: border-box;
}

.head1 .lGraySearch td{
  border: 1px solid #D7D7D7;
  text-align: left;
  padding: 2px 1em;
}
.head1 .boxR{
  width:50%;
  float: right;
  margin-bottom: 15px;
}
.head1 .boxR.display li{
  float: right;
  display: inline-block;
  line-height: 2.2em;
}
.head1 .boxR.display input[type="button"],
.head1 .boxR.display input[type="submit"]{
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  padding: 3px 1em;
  margin: 0 0.5em 0.2em;
  border-radius: 15px;
  color:#fff;
  text-align: center;
  box-sizing: border-box;
}
input[type="button"]:disabled {
  background: #ccc;
}
.head1 .boxR.display .inputNo {
  width: 6em;
  font-size: 1em;
}
@media only screen  and (max-width:640px){
  .head1 .boxL{
    width:100%;
    float: none;
    margin-bottom: 15px;
  }
  .head1 .boxR{
    width:100%;
    float: none;
  }
  .head1 .boxR.display li{
    float: right;
    display: inline-block;
  }
}

.head2 .boxL{
  width:60%;
  float: left;
  margin-bottom: 15px;
}
.head2 .boxL .lGraySearch{
  width: 100%;
  border: 1px solid #D7D7D7;
}

.head2 .lGraySearch th{
  width: 6em;
  white-space: nowrap;
  border: 1px solid #D7D7D7;
  text-align: left;
  background: #f6f6f6;
  padding: 2px 1em;
  box-sizing: border-box;
}

.head2 .lGraySearch td{
  border: 1px solid #D7D7D7;
  text-align: left;
  padding: 2px 1em;
}
.head2 .boxR{
  width:40%;
  float: right;
}
.head2 .boxR.display li{
  float: right;
  display: inline-block;
}
.head2 .boxR.display input[type="submit"]{
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  padding: 3px 0.5em;
  margin: 0 0.5em;
  border-radius: 15px;
  color:#fff;
  width: 5em;
  text-align: center;
  box-sizing: border-box;
}
@media only screen  and (max-width:640px){
  .head2 .boxL{
    width:100%;
    float: none;
    margin-bottom: 15px;
  }
  .head2 .boxR{
    width:100%;
    float: none;
  }
  .head2 .boxR.display li{
    float: right;
    display: inline-block;
  }
}

/* list（PC：4カラム／SP：2カラム）
-------------------------------------- */
ul.border{
  border-style: solid;
  border-width: 1px;
  padding: 15px;
}
ul.line{
  border-bottom: 1px solid #929292;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
ul.list {
  text-align: left;
}

ul.list li{
  float: left;
  padding: 5px 0;
  font-size: 16px;
}
ul.list.dot li{
  width: 11em;
}
ul.list.border li{
  width: 25%;
}
@media only screen  and (max-width:640px){
  ul.list.dot li{
    width: 42%;
  }
  ul.list.border li{
    width: 50%;
  }
}
ul.dot li:before{
  /*content:"・" */
}
ul.dot li{
  padding-left: 1em;
}

.sortBox {
  text-align: right;
  margin-top: 10px;
  margin-bottom: -10px;
}
ul#tabArea {
  width: calc(100% + 8px);
  z-index: 10;
  display: flex;
}

ul#tabArea li:not(.active) {
  border-bottom:  2px solid lightgray;
}
ul#tabArea li:before {
  content: none !important;
}
ul#tabArea li {
  text-indent: 0;
  padding: 0;
  text-align: center;
  border: solid;
  border-color: lightgrey;
  border-width: 2px 2px 0px 2px;
  border-radius: 10px 10px 0px 0px;
  width: calc(20% + 2px);
  box-sizing: border-box;
  position: relative;
  background-color: #eee;
}
ul#tabArea li:nth-child(2) {
  left: -2px;
}
ul#tabArea li:nth-child(3) {
  left: -4px;
}
ul#tabArea li:nth-child(4) {
  left: -6px;
}
ul#tabArea li:nth-child(5) {
  left: -8px;
}
ul#tabArea li:last-child {
  border-right-width: 2px !important;
}
ul#tabArea li div {
  width: 100%;
  padding: 10px 0;
}
ul#tabArea li.active a{
  color: white;
  color: black;
}

ul#tabArea li.active {
  border-bottom: none;
  background-color: white !important;
}
ul#tabArea li.blank {
  border-top: none;
  border-left: none;
  border-right: none;
  background-color: white !important;
}
ul#tabArea li.Lblank {
  left: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  background-color: white !important;
}

ul#tabArea.border{
  max-height: 50vh;
	overflow: auto;
	overflow-x: hidden;
  margin-top: 15px;
}
ul#tabArea.border li {
  width: 80%;
}

/* searchBox
-------------------------------------- */
.searchBox{
  text-align: center;
  /* ★ margin-top: 15px; */
}
.searchBox.pager{
  margin-top:15px;
}
ul.pager li.pagerleft{
  float:left;
}
ul.pager li.pagerright{
  float:right;
}
.searchBox.left{
  text-align: left;
}
.searchBox li{
  display: inline-block;
  vertical-align: text-top;
  line-height: 2.3em;
}
.notesBox .searchBox li{
  line-height: 1.7em;
}
.searchBox input[type="radio"]{
  margin-top: -1px;
} 
.searchBox input[type="button"],
.searchBox input[type="submit"], 
.searchBox input[type="reset"]{
  display: inline-block;
  padding: 3px 1em;
  margin: 0 0.5em;
  border-radius: 15px;
  color:#fff;
  min-width: 5em;
  text-align: center;
  box-sizing: border-box;
}
.searchBox input[type="button"]:not(:disabled),
.searchBox input[type="submit"]:not(:disabled), 
.searchBox input[type="reset"]{
  border-style: solid;
  border-width: 1px;
}
.searchBox input[type="button"]:disabled,
.searchBox input[type="submit"]:disabled, 
.searchBox input[type="reset"]:disabled{
  border: 1px solid #aaa;
  background: #aaa;
}

.searchBox .seri{
  float: right;
}

.searchBox .seri input[type="button"]{
  width: 10em;
} */

.searchBox input[type="text"].page{
  width: 4em;
} 

.addTopButton {
  position: relative;
  top: -2px;
  padding-top: 2px;
  border: solid;
  border-color: lightgrey;
  border-width: 2px;
  border-top: none !important;
  border-bottom: none !important;
  min-width: 1200px;
  max-width: 1300px;
  flex-direction: row;
  z-index: 0; 
  display: flex;
  justify-content: center;
}

/* #details
-------------------------------------- */
#details{
  font-size: 14px;  
  /*display: inline-block;*/
}

/* table（th 上1列）
-------------------------------------- */
#details .tGray{
  margin: 15px 0 0;
  border: 1px solid #D7D7D7;
}

#details .tGray th{
  border: 1px solid #D7D7D7;
  text-align: center;
  background: #f6f6f6;
  white-space: nowrap;
}
#details .tGray th.w-max{
  max-width:150px;
  white-space: normal;
}

#details .tGray td{
  border: 1px solid #D7D7D7;
  text-align: left;
  white-space: nowrap;
  padding: 1px 4px 1px 4px;
}
#details .tGray th.alignL{
  border: 1px solid #D7D7D7;
  text-align: left;
  background: #f6f6f6;
  /* padding: 10px; */
}
#details .tGray td.alignL{
  border: 1px solid #D7D7D7;
  text-align: left;
  /* padding: 10px; */
}
#details .tGray td.alignR{
  text-align: right;
  /* padding: 10px; */
}
#details .tGray td.alignC{
  text-align: center;
}
#details .tGray td .linkURL{
  color: #85cae9;
  text-decoration: underline;
}
#details .tGray td .contract,
#details .tGray td .soldout{
  color: #ff0000;
  display: block;
  line-height: 16px;
  text-align: right;
}
#details .tGray td .undecided{
  color: #2715FF;
  display: block;
  line-height: 16px;
  text-align: right;
}

#details .tGray td .correction{
  color: #ff0000;
  display: inline-block;
  line-height: 16px;
  text-align: right;
}
#details .tGray .listing td{
  background: #E5F6FC;
}
#details .tGray .bit td{
  background: #FEEAE4;
}
#details .tGray td input[type="button"],
#details .tGray td input[type="submit"]{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  /* padding: 2px 0.2em; */
  padding: 2px 1em;
  /* width: 80%; */
  width: 100%;
  border-radius: 15px;
  color:#fff;
  line-height: 12px;
  box-sizing: border-box;
  text-align: center;
}

/* table（th 上2列）
-------------------------------------- */
#details .tGray2{
  margin: 15px 0 0;
  border: 1px solid #060606;
}

#details .tGray2 th{
  border: 1px solid #060606;
  text-align: center;
  padding: 4px 2px;
  line-height: 1.2em;
  min-width: 50px;
  white-space: nowrap;
}
#details .tGray2 th.w-max{
  min-width:150px; 
}
#details .tGray2 th img{
  /*height: 15px;*/
  width: auto;
}
#details .tGray2 th.alignL{
  text-align: left;
  /* padding: 5px 10px; */
  padding: 1px 4px 1px 4px;
}
#details .tGray2 td{
  border: 1px solid #060606;
  text-align: left;
  box-sizing: border-box;
  /* max-width: 160px; */
  /* white-space: normal; */
  white-space: nowrap;
  /* padding: 10px; */
  padding: 1px 4px 1px 4px;
}
#details .tGray2 td.alignC{
  text-align: center;
}
#details .tGray2 td.alignR{
  text-align: right;
}
#details .tGray2 td .linkURL{
  color: #059cc7;
  text-decoration: underline;
}
#details .tGray2 .listing{
  background: #E5F6FC;
}
#details .tGray2 .bit{
  background: #FEEAE4;
}
#details .tGray2 tr:hover{
  background: #EEEEEE;
}
#details .tGray2 td ul.linkA-D{
  width: 2.5em;
  margin: auto;
  padding-right: 7px;
}
#details .tGray2 td ul.linkA-D li{
  width: 1em;
  float: left;
  margin-right: 0.5em;
}
#details .tGray2 td ul.linkA-D li:nth-child(2n){
  margin-right: 0;
}
#details .tGray2 th .addBtn{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 2px 0.2em;
  width: 80%;
  border-radius: 15px;
  color:#fff;
  line-height: 12px;
  box-sizing: border-box;
  text-align: center;
  margin-top: 2px;
}
#details .tGray2 td input[type="checkbox"]{
  margin: 0 0.7em;
}
#details .tGray2 td input[type="button"],
#details .tGray2 td input[type="submit"]{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 2px 1em;
  width: 100%;
  border-radius: 15px;
  color:#fff;
  line-height: 12px;
  box-sizing: border-box;
  text-align: center;
}
#details .tGray2 td .contract,
#details .tGray2 td .soldout,
#details .tGray2 td .correction{
  color: #ff0000;
  display: block;
  text-align: right;
  white-space: nowrap;
}
#details .tGray2 td .undecided{
  color: #2715FF;
  display: block;
  line-height: 16px;
  text-align: right;
  white-space: nowrap;
}


/* nofile
-------------------------------------- */
.nofile{
  border-style: solid;
  border-width: 1px;
  padding: 1em;
  text-align: center;
  margin: 15px 0;
  font-size: 14px;
  color: #ff0000;
  width: auto;
}

/* caution
-------------------------------------- */
.caution{
  border-style: solid;
  border-width: 1px;
  padding: 1em;
  text-align: center;
  margin: 15px 0;
  font-size: 14px;
  font-weight: bold;
  color: #ff0000;
  width: auto;
}

/* オプション（あり・なし）
-------------------------------------- */
#details .tGray span.strong,
#details .tGray2 span.strong{
  background: #fca011;
  padding: 0 0.3em;
  display: inline-block;
  color: #fff;
}

#details .tGray span.line-through,
#details .tGray2 span.line-through,
#details .tGray span.not-equipped,
#details .tGray2 span.not-equipped{
  display: inline-block;
  background: #dddcd3;
  padding: 0 0.3em;
  color: #fff;
}


/* table（th 左列）
-------------------------------------- */
#details .lGray{
  margin: 15px 0 0;
  border: 1px solid #D7D7D7;
}

#details .lGray.w100{
  width: 100%;
}

#details .lGray th{
  border: 1px solid #D7D7D7;
  text-align: center;
  background: #f6f6f6;
  white-space: nowrap;
}
#details .lGray.w100 th{
  white-space: nowrap;
}

#details .lGray td{
  border: 1px solid #D7D7D7;
  text-align: center;
}
#details .lGray th.alignL{
  border: 1px solid #D7D7D7;
  text-align: left;
  background: #f6f6f6;
  padding: 10px;
}
#details .lGray td.alignL{
  border: 1px solid #D7D7D7;
  text-align: left;
  padding: 10px;
}
#details .lGray td input[type="text"]{
  /*font-size: 12px;*/
  width: 10em;
}
#details .lGray td input[type="checkbox"]{
  /*margin-top: -1px;*/
}
#details .lGray td input[type="text"].full{
  width: 100%;
  box-sizing: border-box;
}
#details .lGray td input[type="text"].katasiki{
  width: 15em;
}

#details td label{
  white-space: nowrap;
  padding-right: 10px;
}

/* AACW160_01 */
#details .lGray.userInfoTable {
  width: 100%;
  margin: 15px 0;
}
#details .lGray.userInfoTable .innerTable {
  margin: 0;
}
#details .lGray.userInfoTable .innerTable th,
#details .lGray.userInfoTable .innerTable td {
  padding: 10px 5px;
}
#details .lGray.userInfoTable .innerTable td.alignL {
  padding: 10px;
}
@media screen and (max-width: 520px) {
  #details .lGray.userInfoTable>tbody>tr>th,
  #details .lGray.userInfoTable>tbody>tr>td {
    display: block;
  }
  #details .lGray.userInfoTable td .linkBtn {
    width: auto;
    padding: 3px 2em;
    margin: 10px auto;
  }
  #details .lGray.userInfoTable .innerTable td.alignL {
    padding: 10px 5px;
  }  
}

/* table（th なし 奇数列白・偶数列グレイ）
-------------------------------------- */
#details .stripe{
  min-width: 450px;
  margin: 15px 0 0;
  border: 1px solid #D7D7D7;
}
#details .stripe th{
  border: 1px solid #D7D7D7;
  text-align: center;
  background: #f6f6f6;
}

#details .stripe td{
  border: 1px solid #D7D7D7;
  text-align: center;
}
#details .stripe tr:nth-child(odd) td{
}
#details .stripe tr:nth-child(even) td{
  background: #f6f6f6;
}
#details .stripe th.alignL{
  border: 1px solid #D7D7D7;
  text-align: left;
  background: #f6f6f6;
  padding: 5px 10px;
}
#details .stripe td.alignL{
  border: 1px solid #D7D7D7;
  text-align: left;
  padding: 5px 10px;
}

/* 出品画像一覧
-------------------------------------- */
#details .scroll.photoList {
  width: 904px;
  margin: 0 auto;
}
#details .photo{
  margin-top: 15px;
  table-layout: fixed;
}
#details .photo td{
  border: 1px solid #D7D7D7;
  text-align: left;
  vertical-align: top;
  width: calc(904px / 5);
  box-sizing: border-box;
  white-space: normal;
  border-collapse: collapse;
}
@media only screen and (max-width: 970px) {
  #details .scroll.photoList {
    width: 100%;

  }
  #details .photo {
    width: 100%;
    text-align: left;
  }
  
  #details .photo td{
    width: 25%;
    display: inline-block;
    font-size: 14px;
  }
  #details .photo tr{
    display: inline;
    font-size: 0px;
    vertical-align: top;
  }
}
@media only screen and (max-width: 640px) {
  #details .photo td{
    width: 33%;
  }
}
@media only screen and (max-width:480px){
  #details .photo td{
    width: 50%;
  }
}
#details .photo td.listing{
  background: #E5F6FC;
}
#details .photo td.bit{
  background: #FEEAE4;
}
#details .photo td p{
  padding: 0.5em;
}
#details .photo td p span.spaceR{
  padding-right: 1em;
  display: inline-block;
}
#details .photo td p span.contract{
  color: #ff0000;
  display: block;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
}
#details .photo td p span.undecided{
  color: #2715FF;
  display: block;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
}
#details .photo td p span.note{
  color: #ff0000;
  display: inline-block;
  padding-left: 0.5em;
}





/* linkOn,linkOff
-------------------------------------- */
#details .tGray2 td ul.linkA-D li:nth-child(2),
#details .tGray2 td ul.linkA-D li:nth-child(4){
  margin-right: 0em;
}
#details .tGray2 td ul.linkA-D li:nth-child(3){
  clear: left;
}
#details .tGray2 td .linkOn{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 0px 0px 1px 4px;
  border-radius: 3px;
  /*margin-left: 2px;*/
  color: #ffffff;
  line-height: 15px;
  text-decoration: none;
  width: 1em;
  margin: 3px 0px 3px 1px;
}
#details .tGray2 td .linkOff{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 0px 0px 1px 4px;
  border-radius: 3px;
  /*margin-left: 2px;*/
  background: #ffffff;
  line-height: 15px;
  text-decoration: none;
  width: 1em;
  margin: 3px 0px 3px 1px;
}

/* linkBtn（AACW030_02）
-------------------------------------- */
#details .tGray2 td .linkBtn{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 3px 0.5em;
  width: 100%;
  border-radius: 15px;
  background: #ffffff;
  line-height: 12px;
  box-sizing: border-box;
  text-align: center;
}

/* makerList（AACW030_03）
-------------------------------------- */
#details.makerList{
  padding: 30px 0;
  text-align: left !important;
}

/* linkBtn
-------------------------------------- */
#details .tGray2 td .linkBtn2{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 3px 8px;
  border-radius: 15px;
  color: #ffffff;
  line-height: 12px;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  /*font-size: 10px !important;*/
  white-space: nowrap;
}


/* grayBox（AACW030_07）
-------------------------------------- */
#details .grayBox{
  padding: 30px 60px;
  background: #f6f6f6;
  text-align: left;
}
#details .grayBox .number{
  text-align: left;
}
#details .grayBox .number span{
  width: 10em;
  display: inline-block;
}

@media only screen  and (max-width:640px){
  #details .grayBox{
    padding: 30px;
    background: #f6f6f6;
  }
  #details .grayBox .number span{
    width: 5em;
  }
}

/* calc（AACW050_02）
-------------------------------------- */
#details .calc{
  margin-top: 30px;
  padding: 30px 60px;
  background: #f6f6f6;
  text-align: left;
  box-sizing: border-box;
  line-height: 2em;
}
#details .calc .pliceForm strong{
  display: inline-block;
  font-size: 14px;
  width: 9em;
}
#details .calc .radio label{
  /* width: calc(50% - 30px); */
  display: inline-block;
  text-decoration: none;
  margin-right: 20px;
  font-size: 14px;
  font-weight: bold;
}
#details .calcBtnBox{
  width: 60%;
  text-align: center;
  margin: 15px auto 0;
}
#details .calcBtnBox input[type="button"],
#details .calcBtnBox input[type="submit"], 
#details .calcBtnBox button{
  display: inline-block;
  font-size: 1.2em;
  border-style: solid;
  border-width: 1px;
  padding: 3px 0.5em;
  margin: 0 1em;
  border-radius: 15px;
  color:#fff;
  min-width: 5em;
  text-align: center;
  box-sizing: border-box;
}
#details .calcBtnBox input[type="button"].delete,
#details .calcBtnBox input[type="submit"].delete, 
#details .calcBtnBox button.delete{
  display: inline-block;
  font-size: 1.2em;
  border: 1px solid #ee795f;
  padding: 3px 0.5em;
  margin: 0 1em;
  border-radius: 15px;
  background: #ee795f;
  color:#fff;
  min-width: 5em;
  text-align: center;
  box-sizing: border-box;
}
#details .successfulBid.line {
  border-top:1px solid #666666;
  margin-top: 10px;
  padding-top: 10px;
}

#details .successfulBid strong{
  display: block;
  font-size: 16px;
  font-weight: bold;
}
#details .calc input.price{
  width: 6em;
  font-size: 1em;
  text-align: right;
}
#details .calc .successfulBid input.price{
  display:inline-block;
  margin-left: 8em;
}
#details .calc .bitNote{
  margin-top: 15px;
  background: #fff;
}
@media only screen  and (max-width:840px){
  #details .calc{
    width: 100%;
    padding: 30px;
    background: #f6f6f6;
    box-sizing: border-box;
    white-space: normal;
}
  #details .calcBtnBox{
    width: 100%;
  }
}
@media only screen  and (max-width:640px){
}


/* ListLinkBox（詳 細 明細一覧 画像一覧）
-------------------------------------- */

ul.ListLinkBox{
  margin: 15px 0 0 10em;
}
ul.ListLinkBox li{
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  padding: 1px 0.5em;
  margin: 0 0.5em;
  border-radius: 15px;
  color:#fff;
  min-width: 4em;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
}
ul.ListLinkBox a{
  color: #fff;
  text-decoration: none;
}
@media only screen  and (max-width:640px){
  ul.ListLinkBox{
    margin: 15px 0 0 0;
  }
}

/* lane（AACW60_1）
Aレーン：#770002
Bレーン：#396CA5
Cレーン：#0E7102
Dレーン：#FC9407
-------------------------------------- */
#lane{
  /*font-size: 12px;*/
  text-align: left;
}
#lane h3{
  font-size: 16px;
  text-align: center;
  color:#fff;
  padding: 3px 0;
}
#lane .lane2 {
  width: 904px;
  margin: 0 auto;
}
#lane .lane2 li:first-child{
  width: 49%;
  float: left;
}
#lane .lane2 li:last-child{
  width: 49%;
  float: right;
}
#lane .lane4 {
  width: 904px;
  /*font-size: 12px;*/
}
#lane .lane4 li{
  width: 25%;
  float: left;
}
#lane .lane4.nextBox {
  margin-top: 30px;
}

#lane .lane2 .innerBox{
  margin: 0 5px 5px;
  padding: 2px;
  background: #fff;
}
#lane .lane4 .innerBox{
  margin: 0 0;
  padding: 2px;
  background: #fff;
}
#lane .now{
  line-height: 20px;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  margin-top: 5px;
}
#lane .next{
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  margin-top: 5px;
}
#lane .type{
  text-align: center;
  margin-bottom: 5px;
}
#lane .car span,
#lane .number span,
#lane .modelYear span{
  display: inline-block;
  padding-right: 1em;
  font-weight: bold;
}
#lane .startPrice{
  font-size: 14px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
#lane .startPrice span{
  display: inline-block;
  padding-right: 1em;
  font-weight: bold;
}
#lane .photo{
  margin: 15px auto 0px;
}

/*Aレーン：#770002*/
#lane .laneA{
  background: #770002;
}
/*Bレーン：#396CA5*/
#lane .laneB{
  background: #396CA5;
}
/*Cレーン：#0E7102*/
#lane .laneC{
  background: #0E7102;
}
/*Dレーン：#FC9407*/
#lane .laneD{
  background: #FC9407;
}

#lane .boxL{
  width: 48%;
  float: left;
}
#lane .boxR{
  width: 48%;
  float: right;
}

/* timeBox
-------------------------------------- */
.timeBox{
  text-align: center;
  margin-bottom: 15px;
}
.timeBox.left{
  text-align: left;
}
.timeBox li{
  display: inline-block;
  vertical-align: text-top;
  line-height: 2em;
}
.timeBox li.time{
  float: left;
}
.timeBox li.number{
  text-align: right;
  float: right;
}


.timeBox input[type="radio"]{
  margin-top: -1px;
} 
.timeBox input[type="submit"], 
.timeBox input[type="reset"]{
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  padding: 3px 0.5em;
  margin: 0 0.5em;
  border-radius: 15px;
  color:#fff;
  width: 5em;
  text-align: center;
  box-sizing: border-box;
}


/* catch（導入説明文）
-------------------------------------- */
#login .catch,
#details .catch{
  margin-bottom: 15px;
  text-align: left !important;
}


/* formBtnBox（次へ・クリア）
-------------------------------------- */
.formBtnBox{
  width: 100%;
  text-align: center;
  padding-top: 30px;
}
.formBtnBox input[type="submit"], 
.formBtnBox input[type="reset"]{
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  padding: 3px 0.5em;
  margin: 0 0.5em;
  border-radius: 15px;
  color:#fff;
  width: 5em;
  text-align: center;
  box-sizing: border-box;
}



/* inputBox（出品ナンバー検索）
-------------------------------------- */
.inputBox{
  margin: 0;
}

.inputBox p{
  display: inline-block;
  float: right;
}

.inputBox p img{
  height: 25px;
  width: auto;
}

.inputBox p.listing-de{
  padding-left: 10px;
}

.inputBox p.listing-mp{
  padding-left: 10px;
}

.inputBox p.listing-no{
  line-height: 26px;
  /*font-size: 12px;*/
}

.inputBox p.listing-no input[type="text"]{
  height: 26px;
  padding-left: 5px;
  border: none;
  background: #F1F1F1;
  background-size: contain;
  /*font-size: 11px;*/
}
.inputBox input[type="submit"]{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 5px 0.5em;
  width: 100%;
  border-radius: 15px;
  color:#fff;
  line-height: 16px;
  box-sizing: border-box;
  text-align: center;
  /*font-size: 12px;*/
}

.notesBox{
  margin: 15px 0 0;
}

.notesBox p{
  display: inline-block;
  float: right;
  font-size: 14px;
  line-height: 24px;
  padding: 0 1rem;
  text-align: center;
}

.notesBox p.notes-r{
  background: #FFEAD7;
  margin-left: 1em;
  color: #FCA011;
}

.notesBox p.notes-l{
  background: #e9f8ff;
  color: #0095cf;
}

/*凡例用*/
.notesBox p.notes-h{
  border: 2px solid #ff0000;
  margin-left: 1em;
}

/* supplements（印刷ボタン・追加・入札）
-------------------------------------- */
.supplements{
  margin-top: 5px;
}

.supplements .boxL{
  width: 40%;
  text-align: left;
  float: left;
  line-height: 26px;
}

.supplements .red{
  color: #e31b4a;
  font-weight: bold;
  padding-right: 1em;
}
.supplements.print .boxL{
  width: 100%;
}
.supplements.print .boxL p{
  border: 1px solid #D7D7D7;
  width: 100%;
}
.supplements.print .boxL p span{
  display: inline-block;
  padding-left: 1em;
  margin-right: 1em;
}



.supplements .boxR{
  line-height: 26px;
  width: 60%;
  float: right;
}
.supplements input[type="submit"]{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 2px 0.5em;
  width: 4em;
  border-radius: 15px;
  color:#fff;
  line-height: 16px;
  box-sizing: border-box;
  text-align: center;
  /*font-size: 12px;*/
  margin-top: -1px;
}
.supplements input.print[type="submit"]{
  width: 12em;
}
.supplements input.bid[type="submit"]{
  border: 1px solid #ee795f;
  background: #ee795f;
  color:#fff;
}


.supplements .boxR li{
  display: inline-block;
  float: right;
  margin-left: 1rem;
  white-space: nowrap;
}

.supplements .boxR li a{
  margin-left: 5px;
}

.supplements .boxR img{
  height: 26px;
  width: auto;
}
@media only screen  and (max-width:640px){
  .supplements .boxL{
    width: 40%;
  }

  .supplements .boxR{
    width: 60%;
  }
}

.drawingprint{
  width: 100% !important;
  max-width: 980px !important;
  margin-top: 10px !important;
}

.drawingprint img{
  width: 100%;
  border: 1px black solid;
  vertical-align: inherit;
}

.drawingprint .up li.boxLp{
  width: 60%;
  float: left;
}

.drawingprint .up li.boxRp{
  width: 39%;
  float: right;
}

/* 3枚目(リア画像) */
.drawingprint .up li:nth-child(3){
  margin-top: 5px;
}

/* 4枚目以降 */
.drawingprint .up li:nth-child(4){
  clear: both;
}

.drawingprint .up li:nth-child(8){
  margin-right: 0 !important;
}

.drawingprint .up li:nth-child(13){
  margin-right: 0 !important;
}

.drawingprint .up li:nth-child(18){
  margin-right: 0 !important;
}

.drawingprint .up li:nth-child(23){
  margin-right: 0 !important;
}

.drawingprint .up li:nth-child(28){
  margin-right: 0 !important;
}


.drawingprint .up li:nth-child(n+4){
  width: 186px;
  margin:0 12px 0 0;
  float: left;
}

/* アップロード画像 */
#details .drawingprint .shita .boxUp{
  width: 186px;
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  float: left;
}
#details .drawingprint .shita li:nth-child(5){
  margin-right: 0 !important;
}
#details .drawingprint .shita li:nth-child(10){
  margin-right: 0 !important;
}
#details .drawingprint .shita li:nth-child(n+1){
  width: 186px;
  margin: 5px 12px 0 0;
  display: flex;
  flex-wrap: wrap;
  float: left;
}
#details .drawingprint .shita .photoBox {
  margin-bottom: 10px;
}

@media print {
  
  .drawingprint .up li:nth-child(n+4){
    width: 22%;
    margin:10px 28px 0 0 !important;
    float: left;
  }
  .drawingprint .up li:nth-child(7){
    margin-right: 0 !important;
  }
  .drawingprint .up li:nth-child(11){
    margin-right: 0 !important;
  }
  .drawingprint .up li:nth-child(15){
    margin-right: 0 !important;
  }
  .drawingprint .up li:nth-child(19){
    margin-right: 0 !important;
  }
  .drawingprint .up li:nth-child(23){
    margin-right: 0 !important;
  }
  .drawingprint .up li:nth-child(27){
    margin-right: 0 !important;
  }

  #details .drawingprint .shita li:nth-child(n+1){
    width: 22%;
    margin: 10px 28px 0 0;
    display: flex;
    flex-wrap: wrap;
    float: left;
  }
  #details .drawingprint .shita li:nth-child(4){
    margin-right: 0 !important;
  }
  #details .drawingprint .shita li:nth-child(5){
    margin-right: 28px !important;
  }
  #details .drawingprint .shita li:nth-child(8){
    margin-right: 0 !important;
  }
  
}

.printBtn{
  width: 240px;
  margin: 40px auto 0;
}

.printBtn img{
  width: 100%;
  height: auto;
}

/* このあたり030_51.cssに移動したい */
#details .drawing {
  width: 100%;
  height: auto;
  max-width: 1800px;
  margin: auto;
}

#details .drawing img{
  width: 100%;
  height: auto;
  border: 1px black solid;
  vertical-align: inherit;
  /* margin: 0 0 0 10px; */
}

#details .drawing li.boxL{
  width: 635px;
  height: auto;
  float: left;
}

#details .length{
  width: 215px;
  float: left
}

#details .drawing li.boxR{
  margin: 0 0 0 10px;
}


/* 21枚目 */
#details .shita li:nth-child(1){
  width: 205px;
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  float: left;
  clear:both;
}
/* 22枚目以降 
#details .shita li:nth-child(2){
  display: flex;
  float: left;
}*/
#details .shita li:nth-child(n+1){
  width: 205px;
  margin: 0 10px 0 0;
  display: flex;
  flex-wrap: wrap;
  float: left;
}
#details .shita .boxU{
  width: 205px;
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  float: left;
}
#details .shita .photoBox {
  margin-bottom: 10px;
}


/* このあたり030_52.cssに移動 */
#details .drawing.print li:nth-child(n+4){
  width: 23%;
  margin: 0px 0 0 2%;
  float: left;
}
#details .drawing.print li:nth-child(4){
  clear: both;
}

.sTitle {
  margin-bottom: 20px;
}
/* @media only screen  and (max-width:920px){
  #details .photoBox {
    width: 920px !important;
  }
  #aacw150_03 #details .photoBox {
    width: auto !important;
  }
  #details .drawing li:nth-child(3){
    margin-left: 0;
  }
} */
@media only screen  and (max-width:480px){
  td {
    white-space: normal !important;
  }
  #contents #details > .head1 .boxR input[type="text"] {
    width: 3.5em;
  } 
}


/* deleteBox
-------------------------------------- */
.delete{
  display: inline-block;
  border: 1px solid #ee795f;
  padding: 4px 1em;
  border-radius: 15px !important;
  background: #ee795f;
  color:#fff;
  text-align: center;
  box-sizing: border-box;
}
.deleteBox{
  width: 100%;
}

.deleteBox .boxL{
  width: calc(100% - 115px);
  float: left;
}

.deleteBox .boxR{
  float: right;
}

#details .kome{
  text-indent: -1em;
  padding-left: 1em;
  text-align: left;
}
#details .indent1em{
  padding-left: 1em;
  text-align: left;
  line-height: 16px;
}
#details .indent1em .waku{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 1px 10px;
  border-radius: 3px;
  margin-left: 2px;
}
@media screen and (max-width: 640px) {
  .deleteBox .boxL{
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }  
  .deleteBox .boxR {
    display: block;
  }
}



/*attention*/

#details .attention{
  width: 100%;
  margin: 30px auto;
}

#details .attention .applicable{
  width: auto;
}

#details .attention .applicable .boxL{
  width: 50%;
  float: left;
  text-align: left;
  margin-top: 20px;
}

#details .attention .applicable .boxR{
  width: 50%;
  float: right;
}

#details .attention .status{
  text-align: left;
  margin: 15px 0 0;
}

.error_txt{
  font-size: 0.8em;
  display: block;
  padding: 0.5em 0;
  color: #dd271e;
}

@media screen and (max-width: 840px) {
  #details .attention .tabBorder .tab a{
    width: 20vw;
    line-height: 25px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
  }
}

input[type="submit"]:not(:disabled),
input[type="button"]:not(:disabled) {
  cursor: pointer;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
button {
  cursor: pointer;
}


.formBtn{
  width: 300px;
  margin-top: 3em;
  padding: 0.5em 0;
  font-size: 1.3em;
  font-weight: bold;
  color: #FFF;
  background: #dd271e;
  border: none;
  border-radius: 10px;
}
.formBtn.s-size{
  width: 130px;
}
.formBtn.l-size{
  width: 390px;
}
.formBtn.ll-size{
  width: 530px;
}
.formBtn:hover{
  opacity: 0.7;
  cursor: pointer;
}


.required{
  font-weight: normal;
  display: inline-block;
  padding: 3px 5px;
  font-size: 0.6em;
  color: #FFF;
  line-height: 1.0;
  background: #dd271e;
  margin: 0 0 0 10px;
  vertical-align: middle;
  font-family: "メイリオ", Meiryo;
}


/* === ソートボタンを表示するエリア ============== */
.tsImgArea{
  line-height: 1;
}
/* === ソートボタン ============================== */
.tsImg{
  display  : inline-block;
  width    : 8px;
  height   : 6px;
  background : #fff;
  border   : 1px solid #777;
  margin   : 1px 3px;
  padding  : 3px;
  cursor   : pointer;
}
/* === ソートボタン（カーソルオーバー時）========= */
.tsImg:hover{
  background : #fff;
}
/* === ソートボタン内の三角の色（SVG）============ */
.tsImg path{
  fill     : #777;
}


input.number01{
  width: 185px;
}
input.number02{
  width: 185px;
}


  img.c_icon{
    display: inline-block;
    padding: 7px;
  }

/* ローディング */
#overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#overlay .loading {
  position: absolute;
  top: 50%;
  width: 100%;
  color: white;
}



/* パンくずリスト */
header.contents_header {
  width: 100%;
  height: fit-content;
  margin-bottom: -7px;
  background-color: transparent;
  text-align: left;
  display: inline-block;
  padding-bottom: 15px;
  margin-top: -10px;
}
header.contents_header ul.breadcrumb {
  list-style: none;
  display: block;
  float: left;
  width: calc(100% - 9em);
}
header.contents_header ul.breadcrumb li {
  display: inline;
  white-space: nowrap;
}
header.contents_header ul.breadcrumb li+li:before {
  color: #2d2c29;
  content: ">\00a0";
}
header.contents_header ul.breadcrumb li a {
  color: #059cc7;
  text-decoration: underline;
}

header.contents_header .backbutton {
  height: 100%;
  float: right;
  margin-top: -2px;
}
@media only screen  and (max-width:480px){
  header.contents_header {
    margin-top: 5px;
  }
}
header.contents_header .commonButton {
  border-radius: 15px !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
  width: 6em !important;
}
@media only screen  and (max-width:480px){
  header.contents_header .commonButton {
    width: 5.5em !important;
  }
}

.img-thumbnail{
  width: 88px;
  height: 66px;
  min-width: 88px;
}

.page-first{
  padding:8px 16px;
  float:left;
  margin-left:-2px;
  border-style: solid;
  border-width: 1px;
  background: #ffffff;
}

.page-pre{
  float:left;
  border-radius:4px 0 0 4px;
  padding:8px 16px;
  border-style: solid;
  border-width: 1px;
  background: #ffffff;
}

.page-number{
  margin-left:-2px;
  float:left;
  padding:8px 16px;
  border-style: solid;
  border-width: 1px;
  background: #ffffff;
}

.page-number:disabled, .page-first:disabled, .page-last:disabled{
  pointer-events: none;
  color: #ffffff;
}

.page-next{
  float:left;
  padding:8px 16px;
  margin-left:-2px;
  border-radius:0 4px 4px 0;
  border-style: solid;
  border-width: 1px;
  background: #ffffff;
}

.page-last{
  float:left;
  padding:8px 16px;
  margin-left:-2px;
  border-style: solid;
  border-width: 1px;
  background: #ffffff;
}

.page-pre:disabled, .page-next:disabled{
  pointer-events: none;
  color: #D7D7D7;
  border: 1px solid #D7D7D7 !important;
}

.page-first:hover, .page-pre:hover, .page-number:hover, .page-next:hover, .page-last:hover{
  background: #cccccc;
}

input[type='checkbox'], input[type=radio] {
  -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  vertical-align: baseline;
  margin: 10px 5px 10px 5px;
  cursor: pointer;
  }
.head1 .boxL {
  float: none !important;
  width: 100% !important;
  
}
.head1 .boxR {
  float: right !important;
  width: 100%;
}

.commonBigButton{
  display: inline-block;
  font-size: 1.2em !important;
  border-style: solid;
  border-width: 1px;
  padding: 3px 1.5em;
  margin: 0 1em;
  border-radius: 15px !important;
  color:#fff;
  text-align: center;
  box-sizing: border-box;
}


/* aaw2.cssから　共通でないものは各cssに移動 */

#details .red{
  color: #ff0000;
  font-weight: bold;
}
#details .blue{
  color: #0000FF;
  font-weight: bold;
}
.notesBox .notes-2{
  clear: none;
}
.notesBox .seri>.notes-2{
  padding: 0;
  margin-top: 10px;
}
.notesBox input[type="button"]{
  display: inline-block;
  font-size: 1em;
  border-style: solid;
  border-width: 1px;
  padding: 2px 0.5em;
  margin: 0 1em;
  border-radius: 15px;
  color:#fff;
  min-width: 10em;
  text-align: center;
  box-sizing: border-box;
}
/* calc2
-------------------------------------- */
#details .calc2{
  margin-top: 10px;
  padding: 25px 6%;
  background: #f6f6f6;
  text-align: left;
  box-sizing: border-box;
  line-height: 2em;
}
#details .calc2 .pliceForm{
  width: auto;
  margin-top: 0;
}
#details .calc2 .pliceForm strong{
  display: inline-block;
  font-size: 14px;
  width: 4.5em;
  text-align: left;
}
#details .calc2 .pliceForm .price{
  width: 8em;
  font-size: 1.2em;
}
#aacw080_02 #details .calc2 .pliceForm input[type="submit"],
#aacw090_02 #details .calc2 .pliceForm input[type="submit"],
#aacw110_02 #details .calc2 .pliceForm input[type="submit"]{
  display: block;
  margin: 10px auto 0;
}

#details .calc2 .radio label{
  width: 45%;
  display: inline-block;
}
#details .calc2BtnBox{
  width: 60%;
  text-align: center;
  margin-top: 15px;
}
#details .calc2BtnBox input[type="submit"], 
#details .calc2BtnBox button{
  display: inline-block;
  font-size: 1.2em;
  border-style: solid;
  border-width: 1px;
  padding: 3px 0.5em;
  margin: 0 0.5em;
  border-radius: 15px;
  color:#fff;
  width: 5em;
  text-align: center;
  box-sizing: border-box;
}
/* calr（AACW050_02）
-------------------------------------- */
#details .calr{
  margin-top: 30px;
  padding: 30px 60px;
  background: #FFDDDD;
  text-align: left;
  width: 60%;
  box-sizing: border-box;
  line-height: 2em;

}
#details .calr .pliceForm strong{
  display: inline-block;
  font-size: 14px;
  width: 7em;
}

#details .calr .radio label{
  width: 45%;
  display: inline-block;
}
#details .calrBtnBox{
  width: 60%;
  text-align: center;
  margin-top: 15px;
}
#details .calrBtnBox input[type="submit"], 
#details .calrBtnBox button{
  display: inline-block;
  font-size: 1.2em;
  border-style: solid;
  border-width: 1px;
  padding: 3px 0.5em;
  margin: 0 0.5em;
  border-radius: 15px;
  color:#fff;
  width: 5em;
  text-align: center;
  box-sizing: border-box;
}
/* searchBox2
-------------------------------------- */
.searchBox2{
  text-align: center;
}
.searchBox2.left{
  text-align: left;
}
.searchBox2 li{
  display: inline-block;
  vertical-align: text-top;
  line-height: 2em;
}
.searchBox2 input[type="radio"]{
  margin-top: -1px;
} 
.searchBox2 input[type="submit"], 
.searchBox2 input[type="reset"]{
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  padding: 3px 0.5em;
  margin: 0 0.5em;
  border-radius: 15px;
  color:#fff;
  width: 5em;
  text-align: center;
  box-sizing: border-box;
}
.searchBox2 .seri{
  float: right;
  margin-top: 4px;
}
.searchBox2 .seri input[type="submit"]{
  width: 10em;
}

.searchBox2 input[type="text"].page{
  width: 4em;
} 
/* 修正内容
-------------------------------------- */
.boxRed {
  width: 60%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.boxRed tr {
  border: 1px solid #e31b4a;
}
.boxRed th {
  display: inline-block;
  border: 1px solid #e31b4a;
  background: #e31b4a;
  width: 10em;
  text-align: center;
  color: #FFFFFF;
}
.boxRed td {
  display: block;
  text-align: left;
  margin: 5px 30px;
}
@media screen and (max-width: 840px) {
  .boxRed {
    width: 100%;
  }
}
/* 修正内容
-------------------------------------- */
.calcBtnBox2{
  width: 100%;
  text-align: right;
  margin-top: 15px;
}
.calcBtnBox2 button{
  display: inline-block;
  font-size: 1.2em;
  border-style: solid;
  border-width: 1px;
  padding: 3px 0.5em;
  margin: 0 0.5em;
  border-radius: 15px;
  color:#fff;
  width: 5em;
  text-align: center;
  box-sizing: border-box;
}


/* aaw3から 共通でないものは各cssに移動----------------------------------------------------------- */

#details .catch .red{
  color: #ff0000;
  font-weight: bold;
}

/* -- 未着 --*/
#details .tGray2 .notarrive{
  color: #ff0000;
}


/* ヘッダボタンL */
.head1 .boxL.display input[type="button"], /* ★ */
.head1 .boxL.display input[type="submit"]{
  display: inline-block;
  font-size: 1.2em;
  border-style: solid;
  border-width: 1px;
  padding: 3px 0.5em;
  margin: 0 1em;
  border-radius: 15px;
  color:#fff;
  min-width: 10em;
  text-align: center;
  box-sizing: border-box;
}

/*　ヘッダ左ボックス */
.head1 .boxL.display li{
  float: left;
  display: inline-block;
}

/* パスワード関係一部 */
#details .backGraySquere , 
#details .password{
  margin-top: 10px;
  padding: 20px 6%;
  background: #f6f6f6;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  line-height: 2em;
}

#details .backGraySquere .inputForm strong{  
  display: inline-block;
  font-size: 14px;
}

#details .password .passForm strong{
  display: inline-block;
  font-size: 14px;
  width: 7.5em;
}

#details .sendBtnBox{
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

#details .sendBtnBox input[type="button"],
#details .sendBtnBox input[type="submit"], 
#details .sendBtnBox button{
  display: inline-block;
  font-size: 1.2em;
  border-style: solid;
  border-width: 1px;
  padding: 3px 1.5em;
  margin: 0 0.5em;
  border-radius: 15px;
  color:#fff;
  text-align: center;
  box-sizing: border-box;
}

#details .passBtnBox{
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

#details .tGray td .linkBtn{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 3px 0.5em;
  width: 100%;
  border-radius: 15px;
  background: #ffffff;
  line-height: 12px;
  box-sizing: border-box;
  text-align: center;
}

#details .inputDetail.line {
  border-top:1px solid #666666;
  margin-top: 10px;
  padding-top: 10px;
}
#details .inputDetail {
  font-size: 14px;
  margin-bottom: 10px;
}
#details .inputDetail:last-child {
  margin-bottom: 0;
}
#details .inputDetail .inputLabel {
  width: 170px;
  display: inline-block;
  vertical-align: top;
}
#details .inputDetail .inputArea {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 780px){
  #details .inputDetail .inputArea {
    display: block;
  }
}

#details .commonBtnBox input[type="submit"], 
#details .commonBtnBox button{
  display: inline-block;
  font-size: 1.2em;
  border-style: solid;
  border-width: 1px;
  padding: 3px 0.5em;
  margin: 0 0.5em 0.4em;
  border-radius: 15px;
  color:#fff;
  text-align: center;
  box-sizing: border-box;
}
#details .commonBtnBox{
  width: 60%;
  text-align: center;
  margin: 15px auto 0;
}
@media only screen and (max-width:840px){
  #details .commonBtnBox {
    width: 100%;
  }
}

.warning{
  margin: 0.5em auto;
  padding: 0.2em 0 ;
  color: #ffffff;
  background: #e31b4a;
  line-height: 16px;
  width: 60%;
  text-align: center;
  font-size: 14px;
}

@media only screen  and (max-width:840px){
  .warning{
    width: 100%;
    white-space: normal;
  }
}

.red{
  color: #ff0000;
}

.okLabel{
  margin: 0.5em 0;
  padding: 0.2em 0 ;
  color: black;
  background: pink;
  line-height: 16px;
  width: 15%;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  float: left ;
}

@media only screen  and (max-width:840px){
  .okLabel{
    width: 5em;
  }
}

.okMessage{
  margin: 0.5em 1em;
  text-align: left;
  font-size: 14px;
  float: left ;
  font-weight: bold;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.popupMessage{
  font-size: 16px;
  margin-bottom: 15px;
  text-align: left ;
}

/* 会員情報変更　変更リンクボタン */
#details .lGray td .linkBtn{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 3px 0.5em;
  width: 5em;
  border-radius: 15px;
  background: #ffffff;
  line-height: 12px;
  box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
}

/* 会員情報変更　メール送信テストボタン */
#details .lGray td .mailBtn{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 3px 0.5em;
  width: 12em;
  border-radius: 15px;
  background: #ffffff;
  line-height: 12px;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
}

/* 右寄せキャッチ */
#details .catchRight{
  margin-bottom: 5px;
  text-align: right ;
}

.head2 .boxR input[type="button"], /* ★ */
.head2 .boxR input[type="submit"]{
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  padding: 3px 0.5em;
  margin: 0 5em;
  border-radius: 15px;
  color:#fff;
  text-align: center;
  box-sizing: border-box;
  float: right ;  
}

#details .w60{
  width: 60%;
}

@media only screen  and (max-width:840px){
  #details .w60{
    width: 100%;
  }
  #details .catchRight{
    text-align: center ;
  }
  .head2 .boxR input[type="submit"]{
    float : none ; 
  }
}

.fullDiv{
  width: 100%;
}

/*
#details .lGray th{
  min-width: 50px;
}*/

#details .searchBox .autosize{
  width: auto;
}

.catchLarge{
  margin-bottom: 15px;
  text-align: left !important;
  font-size: 18px;
  font-weight: bold;
}

/* 印刷画面用 */
#aacw030_60 #details td,
#aacw030_70 #details td{
  white-space: normal;
}


*/


/* aac4から移動 共通でないものは各cssに移動 */

/* インプットエリア幅
-------------------------------------- */
#details .calc input.price01{
  width: 3em;
  font-size: 1em;
  text-align:right;
}

#details .calc input.tantou01{
  width: 10em;
  font-size: 1em;
}

#details .calc input.tel{
  width: 8em;
  font-size: 1em;
}

/* スタイル（）
-------------------------------------- */

.katamari_type01 {
display: inline-block;
}

.notesBox_type02{
  margin: 0px 0 0;
}

.notesBox_type02 p{
  display: inline-block;
  float: right;
  font-size: 14px;
  line-height: 24px;
  padding: 0 1rem;
  text-align: center;
}

.notesBox_type02 p.notes-r{
  background: #FCEFEA;
  margin-left: 1em;
}

.notesBox_type02 p.notes-r a{
  color: #ec8c24;
}

.notesBox_type02 p.notes-l{
  background: #ECF7FC;
}

.notesBox_type02 p.notes-l a{
  color: #4396e3;
}



/* 文字色（）
-------------------------------------- */
.mojiiro_ao {
color: #0000ff;
}

.mojiiro_aka {
color: #ff0000;
}

/* 文字サイズ（）
-------------------------------------- */
.mojisize_01 {
font-size: 0.5rem;
}

/* 領域（）
-------------------------------------- */
.ryouiki_01 {
background-color: #ff0000;
font-size: 1.5rem;
vertical-align: middle;
margin-top: 20px;
padding: 30px 20px 30px 20px;
display: inline-block;
width: 150px;
height: 100px;
}


/* テーブルタイプ1（）
-------------------------------------- */
.t-type01 {
	font-weight: bold;
}

.t-type01 th {
  width: 10em;
  text-align: center;
}

.t-type01 td.style01{
  border: 0px;
  text-align: center;
  vertical-align: middle;
  background: #ffc0cb;
  padding: 20px;
}

.t-type01 td.style02{
  border: 0px;
  text-align: center;
  vertical-align: top;
  padding: 3px 3px 0 3px;
  color: #ff0000;
  line-height: 1.0rem;
}

.t-type01 td.style03{
  border: 0px;
  text-align: left;
  vertical-align: top;
  padding: 3px 0 0 0;
  color: #ff0000;
  line-height: 1.0rem;
}

.t-type01 td.style04{
  border: 0px;
  text-align: left;
  vertical-align: top;
  padding: 3px 0 0 0;
  color: #000000;
  line-height: 1.0rem;
}

/* テーブルタイプ2（）
-------------------------------------- */
.t-type02 {
  width: 500px;
  margin: 15px 0 0;
  border: 0px;
}

.t-type02 th{
  border: 0px;
  text-align: center;
  background: #f6f6f6;
}
.t-type02 th.w-max{
  max-width:150px;
  white-space: normal;
}

.t-type02 td{
  border: 0px;
  text-align: center;
  white-space: normal;
}
.t-type02 th.alignL{
  border: 0px;
  text-align: left;
  background: #f6f6f6;
  padding: 10px;
}
.t-type02 td.alignL{
  border: 1px solid #D7D7D7;
  text-align: left;
  padding: 10px;
}
.t-type02 td .contract,
.t-type02 td .soldout{
  color: #ff0000;
  display: block;
  line-height: 16px;
  text-align: right;
  white-space: nowrap;
}
.t-type02 td .undecided{
  color: #2715FF;
  display: block;
  line-height: 16px;
  text-align: right;
  white-space: nowrap;
}

.t-type02 td .correction{
  color: #ff0000;
  display: inline-block;
  line-height: 16px;
  text-align: right;
  white-space: nowrap;
}
.t-type02 .listing td{
  background: #E5F6FC;
}
.t-type02 .bit td{
  background: #FEEAE4;
}
.t-type02 td input[type="submit"]{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 2px 0.2em;
  width: 80%;
  border-radius: 15px;
  color:#fff;
  line-height: 12px;
  box-sizing: border-box;
  text-align: center;
}


/* テーブルタイプ3（ボーダーなし）
-------------------------------------- */
#details .type03{
  width: 604px;
  margin: 15px 0 0;
  border: 1px;
}

#details .type03 th{
  border: 1px;
  text-align: center;
  background: #f6f6f6;
  padding: 5px 0;
  line-height: 15px;
  min-width: 50px;
}
#details .type03 th.w-max{
  min-width:150px; 
}
#details .type03 th img{
  height: 15px;
  width: auto;
}
#details .type03 th.alignL{
  text-align: left;
  padding: 5px 10px;
}
#details .type03 td{
  border: 0px;
  text-align: left;
  box-sizing: border-box;
  white-space: normal;
  max-width: 160px;
  padding: 2px;
}
#details .type03 td.alignC{
  text-align: center;
}
#details .type03 td.alignL{
  text-align: left;
}
#details .type03 td.alignR{
  text-align: right;
}
#details .type03 td .linkURL{
  color: #059cc7;
  text-decoration: underline;
}
#details .type03 .listing td{
  background: #E5F6FC;
}
#details .type03 .bit td{
  background: #FEEAE4;
}
#details .type03 td ul.linkA-D{
  width: 3em;
}
#details .type03 td ul.linkA-D li{
  width: 1em;
  float: left;
  margin-right: 0.75em;
}
#details .type03 th .addBtn{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 2px 0.2em;
  width: 80%;
  border-radius: 15px;
  color:#fff;
  line-height: 12px;
  box-sizing: border-box;
  text-align: center;
  margin-top: 2px;
}
#details .type03 td input[type="checkbox"]{
  margin: 0 0.7em;
}
#details .type03 td input[type="submit"]{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 2px 0.2em;
  width: 100%;
  border-radius: 15px;
  color:#fff;
  line-height: 12px;
  box-sizing: border-box;
  text-align: center;
}
#details .type03 td .contract,
#details .type03 td .soldout,
#details .type03 td .correction{
  color: #ff0000;
  display: block;
  line-height: 16px;
  text-align: right;
  white-space: nowrap;
}
#details .type03 td .undecided{
  color: #2715FF;
  display: block;
  line-height: 16px;
  text-align: right;
  white-space: nowrap;
}


/* テーブルタイプ4（ボーダーなし）
-------------------------------------- */
#details .type04{
  width: 684px;
  margin: 15px 0 0;
  border: 1px;
}

#details .type04 th{
  border: 1px;
  text-align: center;
  background: #f6f6f6;
  padding: 5px 0;
  line-height: 15px;
  min-width: 50px;
}
#details .type04 th.w-max{
  min-width:150px; 
}
#details .type04 th img{
  height: 15px;
  width: auto;
}
#details .type04 th.alignL{
  text-align: left;
  padding: 5px 10px;
}
#details .type04 td{
  border: 0px;
  text-align: left;
  box-sizing: border-box;
  white-space: normal;
  max-width: 160px;
  padding: 2px;
}
#details .type04 td.alignC{
  text-align: center;
}
#details .type04 td.alignL{
  text-align: left;
}
#details .type04 td.alignR{
  text-align: right;
}
#details .type04 td .linkURL{
  color: #059cc7;
  text-decoration: underline;
}
#details .type04 .listing td{
  background: #E5F6FC;
}
#details .type04 .bit td{
  background: #FEEAE4;
}
#details .type04 td ul.linkA-D{
  width: 3em;
}
#details .type04 td ul.linkA-D li{
  width: 1em;
  float: left;
  margin-right: 0.75em;
}
#details .type04 th .addBtn{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 2px 0.2em;
  width: 80%;
  border-radius: 15px;
  color:#fff;
  line-height: 12px;
  box-sizing: border-box;
  text-align: center;
  margin-top: 2px;
}
#details .type04 td input[type="checkbox"]{
  margin: 0 0.7em;
}
#details .type04 td input[type="submit"]{
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 2px 0.2em;
  width: 100%;
  border-radius: 15px;
  color:#fff;
  line-height: 12px;
  box-sizing: border-box;
  text-align: center;
}
#details .type04 td .contract,
#details .type04 td .soldout,
#details .type04 td .correction{
  color: #ff0000;
  display: block;
  line-height: 16px;
  text-align: right;
  white-space: nowrap;
}
#details .type04 td .undecided{
  color: #2715FF;
  display: block;
  line-height: 16px;
  text-align: right;
  white-space: nowrap;
}


/* テーブルタイプ5（赤枠あり）
-------------------------------------- */
#details .type05{
  width: 100%;
  margin: 15px auto 0;
  border: 1px solid #D7D7D7;
}

#details .type05 th{
  border: 1px solid #D7D7D7;
  text-align: center;
  background: #f6f6f6;
  line-height: 0.9rem;
}

#details .type05 td{
  border: 1px solid #D7D7D7;
  text-align: center;
}
#details .type05 th.alignL{
  border: 1px solid #D7D7D7;
  text-align: left;
  background: #f6f6f6;
  padding: 10px;
}

#details .type05 th.alignL-2{
  border: 2px solid #ff0000;
  text-align: left;
  background: #f6f6f6;
  padding: 10px;
}

#details .type05 td.alignL{
  border: 1px solid #D7D7D7;
  text-align: left;
  padding: 10px;
}
#details .type05 td input[type="text"]{
  /*font-size: 12px;*/
  width: 100%;
  max-width: 10em;
}
#details .type05 td input[type="checkbox"]{
  margin-top: -1px;
}
#details .type05 td input[type="text"].full{
  width: 100%;
  box-sizing: border-box;
}

#details .type05 td>* {
  margin: 3px 15px 3px 0;
  display: inline-block;
}
#details .type05 td>*:last-child {
  margin-right: 0;
}

#details .type05 .checkBoxType05 {
  display: inline-block;
  background-color: #d6e9ca;
  padding: 5px 8px 5px 3px;
}
#details .type05 .checkBoxType05 label {
  text-decoration: none;
}
#details .type05 textarea {
  margin: 0;
}
#details .type05 textarea.salesPoint {
  width: 92%;
  max-width: 300px;
}
#details .type05 textarea.ChuuiJikou {
  width: 92%;
  max-width: 220px;
}
#details .type05 td .suffix {
  margin: 3px 0 3px 5px;
  display: inline-block;
}
@media screen and (max-width: 499px){
  #details .type05 th,
  #details .type05 td {
    padding-right: 5px;
  }
}


/* 送信ボタンタイプ2（ボーダーなし）
-------------------------------------- */
#details .calcBtnBox_type02{
  width: 100%;
  text-align: center;
  margin-top: 15px;
  display: flex;
}
#aacw200_02 #details .calcBtnBox_type02{
  width: 100%;
}
@media only screen and (max-width:840px){
  #details .calcBtnBox_type02 {
    width: 100%;
  }
}
#details .calcBtnBox_type02 input[type="button"], 
#details .calcBtnBox_type02 input[type="submit"], 
#details .calcBtnBox_type02 button{
  font-size: 1.2em;
  border-style: solid;
  border-width: 1px;
  padding: 3px 1em;
  border-radius: 15px;
  color:#fff;
  min-width: 8em;
  text-align: center;
  box-sizing: border-box;
}
#details .calcBtnBox_type02 input[type="button"].delete, 
#details .calcBtnBox_type02 input[type="submit"].delete, 
#details .calcBtnBox_type02 button.delete{
  font-size: 1.2em;
  border: 1px solid #ee795f;
  padding: 3px 1em;
  border-radius: 15px;
  background: #ee795f;
  color:#fff;
  min-width: 8em;
  text-align: center;
  box-sizing: border-box;
}
/* 送信ボタンタイプ3（ボーダーなし）
-------------------------------------- */
#details .calcBtnBox_type03{
  width: 60%;
  text-align: center;
  margin-top: 15px;
}

#details .calcBtnBox_type03 input[type="button"], 
#details .calcBtnBox_type03 input[type="submit"], 
#details .calcBtnBox_type03 button{
  display: inline-block;
  font-size: 1.2em;
  border-style: solid;
  border-width: 1px;
  padding: 3px 0.5em;
  margin: 0 0.5em;
  border-radius: 15px;
  color:#fff;
  width: 10rem;
  text-align: center;
  box-sizing: border-box;
}

/* スペーサー（）
-------------------------------------- */
.spacer01 {
margin-top:20px;
}

.spacer02 {
margin-top:-10px;
}

/* 揃え（）
-------------------------------------- */
.hidari {
text-align: left;
}

.migi {
text-align: right;
}

.floatL {
  float: left;
}
.floatR {
  float: right;
}