@charset "UTF-8";
/* CSS Document */

.pc_only {display: block;}
.sp_only {display: none;}

/* 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;
  cursor: pointer;
}
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;
}

#pageEntry .section01#entry-form { width: 98%; max-width: 1024px; margin: 0 auto; }
#pageEntry .section01#entry-form h3 { margin-bottom: 10px; text-align: center; }
#pageEntry .section01#entry-form h3 img { width: 154px; }
#pageEntry .section01#entry-form h5 { font-weight: normal; text-align: center; }
#pageEntry .section01#entry-form .idlist { width: 100%; background-color: #f9f0f0; border-radius: 10px; text-align: left; padding:0 15px 0 15px; margin-bottom: 20px; }
#pageEntry .section01#entry-form .idlist h4 { width: 100%; text-align: center; margin-bottom: 10px; font-size: 18px; }
#pageEntry .section01#entry-form .form-contents { width: 100%; padding: 20px; }
#pageEntry .section01#entry-form .form-contents form { text-align: left; margin-top: 30px; }
#pageEntry .section01#entry-form .form-contents form .required { padding: 3px 5px; font-size: 13px; background-color: #ea9999; border-radius: 5px; color: #fff; margin-right: 5px; }
#pageEntry .section01#entry-form .form-contents form .error { color: #ea9999; margin-left: 10px; }
#pageEntry .section01#entry-form .form-contents form .form-name { font-weight: bold; margin-bottom: 3px; font-size: 15px; }
#pageEntry .section01#entry-form .form-contents form .text { width: 100%; margin-bottom: 30px; height: 30px; padding: 5px; }
#pageEntry .section01#entry-form .form-contents form .text.mail,
#pageEntry .section01#entry-form .form-contents form .text.tel { margin-bottom: 0; }

#pageEntry .section01#entry-form .form-contents form input { padding: 5px; }
#pageEntry .section01#entry-form .form-contents form .birth { margin-bottom: 30px; }
#pageEntry .section01#entry-form .form-contents form .birth-text { margin: 0 10px 0 10px; }
#pageEntry .section01#entry-form .form-contents form .text-red { font-size: 12px; color: #f7a1a1; padding: 10px 0; }
#pageEntry .section01#entry-form .form-contents form .photo-no { padding: 0; }
#pageEntry .section01#entry-form .form-contents form .photo-sample { width: 100%; }
#pageEntry .section01#entry-form .form-contents form .photo-sample td { width: 50%; border: none; }
#pageEntry .section01#entry-form .form-contents form .photo-sample .td-left { padding: 0; padding-right: 5px; width: 30%; text-align: center;}
#pageEntry .section01#entry-form .form-contents form .photo-sample .td-right { padding: 0; padding-left: 5px; width: 30%; text-align: center;}
#pageEntry .section01#entry-form .form-contents form .photo-sample td img { width: 100%; }
#pageEntry .section01#entry-form .form-contents form .text-sub { font-size: 13px; padding: 0; margin-bottom: 20px; }
#pageEntry .section01#entry-form .form-contents form .photo-up { margin-bottom: 30px; min-height: 60px; }
#pageEntry .section01#entry-form .form-contents form .input-photo { height: 0; opacity:0; }
#pageEntry .section01#entry-form .form-contents form textarea { width: 100%; height: 100px; padding: 5px; font-size: 16px; }
#pageEntry .section01#entry-form .form-contents .submit { width: 200px; display: block; background-color: #75e7b2; color: #fff; border: none; padding: 10px 0; text-align: center; margin: 30px auto; font-size: 15px; }
#pageEntry .section01#entry-form .form-contents .back_btn { width: 200px; display: block; background-color: #ddd; color: #fff; border: none; padding: 10px 0; text-align: center; margin: 30px auto; font-size: 15px; }
#pageEntry .section01#entry-form .form-contents .check li span { font-weight: bold; margin-right: 10px; }
#pageEntry .footer_group { text-align: center; }
#pageEntry input[type=text] {
  font-size: 16px;
}
#pageEntry .section01#entry-form { width: 98%; max-width: 1024px; }
#pageEntry.mendan .section01 { padding-top: 10px; }
#pageEntry.mendan .section01 h3 { font-size: 24px; font-weight: bold; color: #666; }
#pageEntry.mendan .section01#entry-form h3 { margin-bottom: 30px; }
#pageEntry.mendan .section01#entry-form .form-contents form textarea { margin-bottom: 30px; }
#pageEntry.mendan .section01#entry-form .form-contents form .radio-wrap { margin-bottom: 30px; }
#pageEntry.mendan .section01#entry-form .form-contents form .radio-wrap .radio-name { margin-right: 20px; }

#pageEntry.mendan .section01#entry-form .form-contents form .radio-wrap2 { margin-bottom: 30px; }
#pageEntry.mendan .section01#entry-form .form-contents form .radio-wrap2 .radio-name { margin-right: 20px; }

#pageEntry.mendan .section01 h4 { width: 100%; margin-top: 30px; text-align: center; font-size: 20px; }
#pageEntry.mendan .section01#entry-form .form-contents form .text.tatoo { width: 150px;	margin-bottom: 0; }
#pageEntry.mendan .section01#entry-form .form-contents form .text.two { width: 30px; margin-bottom: 0; }
#pageEntry.mendan .section01 .entry-step td { margin: 0; padding: 0; }
#pageEntry.mendan section td { border: none; }
#pageEntry.mendan .section01 .tab { cursor: pointer; }

.tabs{
  width:100%;
  margin:10px auto;
  position:relative;
}

.tab-buttons .content1 { display: block; background:#FFE7E8; padding: 0px 0 0px 0;}
.tab-buttons .content2 { display: block; background:#EFEFEF; padding: 0px 0 0px 0;}
.tab-buttons .content3 { display: block; background: #FFE7E8; padding: 0px 0 0px 0;}

.tab-buttons .content1  p {text-align: center; padding: 10px 0 5px 0;}
.tab-buttons .content2  p {text-align: center; padding: 10px 0 5px 0;}
.tab-buttons .content3  p {text-align: center; padding: 10px 0 5px 0;}


.tab-buttons span{
  font-size:13px;
  color:#333;
  cursor:pointer;
  display:block;
  width:33.3%;
  float:left;
  text-align:center;
}
.tab-buttons.btn-bottom { width: 100%; text-align: center; }
.tab-buttons.btn-bottom span{ padding: 10px; background-color: #f8a9ba; color: #fff; float: none; margin: 0 auto; }

.tab-content{width: 100%;
  display:inline-block;
  color:#333;
	margin: -60px 0 0 0;
	padding: 0;
}

.tab-content p {margin: 5px 0;}
#lamp{
  width:33.3%;
  height:3px;
  background:#f8a9ba;
  display:block;
  position:absolute;
  top:55px;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.content2{
  left:33.3%;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
	display: block;
}
#lamp.content3{
  left:66.6%;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.content1{
  left:0;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}

.form_content.confirm { width: 100%; text-align: left; }
.form_content.confirm h4 { margin-bottom: 30px; }
.form_content.confirm label { font-weight: bold; }
.form_content.confirm p { padding: 0; margin-bottom: 15px; }

.odd {background: #FFC5C6; padding: 5px 10px; margin: 0 0 10px 0; border-radius: 20px;}
.even {background:#EDEDED; padding: 5px 10px; margin: 0 0 10px 0; border-radius: 20px;}
.mid {background:#EAEAEA; padding: 5px 10px; margin: 0 0 0px 0; border-radius: 20px;}

@font-face{font-family:"IonIcons";src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1");src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal}

.pt20{
  padding-top: 20px;
}
.inverse{
  background: #000;
  padding: 20px 0;
  color: #fff;
}


#pageEntry .section01#entry-form .form-contents form .sel { width: 20%;}

.select-wrap {
    position: relative;
}
.select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: 0;
    content: "\f123";
    font-family: "IonIcons";
    line-height: 43px;
    color: #7F878C;
    pointer-events: none;
}
.birth select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align:middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 34px;
    padding: 4px 12px;
    border:1px solid #cccccc;
    color:#000000;
	min-width: 90px;
    border-radius:0px;
}
select option{
  background-color: #fff;
  color: #333;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}
.select-wrap.select-primary:before{
  color:#fff;
}
.select-wrap.select-primary > select{
  background:#0084B4;
  color:#fff;
  border-color:#0084B4;
}
.select-wrap.select-primary > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}

.select-wrap.select-inverse:before{
  color:#fff;
}
.select-wrap.select-inverse > select{
  color:#fff;
  border-color: #fff;
}

.select-wrap.select-inverse > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}

.radio {
  display: none;
}
.radio + .radio-icon:before {
  content: "\f3a6";
  font-family: "Ionicons";
  color: #ccc;
  font-size: 22px;
	margin: 2px 0 0 0;
}
.radio:checked + .radio-icon:before {
  content: "\f3a7";
  color: #17bcdf;
}

@media screen and (min-width:0px) and ( max-width:599px) {/*600まで(SP)*/
#pageEntry .section01#entry-form { width: 100%; padding-left: 10px; padding-right: 10px; font-size: 15px; }
#pageEntry .section01#entry-form { width: 100%; }
}



@media screen and (min-width:0px) and ( max-width:768px) {/*480まで(SP)*/
	.pc_only {display: none;}
.sp_only {display: block;}
	
	.birth select{
	min-width: 90px;
		width: 70%;
		margin: 0 0 5px 0;
}
	
	.radio-wrap label{
		width: 40%;
		float: left;
		display: block;
}
	
	.radio-wrap2 label{
		width: 100%;
		float: none;
		display: block;
}
	

}