html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
}
input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}
div#two_maincolumn {
	width: 100%;
}
.head {
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
	font-size: 2em;
}
.tbset {
	table-layout: fixed;
}
.img {
	padding-left: 8px;
	width: 30%;
}
.td1 {
	text-align: center;
	width: 1em;
	writing-mode: vertical-lr;
	min-height: 4em;
}
.td1 span {
	-webkit-writing-mode: vertical-lr;
	-moz-writing-mode: vertical-rl;
	writing-mode: tb-rl;
}
.td2 {
	width: 46%;
	text-align: left;
	padding-top: 16px;
}
.td2 img {
	vertical-align:middle;
}
.td2 span {
	vertical-align:middle;
}
.td2 h3 {
	padding-left: 20px;
}
.td3 {
	width: 14%;
	text-align: right;
	padding-top: 16px;
}
.td3 h3 {
	line-height: 2em;
}
.td5 {
	width: 24%;
	text-align: center;
}
.td5 span {
	font-size: .7em;
}
.td6 {
	background-color: #000;
	color: #fff;
	text-align: center;
	//width: 1em;
	width: 16px;
	//writing-mode: vertical-lr;
	min-height: 4em;
}
.td6 span {
	-webkit-writing-mode: vertical-lr;
	-moz-writing-mode: vertical-rl;
	writing-mode: tb-rl;
}
.td7 {
	width: 32%;
	text-align: center;
	padding-top: 16px;
}
.td8 {
	width: 15%;
	text-align: center;
}
.td8 img {
	width: 90%;
}
.td9 {
	text-align: left;
	font-size: .8em;
	line-height: 1.4;
}
.td10 {
	text-align: center;
	font-size: 1em;
}
.td10 span {
	font-size: .6em
}
.td11 {
	text-align: center;
	font-size: 1em;
}
.td11 span {
	font-size: .6em
}
.td11 input[type=number] {
	font-size: 1.2em;
	width: 3em;
	text-align: center;
}
.inp {
	width: 70%;
	font-size: 70%;
	text-align: center;
	margin-right:2px;
}
.contact-form {
  font-size: 1.4em;
  font-weight: 900;
  margin: 40px auto 0 auto;
  width: 100%;
  text-align: center;
  padding-left: 60px;
}
.contact-form .title {
  display: block;
  overflow: hidden;
  margin-top: 16px;
  margin-bottom: 4px;
  text-align: left;
  //text-align: center;
  //margin-left: 60px;
  margin-left: 30%;
}
.contact-form .item {
  display: block;
  overflow: hidden;
  margin-bottom: 40px;
}
.contact-form .item.no-label {
  padding: 5px 0px 5px 60px;
}
.contact-form .item .label {
  float: left;
  padding: 5px;
  margin:0;
  margin-left: 60px;
}
.contact-form .item .radio-group{
  padding: 5px 0px 5px 60px;
}
.contact-form .item input[type=text],
.contact-form .item input[type=email],
.contact-form .item input[type=tel],
.contact-form .item input[type=date],
.contact-form .item select,
.contact-form .item textarea {
  display: block;
  margin-left: 60px;
  //width: 400px;
  width: 80%;
  padding: 5px 10px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-size: 1.4em;
}
.contact-form .item ::placeholder {
  color: #ccc;
}
.contact-form .item textarea {
  outline: none;
  border: 1px solid #ccc;
  resize: vertical;
}
input[type=submit] {
  margin-top: 10px;
  border: none;
  outline: none;
  display: block;
  line-height: 30px;
  width: 30%;
  text-align: center;
  //font-size: 20px;
  font-size: 1.4em;
  font-weight: 700;
  color: #fff;
  background-color: #696;
  border-bottom: 4px solid #464;
  cursor:pointer;
  margin-left: 160px;

  box-sizing: content-box;
  transition:0.1s ease all
}
input[type=submit]:hover{
  opacity:0.6;
}
.tbl {
	margin-bottom: 10px;
	font-size: 1.6em;
	font-weight: 800;
}
.tbl h3 {
	font-size: .6em;
	font-weight: 800;
}
.tbl2 {
	table-layout: fixed;
	margin-top: 50px;
	margin-bottom: 80px;
	font-size: 1.6em;
	font-weight: 800;
}
.tbl2 h3 {
	font-size: .6em;
	font-weight: 800;
}
#mainHead {
	line-height: 1.60;
	font-size: 2em;
	font-weight: 800;
	border-bottom: 3px solid #808080;
	text-align: center;
	padding: 22px 0;
	border: 3px solid #808080;
	color:#808080;
	margin: 50px 50px 25px 50px;
}
.mainTitle {
	margin: 50px 80px 100px 120px;
}
.mainBox {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	width: 80%;
	height: 300px;
	margin: 0 auto 120px auto;
}
.pictTitle {
	width: 40%;
}
.pictTitle img {
	width: 100%;
}
.subTitle {
	text-align: left;
	width: 60%;
	display: block;
	padding-top: 10px;
	padding-left: 80px;
	font-size: 1.5em;
	font-weight: 800;
	line-height: 2.4em;
}
.subbox {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 auto 80px auto;
}
.pictDetail {
	width: 30%;
}
.pictDetail img {
	width: 80%;
	height: auto;
}
.takeDetail {
	text-align: left;
	width: 70%;
	display: block;
	padding-top: 10px;
	padding-left: 30px;
	font-size: 1.6em;
	font-weight: 800;
	line-height: 1.8;
}
.takeDetail p {
	text-align: justify;
}
.tl {
	font-size: 1.2em;
}
.carts {
	margin-top:30px;
}
.prices {
	font-size: 1.6em;
	margin-left: 80px;
}
.prices2 {
	font-size: 1.2em;
	margin-left: 80px;
}
.price {
	font-size: 1.6em;
	margin-left: 80px;
}
.taxs {
	font-size: 1.2em;
}
.suryo {
	text-align: right;
	margin-right: 40px;
}
.suryo input[type=number] {
	font-size: 1.6em;
	width: 4em;
	text-align: center;
}
.send_btn{
  position: relative;
  display: inline-block;
  border-radius: 5px;
  background-color: green;
  padding: 10px;
  text-align: center;
  color: white;
  //width: 300px;
  width: 70%;
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 30px;
}
.send_btn:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.box26 {
    max-width: 380px;
    position: relative;
    margin: 4em auto 2em;
    padding: 0.5em 1em;
    border: solid 1px #C0C0C0;
    border-radius: 4px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 17px;
    background: #FFF;
    color: #000000;
    font-weight: bold;
}
.box26 p {
       font-size: 18px;
    margin: 20;
    padding: 1em;
}

