@charset "utf-8";



table.ta2 {
  border: 1px solid #c6c6c6;	/*テーブルの枠線の幅、線種、色*/
  width: 100%;
  margin:0 auto;
  margin-top:10px;
}
table th,
table td {
  padding: 10px;
  background-color:rgba(255, 255, 255, 0.4);
  border: 1px solid #e5e5e5;
  vertical-align: middle;
}
table th {
	color:#FFF;
	font-weight:bold;
  /*background-color: #ff6699;*/
  background:#c2c2c2;
  text-align: center;
  vertical-align: middle;
  width: 25%;
}

@media screen and (max-width: 800px) {
	table.ta2 {
  width: 98%;
}
  table {
    border-top: 1px solid #999;
  }
  table td {
    display: block;
    text-align: center;
  }
  table th {
    display: block;
    border-top: none;
    border-bottom: none;
	width:auto;
  }
}

.title00 {
	margin:0 auto;
	width:90%;
	background-color:#ff6699;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	color:#FFF;
}

.title01 {
	margin-top:5px;
	padding-right:20px;
	padding-left:20px;
	text-align:left;
}
.title02 {
	margin-top:-5px;
	padding-right:20px;
	padding-left:20px;
	text-align:left;
}

/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin:10px 30px;
	font-size: 100%;
	color: #ff7abd;		/*文字色*/
	padding: 2px 15px;	/*左から、上下、左右への余白*/
	clear: both;
	border-left: 4px solid #ff7abd;		/*左の線の幅、線種、色*/
	border-bottom: 1px solid #ff7abd;	/*下の線の幅、線種、色*/
	font-weight:bold;
    cursor :pointer;
    transition: all 0.5s;
}

/*ラベルホバー時*/
.accbox label:hover {
    /*background :#85baef;*/
	opacity:0.5;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    /*background: #eaeaea;*/
    opacity: 1;
}

/*アイコンを表示*/
.accbox label:before {
    content: '\f054';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f078';
}

.box11 {
	padding:5px;
	margin:2px 30px;
}
.newinfo {
	
}
section.content .newinfo{
padding:20px;
border:1px solid #f1f1f1;
overflow:hidden;
background-color:#fffef5;
height:100px;
overflow:auto;
}
section.content02 .newinfo{
padding:20px;
border:1px solid #f1f1f1;
overflow:hidden;
background-color:#fffef5;
height:100px;
overflow:auto;
}
/*input[type=text] {
width: 100%;
height: 20px;
box-sizing: border-box;
border-radius:5px
}*/
/*textarea {
    resize: none;
	width:100%;
	box-shadow: none;
	border-radius:5px
	
}*/


.btn04 {
	display: inline-block;
    padding: 2px 20px;
	border-radius: 25px;
    text-decoration: none;
    color: #FFF;
	background-color:#ed97ff;
    transition: .4s;
	text-align:left;
}
.btn04:hover {
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}

.select-box01 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.select-box01 select {
	width: 150px;
	padding: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url("http://create.hippy.jp/ciws/images/arrow01.png") right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#fffafe 100%);
	background: url("http://create.hippy.jp/ciws/images/arrow01.png") right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#fffafe 100%);
	background-size: 20px, 100%;
	border-radius: 5px;
}

.select-box02 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.select-box02 select {
	width: 110px;
	padding: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url("http://create.hippy.jp/ciws/images/arrow01.png") right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#fffafe 100%);
	background: url("http://create.hippy.jp/ciws/images/arrow01.png") right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#fffafe 100%);
	background-size: 20px, 100%;
	border-radius: 5px;
}

.select-box03 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.select-box03 select {
	width: 130px;
	padding: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url("http://create.hippy.jp/ciws/images/arrow01.png") right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#fffafe 100%);
	background: url("http://create.hippy.jp/ciws/images/arrow01.png") right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#fffafe 100%);
	background-size: 20px, 100%;
	border-radius: 5px;
}
.txbox01 {
width: 95%;
border-radius:5px;
border: 1px rgba(0,0,0,0.2) solid;
box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4) inset;
padding: 10px 8px;
}
.txbox02 {
width: 95%;
height: 150px;
border-radius:5px;
padding: 10px 8px;
}


.radio04-input{
  display: none;
}
.radio04-parts{
transition:.4s;
}
.radio04-input:checked + .radio04-parts{
  color: rgba(255,85,94,1);
}
.radio04-parts::before{
  content: "";
  display: block;
  
  top: 1px;
  left: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  z-index:-1;
  transform: scale(0,0);
  background: rgba(255,85,94,.3);
  position: absolute;
}
.radio04-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #ff6699;
  transition:.4s;
  transform: scale(0,0);
}

.radio04-input:checked + .radio04-parts::after{
  transform: scale(1,1);
  border-radius: 50%;
  background: #ff555e;
}
.radio04-input:checked + .radio04-parts:before {
  animation: pulsate .8s ease-out;  /* スピードなど */
}


.checkbox04-input{
  display: none;
}
.checkbox04-parts{
  position: relative;
  padding: 15px 20px 15px 53px;
  transition:.3s;
  color: #aaa;
  border-radius: 8px;
  border: 1px solid #ddd;
  display:inline-block;
  line-height:1;
margin-bottom: 5px;
}
@media screen and (max-width: 800px) {
.checkbox04-parts{
min-width: 80%;
}
}
.checkbox04-input:checked + .checkbox04-parts{
  background: rgba(255, 102, 102, 0.5);
  color: #fff;
  border: 1px solid rgba(255, 102, 102, 0.5);
}
.checkbox04-parts::before{
  content: "";
  display: block;
  posi15px;
  left: 9px;
  width: 30px;
  height: 15px;
  border-radius: 15px;
  border: 1px solid #aaa;
  background: #fff;
  position: absolute;
}
.checkbox04-parts::after{
  content: "";
  display: block;
  position: absolute;
  top:17px;
  left: 11px;
  width: 13px;
  height: 13px;
  background: #aaa;
  border-radius: 50%;
  transition:.2s;
  display: block;
}
.checkbox04-input:checked + .checkbox04-parts::before {
  border: 1px solid rgba(255, 102, 102, 0.5);
}
.checkbox04-input:checked + .checkbox04-parts::after {
  left: 26px;
  background: rgba(255, 102, 102, 0.5);
}

#botan input {
	background:#fff;
}