/*  btn_floating
------------------------*/
.btn_floating {
  width: auto;
  line-height: 1.25;
  text-decoration: none;
  background: #fff;
  color: #002BBA;
  font-size: calc(1.4rem + 0.2vw);
  border-radius: 50rem;
  padding: 1.6rem 6rem;
  text-align: center;
  position: relative;
  top: -3rem;
  left: calc(50% - 8rem);
  transition: .3s;
  display: inline-block;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
  -moz-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
  -ms-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
  z-index: 20; }

.btn_floating:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: .1rem;
  right: 12%;
  margin: auto;
  width: 1rem;
  height: 1rem;
  border-top: .1rem solid #0000c1;
  border-right: .1rem solid #0000c1;
  transform: rotate(45deg);
  transition: .3s; }

.btn_floating:hover {
  background-color: #ffd700;
  color: #fff; }

.btn_floating:hover:after {
  right: 8%;
  border-top: .1rem solid #fff;
  border-right: .1rem solid #fff; }

/*  Item > icon
------------------------*/
/*  Item > CSSアコーディオン
------------------------*/
/*ボックス全体*/
.accbox {
  margin: 0;
  padding: 0;
  /*max-width: 400px;最大幅*/
  overflow: hidden;
}

/*ラベル*/
.accbox label {
  /*display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
    color :#2f8fcf;
    font-weight: bold;
    background :#a4cbf3;*/
  cursor: pointer;
  transition: all 0.2s;
}

/*ラベルホバー時*/
/*チェックは隠す*/
.accbox input {
  //display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
  width: 100%;
  height: 0;
  padding: 0;
  opacity: 0;
  transition: 0.2s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
  width: 100%;
  height: auto;
  margin-top: 1rem;
  //margin-bottom: -17rem;
  padding-bottom: 0rem;
  /*padding: 5px;*/
  /*background: #eaeaea;*/
  opacity: 1;
}

#label1_1,#label1_2 {
    display: none;
}