@charset "utf-8";

/* ======================================================
 * form.css
 * ------------------------------------------------------
 * BASE *************************************************
 * Reset
 * Setting
 * LAYOUT ***********************************************
 * Common
 * Body
 * Header
 * Main/Aside
 * Footer
 * CONTENTS *********************************************
 * Element
 * Component
 * Clearfix
====================================================== */

@media only screen and (max-width: 768px) {
/********************************************************

  BASE

********************************************************/

/* Reset
------------------------------------------------------ */


/* Setting
------------------------------------------------------ */
input, textarea, select, button {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}
.ime-zen { ime-mode: active; }
.ime-han { ime-mode: inactive; }
.ime-han-only { ime-mode: disabled; }



/********************************************************

  LAYOUT

********************************************************/

/* Common
------------------------------------------------------ */


/* Body
------------------------------------------------------ */


/* Header
------------------------------------------------------ */
#globalHeader {
	height: 60px;
	background: #ffffff;
	border-bottom: 1px solid #92c400;
}
#head {
	display: block;
}
#head .headBlock .siteLogo {
	padding: 4px 0 0 12px;
}
#head .headBlock .siteLogo img {
	width: 90px;
	height: auto;
	margin-top: 5px;
}


/* Main/Aside
------------------------------------------------------ */
#contents {
	padding-top: 5px;
}


/* Footer
------------------------------------------------------ */



/********************************************************

  CONTENTS

********************************************************/

/* Element
------------------------------------------------------ */
/*----- Heading -----*/
.heading01 {
	margin-bottom: 15px;
}

/*----- form -----*/
[class*="formWrap"] {
	clear: both;
	margin: 20px 0 0 0;
}
.heading01 + [class*="formWrap"] {
	margin-top: 15px;
}
[class*="formWrap"] > *:first-child {
	margin-top: 0 !important;
}
form {
	clear: both;
	margin: 20px 0 0 0;
}
form fieldset {
	clear: both;
	margin: 15px 0 0 0;
}
form fieldset + fieldset {
	margin-top: 0;
}
form > *:first-child,
form > div[style="display:none;"] + *,
form fieldset > *:first-child,
form fieldset > legend + * {
	margin-top: 0 !important;
}

/* formAnnounce */
.formAnnounce {
	clear: both;
	margin: 20px 0 0 0;
}
.formAnnounce > *:first-child {
	margin-top: 0 !important;
}
.formAnnounce .notes01 {
	font-size: 14px;
}

/* formFlow */
.formFlow {
	clear: both;
	display: table;
	width: 100%;
	margin: 20px 0;
}
.formFlow > li {
	position: relative;
	display: table-cell;
	height: 65px;
	padding: 0 20px 0 5px;
	background-color: #ebede6;
	color: #333333;
	font-size: 14px;
	line-height: 1.25;
	text-align: center;
	vertical-align: middle;
}
.formFlow.count3 > li { width: 33.333%; }
.formFlow.count3#step1 > li:nth-child(1),
.formFlow.count3#step2 > li:nth-child(2),
.formFlow.count3#step3 > li:nth-child(3) {
	background-color: #92c400;
	color: #fff;
	font-weight: bold;
}
.formFlow > li:after {
	content: "";
	position: absolute;
	right: -1px;
	top: 0;
	display: inline-block;
	width: 20px;
	height: 100%;
	background-image: url(/common/img/form/form_ex01_01_sp.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: auto 100%;
}
.formFlow > li:last-child:after {
	background-image: none !important;
}
.formFlow.count3#step1 > li:nth-child(1):after,
.formFlow.count3#step2 > li:nth-child(2):after {
	background-image: url(/common/img/form/form_ex01_02_sp.png);
}
.formFlow.count3#step2 > li:nth-child(1):after,
.formFlow.count3#step3 > li:nth-child(2):after {
	background-image: url(/common/img/form/form_ex01_03_sp.png);
}
.formFlow > li > .num {
	display: block;
	font-size: 14px;
}
.formFlow > li > .screen {
	margin-top: 0;
}

/* formSet */
.formSet {
	clear: both;
	margin: 20px -10px 0;
}
.formFlow + .formSet {
	margin-top: 20px;
}
.formSet + .formSet.is-bond {
	margin-top: -1px;
}

/* formHdg */
.formHdg {
	clear: both;
	display: block;
	width: 100%;
	padding: 12px 10px 10px;
	border-top: 1px solid #c8c8c8;
	background-color: #e2f0b9;
	text-align: center;
}

/* formTable */
.formTable {
	clear: both;
	margin: 20px 0 0 0;
}
.formTable > *:first-child {
	margin-top: 0 !important;
}
.formTable .entrySet {
	width: 100%;
	border-top: 1px solid #c8c8c8;
}
.formTable .entrySet colgroup col,
.formTable .entrySet tbody,
.formTable .entrySet tr,
.formTable .entrySet th,
.formTable .entrySet td {
	display: block;
	width: 100% !important;
}
.formTable .entrySet .entry {
}
.formTable .entrySet .entry > th,
.formTable .entrySet .entry > td {
	padding: 12px 10px 10px;
	border-bottom: 1px solid #c8c8c8;
	background-color: #fff;
	text-align: left;
	vertical-align: middle;
}
.formTable .entrySet .entry > th {
	background-color: #f5f5ed;
	font-weight: normal;
}
.formTable .entrySet .entry > th > .entryHdg {
	letter-spacing: -0.4em;
}
.formTable .entrySet .entry > th > .entryHdg > * {
	letter-spacing: normal;
}
.formTable .entrySet .entry > th > .entryHdg > *:first-child {
	margin-top: 0 !important;
}
.formTable .entrySet .entry > th > .entryHdg > .hdgLabel {
	display: inline;
	margin: 0 10px 5px 0;
}
.formTable .entrySet .entry > th > .entryHdg > .hdgIcon {
	position: relative;
	top: -1px;
	display: inline;
	margin: 0 10px 0 0;
}
.formTable .entrySet .entry > th > .entryHdg > .hdgIcon .entryIcon {
	margin-right: 0;
	margin-left: 0;
}
.formTable .entrySet .entry > td {
	padding-top: 15px;
	padding-bottom: 15px;
}
.formTable .entrySet .entry > td > .entryCnt {
	overflow: hidden;
}
.formTable .entrySet .entry > td > .entryCnt > *:first-child {
	margin-top: 0 !important;
}
.formTable .entrySet .entry > td > .entryCnt > *:last-child:not(.inputList):not(.radioMarkerWrap) {
	margin-bottom: 0 !important;
}
.formTable .entrySet .entry.has-error > td {
	background-color: #fff9dd;
}

/* formPolicy */
.formPolicy {
	clear: both;
	margin: 20px 10px 0;
	padding: 13px;
	border: 2px solid #c0d681;
	background-color: #fff;
}
.formPolicy > *:first-child {
	margin-top: 0 !important;
}
.formPolicy > .policy {
	margin: 1em 0 0 0;
}
.formPolicy > .policy > dt {
	margin: 0 0 0.25em 0;
	font-size: 16px;
	font-weight: bold;
}
.formPolicy > .policy > dd {
}
.formPolicy > .policy > dd > *:first-child {
	margin-top: 0 !important;
}

/* formCaution */
.formCaution {
	clear: both;
	margin: 20px 0 0 0;
	padding: 12px 12px 10px;
	background-color: #fff1f1;
}
.formCaution > *:first-child {
	margin-top: 0 !important;
}
.formCaution .caution {
	color: #d9000f;
	font-weight: bold;
	text-align: center;
}

/* formSubmit */
.formSubmit {
	clear: both;
	position: relative;
	margin: 20px 0 0 0;
	text-align: center;
}
.formSubmit > *:first-child {
	margin-top: 0 !important;
}
.formSubmit .nextStep {
	text-align: center;
}
.formSubmit .nextStep input {
	position: relative;
	display: inline-block;
	padding: 16px 90px 13px;
	border: none;
	border-radius: 5px;
	background-color: #92c400;
	background-image: url(/common/img/form/form_ic02.png);
	background-repeat: no-repeat;
	background-position: 24px 50%;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
	cursor: pointer;
}
.formSubmit .nextStep.is-disabled a,
.formSubmit .nextStep.is-disabled input {
	background-color: #dee1d4 !important;
	cursor: default;
}
.formSubmit .nextStep#confirmBtn a,
.formSubmit .nextStep#confirmBtn input,
.formSubmit .nextStep#submitBtn a,
.formSubmit .nextStep#submitBtn input {
	min-width: 100%;
}
.formSubmit .nextStep input:hover {
	background-color: #6fa80b;
}
.formSubmit .prevStep {
	text-align: left;
}
.formSubmit .closeStep {
	text-align: right;
}
.formSubmit .prevStep input {
	position: relative;
	display: inline-block;
	padding: 6px 27px 3px 40px;
	border: 1px solid #93c500;
	border-radius: 16px;
	background-color: #fff;
	background-image: url(/common/img/form/form_ic04.png);
	background-repeat: no-repeat;
	background-position: 18px 50%;
	color: #93c500;
	text-align: center;
}
.formSubmit .prevStep a {
	padding: 6px 27px 3px 40px;
}
.formSubmit .prevStep a:before {
	left: 11px;
	border-color: transparent #99c80f transparent transparent;
}
.formSubmit .prevStep#backBtn a,
.formSubmit .prevStep#backBtn input {
	width: auto;
}

/* formSecured */
.formSecured {
	clear: both;
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 10px 14px;
	border: 1px solid #d0d0d0;
	background-color: #fff;
}
.formSecured > .sign {
	display: table-cell;
	width: 100px;
	text-align: left;
	vertical-align: middle;
}
.formSecured > .text {
	display: table-cell;
	width: 99%;
	padding: 0 0 0 5px;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
}
.formSecured > .text > *:first-child {
	margin-top: 0 !important;
}

/* entryIcon */
.entryIcon {
	display: inline-block;
	min-width: 40px;
	margin: 0 10px;
	padding: 1px 3px 0;
	background-color: #555555;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: bold !important;
	line-height: 21px;
	text-align: center;
	vertical-align: middle;
}
.entryIcon.type-req { background-color: #fd8c07; }
.entryIcon.type-opt { background-color: #00b050; } /* 20171128 CC追加 */
 
/* textbox/textarea */
.inputWrap {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.inputWrap + .inputWrap,
.selectWrap + .inputWrap {
	margin-left: 10px;
}
.inputWrap > .field {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.inputWrap > .field > input[type="text"],
.inputWrap > .field > input[type="password"],
.inputWrap > .field > input[type="tel"],
.inputWrap > .field > input[type="email"],
.inputWrap > .field > textarea {
	height: 33px;
	padding: 5px 7px;
	border-width: 1px;
	border-style: solid;
	border-color: #c8c8c8;
	background-color: #fff;
	font-size: 14px;
}
.inputWrap > .field > textarea {
	height: 100px;
}
.inputWrap[data-validate="required"] > .field > input[type="text"],
.inputWrap[data-validate="required"] > .field > input[type="password"],
.inputWrap[data-validate="required"] > .field > input[type="tel"],
.inputWrap[data-validate="required"] > .field > input[type="email"],
.inputWrap[data-validate="required"] > .field > textarea {
	border-color: #eecfcf;
	background-color: #fff1f1;
}
.inputWrap[data-validate="required"].is-inputted > .field > input[type="text"],
.inputWrap[data-validate="required"].is-inputted > .field > input[type="password"],
.inputWrap[data-validate="required"].is-inputted > .field > input[type="tel"],
.inputWrap[data-validate="required"].is-inputted > .field > input[type="email"],
.inputWrap[data-validate="required"].is-inputted > .field > textarea {
	border-color: #c8c8c8;
	background-color: #fff;
}

/* selectbox */
.selectWrap {
	position: relative;
	display: inline-block;
	/*20171024追加*/
	margin-right: 15px;
	margin-bottom: 15px;
}
.selectWrap + .selectWrap {
	/*20171024修正*/
	/*margin-left: 15px;*/
	margin-right: 15px;
	margin-bottom: 15px;
}
.selectWrap > .field {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.selectWrap > .field > select {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 33px;
	padding: 0;
	opacity: 0;
}
.selectWrap > .field > .choice {
	height: 33px;
	padding: 6px 25px 5px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #c8c8c8;
	border-radius: 3px;
	background-color: #fff;
	font-size: 14px;
	line-height: 1.75;
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
}
.selectWrap[data-validate="required"] > .field > .choice {
	border-color: #eecfcf;
	background-color: #fff1f1;
}
.selectWrap[data-validate="required"].is-selected > .field > .choice {
	border-color: #c8c8c8;
	background-color: #fff;
}
.selectWrap.is-disabled > .field > .choice {
	opacity: 0.5;
}
.selectWrap > .field > .choice:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: inline-block;
	width: 0;
	height: 0;
	margin: -2px 0 0 0;
	border-width: 7px 4px;
	border-style: solid;
	border-color: #737373 transparent transparent transparent;
}

/* radiobutton */
.radioWrap {
	position: relative;
	display: inline-block;
	min-height: 33px;
	padding: 8px 5px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #c8c8c8;
	border-radius: 5px;
	background-color: #fff;
	line-height: 1.25;
	cursor: pointer;
}
.radioWrap.is-checked {
	background-color: #fed9ac;
}
input[type="radio"] {
	margin-right: 10px;
	margin-left: 0;
}
.radioWrap input[type="radio"] {
	position: absolute;
	opacity: 0;
}
.radioListWrap {
	margin: 0 15px;
}
.radioListWrap.count1 {
	text-align: center;
}
.radioListWrap.count3 {
	margin-right: 0;
	margin-left: 0;
}
.radioListWrap > .radioWrap {
	float: left;
	min-width: 170px;
	border-radius: 0;
	text-align: center;
	vertical-align: middle;
}
.radioListWrap > .radioWrap + .radioWrap {
	border-left: none;
}
.radioListWrap > .radioWrap:first-child {
	border-radius: 5px 0 0 5px;
}
.radioListWrap > .radioWrap:last-child {
	border-radius: 0 5px 5px 0;
}
.radioListWrap.count1 > .radioWrap {
	float: none;
	min-width: 50%;
	margin: 0 auto;
	border-radius: 5px;
}
.radioListWrap.count2 > .radioWrap {
	min-width: 0;
	width: 50%;
}
.radioListWrap.count3 > .radioWrap {
	min-width: 0;
	width: 33.333%;
	font-size: 12px;
}
.radioMarkerWrap {
	margin: 0 -20px -10px 0;
	overflow: hidden;
}
.radioMarkerWrap > .radioWrap {
	float: left;
	min-height: 0;
	margin: 0 20px 10px 0;
	padding: 0 0 0 20px;
	border: none;
	border-radius: 0;
	background-color: transparent !important;
	background-image: url(/common/img/form/form_input_ic02_off.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.radioMarkerWrap > .radioWrap.is-checked {
	background-image: url(/common/img/form/form_input_ic02_on.png);
}
.radioIndividualWrap > .radioWrap{ /* 20171128 CC追加 */
	float: none;
	min-width: 140px;
	border-radius: 0;
	text-align: center;
	vertical-align: middle;
	margin-top: 15px;
	margin-right: 10px;
}

/* checkbox */
.checkboxWrap {
	position: relative;
	display: inline-block;
	min-height: 33px;
	padding: 8px 12px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #c8c8c8;
	border-radius: 5px;
	background-color: #fff;
	line-height: 1.25;
	cursor: pointer;
}
.checkboxWrap.is-checked {
	background-color: #fed9ac;
}
input[type="checkbox"] {
	margin-right: 10px;
	margin-left: 0;
}
.checkboxWrap input[type="checkbox"] {
	position: absolute;
	opacity: 0;
}
.checkAgreeWrap {
	margin: 1em 0 0 0;
	text-align: center;
}
.checkAgreeWrap .checkboxWrap {
	min-height: 0;
	padding: 0 0 0 30px;
	border: none;
	border-radius: 0;
	background-color: transparent;
	background-image: url(/common/img/form/form_input_ic01_off.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-weight: bold;
}
.checkAgreeWrap .checkboxWrap.is-checked {
	background-image: url(/common/img/form/form_input_ic01_on.png);
}
.checkGeneralWrap {
	margin: 1em 0 0 0;
	text-align: center;
}
.checkGeneralWrap .checkboxWrap {
	min-height: 0;
	padding: 0 0 0 30px;
	border: none;
	border-radius: 0;
	background-color: transparent;
	background-image: url(/common/img/form/form_input_ic01_off.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-weight: bold;
}
.checkGeneralWrap .checkboxWrap.is-checked {
	background-image: url(/common/img/form/form_input_ic01_on.png);
}

/* fileUpWrap */
.fileUpWrap {
}

/* inputEx */
.inputEx {
	clear: both;
	margin: 7px 0 0 0;
}
.inputEx > *:first-child {
	margin-top: 0 !important;
}
.inputEx > .example {
}

/* inputDesc */
.inputDesc {
	clear: both;
	margin: 0.75em 0 0.25em;
}
.inputDesc > *:first-child {
	margin-top: 0 !important;
}
.inputDesc > .desc {
}

/* inputList */
.inputList {
	clear: both;
	margin: 1em 0 0 0;
}
.inputList + .inputList {
	margin-top: 10px;
}
.inputList > li {
}
.inputList > li > *:first-child {
	margin-top: 0 !important;
}
.inputList[class*="type-col"] > li {
}
.inputList[class*="type-col"] > li:first-child {
	margin-top: 0;
}
.inputList.type-col1 > li { margin-top: 10px; }
.inputList.type-col2 > li { margin-top: 20px; }
.inputList.type-col3 > li { margin-top: 30px; }
.inputList.type-col4 > li { margin-top:  5px; }
.inputList.type-col5 > li { margin-top: 15px; }
.inputList.type-col6 > li { margin-top: 25px; }

.inputList[class*="type-row"] {
	overflow: hidden;
}
.inputList.type-row1 { margin-right: -10px; margin-bottom: -10px; }
.inputList.type-row2 { margin-right: -20px; margin-bottom: -10px; }
.inputList.type-row3 { margin-right: -30px; margin-bottom: -10px; }
.inputList.type-row4 { margin-right:  -5px; margin-bottom: -10px; }
.inputList.type-row5 { margin-right: -15px; margin-bottom: -10px; }
.inputList.type-row6 { margin-right: -25px; margin-bottom: -10px; }
.inputList[class*="type-row"] > li {
	float: left;
}
.inputList.type-row1 > li { margin-right: 10px; margin-bottom: 10px; }
.inputList.type-row2 > li { margin-right: 20px; margin-bottom: 10px; }
.inputList.type-row3 > li { margin-right: 30px; margin-bottom: 10px; }
.inputList.type-row4 > li { margin-right:  5px; margin-bottom: 10px; }
.inputList.type-row5 > li { margin-right: 15px; margin-bottom: 10px; }
.inputList.type-row6 > li { margin-right: 25px; margin-bottom: 10px; }

.inputList[class*="type-tbl"] {
	display: table;
}
.inputList[class*="type-tbl"].is-fix {
	width: 100%;
}
.inputList[class*="type-tbl"] > li {
	float: none;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
.inputList[class*="type-tbl"] > li:first-child {
	padding-left: 0;
}
.inputList.type-tbl1 > li { padding-left: 10px; }
.inputList.type-tbl2 > li { padding-left: 20px; }
.inputList.type-tbl3 > li { padding-left: 30px; }
.inputList.type-tbl4 > li { padding-left:  5px; }
.inputList.type-tbl5 > li { padding-left: 15px; }
.inputList.type-tbl6 > li { padding-left: 25px; }

.inputList[class*="type-tbl"].is-fix > li.wAuto {
	white-space: nowrap;
}
.inputList[class*="type-tbl"].is-fix.item-mail > li.wAuto {
	min-width: 120px;
}
.inputList[class*="type-tbl"].is-fix > li.wFlex {
	width: 99%;
}

.inputList[class*="type-tbl"].flex-col {
	display: block;
}
.inputList[class*="type-tbl"].flex-col > li {
	display: block !important;
	padding: 0 !important;
}
.inputList[class*="type-tbl"].flex-col > li + li {
	margin-top: 10px;
}

/* inputBox */
.inputBox {
	clear: both;
	margin: 1em 0 0 0;
	border: 2px solid #eaf2d5;
	border-radius: 5px;
	background-color: #fff;
}
.inputBox > .boxHdg {
	position: relative;
	margin: -1px -1px 0;
	padding: 7px 17px 5px;
	border-radius: 5px 5px 0 0;
	background-color: #eaf2d5;
}
.inputBox.type-tgl > .boxHdg {
	padding-right: 42px;
	cursor: pointer;
}
.inputBox.type-tgl > .boxHdg:after {
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: -12px 0 0 0;
	background-image: url(/common/img/form/form_ic03.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.inputBox.type-tgl.is-active > .boxHdg {
	border-radius: 5px;
}
.inputBox.type-tgl.is-active > .boxHdg:after {
	background-position: 0 -24px;
}
.inputBox > .boxCnt {
	padding: 13px 15px 15px;
}
.inputBox > .boxCnt > *:first-child {
	margin-top: 0 !important;
}

/* label */
.labelHead,
.labelTail {
	display: inline-block;
	vertical-align: middle;
}
.labelHead { margin-right: 0.25em; }
.labelInside { margin-right: 0.25em; margin-left: 0.25em; }
.labelTail { margin-left:  0.25em; }
.inputWrap + .labelHead,
.selectWrap + .labelHead { margin-left: 0.75em; }
.labelTail + .inputWrap,
.labelTail + .selectWrap { margin-right: 0.75em; }

/* error */
.highlightError {
	color: #d9000f;
	font-weight: bold;
}
.inputError {
	clear: both;
	margin: 10px 0 0 0;
}
.inputError > *:first-child {
	margin-top: 0 !important;
}
.inputError > .err {
	color: #d9000f;
	font-weight: bold;
	line-height: 1.25;
}
.inputError > .err + .err {
	margin-top: 0.25em;
}

/* zipAddressBtn */
.zipAddressBtn input[type="button"] {
	display: inline-block;
	padding: 5px 25px 2px 35px;
	border: 1px solid #93c500;
	border-radius: 16px;
	background-color: #fff;
	background-image: url(/common/img/form/form_ic01.png);
	background-repeat: no-repeat;
	background-position: 17px 50%;
	color: #93c500;
	text-align: center;
	cursor: pointer;
}
.zipAddressBtn input[type="button"]:hover {
	background-color: #eff7d6;
}


/* width */
.inputWrap input,
.selectWrap + .choice {
	width: 175px;
}
.inputWrap.wXS input, .inputWrap.wXS textarea, .selectWrap.wXS .choice  { width:  40px; }
.inputWrap.w8S input, .inputWrap.w8S textarea, .selectWrap.w8S .choice  { width:  50px; }
.inputWrap.w7S input, .inputWrap.w7S textarea, .selectWrap.w7S .choice  { width:  60px; }
.inputWrap.w6S input, .inputWrap.w6S textarea, .selectWrap.w6S .choice  { width:  70px; }
.inputWrap.w5S input, .inputWrap.w5S textarea, .selectWrap.w5S .choice  { width:  75px; }
.inputWrap.w4S input, .inputWrap.w4S textarea, .selectWrap.w4S .choice  { width:  80px; }
.inputWrap.w3S input, .inputWrap.w3S textarea, .selectWrap.w3S .choice  { width:  90px; }
.inputWrap.w2S input, .inputWrap.w2S textarea, .selectWrap.w2S .choice  { width: 100px; }
.inputWrap.wS  input, .inputWrap.wS  textarea, .selectWrap.wS  .choice  { width: 125px; }
.inputWrap.wMS input, .inputWrap.wMS textarea, .selectWrap.wMS .choice  { width: 150px; }
.inputWrap.wM  input, .inputWrap.wM  textarea, .selectWrap.wM  .choice  { width: 175px; }
.inputWrap.wML input, .inputWrap.wML textarea, .selectWrap.wML .choice  { width: 200px; }
.inputWrap.wL  input, .inputWrap.wL  textarea, .selectWrap.wL  .choice  { width: 100%; }
.inputWrap.w2L input, .inputWrap.w2L textarea, .selectWrap.w2L .choice  { width: 100%; }
.inputWrap.w3L input, .inputWrap.w3L textarea, .selectWrap.w3L .choice  { width: 100%; }
.inputWrap.w4L input, .inputWrap.w4L textarea, .selectWrap.w4L .choice  { width: 100%; }
.inputWrap.w5L input, .inputWrap.w5L textarea, .selectWrap.w5L .choice  { width: 100%; }
.inputWrap.w6L input, .inputWrap.w6L textarea, .selectWrap.w6L .choice  { width: 100%; }
.inputWrap.w7L input, .inputWrap.w7L textarea, .selectWrap.w7L .choice  { width: 100%; }
.inputWrap.w8L input, .inputWrap.w8L textarea, .selectWrap.w8L .choice  { width: 100%; }
.inputWrap.wXL input, .inputWrap.wXL textarea, .selectWrap.wXL .choice  { width: 100%; }
.inputWrap.wFull .field,
.inputWrap.wFull .field input,
.inputWrap.wFull .field textarea,
.inputWrap[class*="w"][class*="L"],
.inputWrap[class*="w"][class*="L"] .field,
.inputWrap[class*="w"][class*="L"] .field input,
.inputWrap[class*="w"][class*="L"] .field textarea,
.selectWrap.wFull .field .choice,
.selectWrap.wFull .field select,
.selectWrap[class*="w"][class*="L"],
.selectWrap[class*="w"][class*="L"] .field,
.selectWrap[class*="w"][class*="L"] .field .choice,
.selectWrap[class*="w"][class*="L"] .field select {
	display: block;
	width: 100%;
}

/* unique */
input[data-field="tbox_scode1"],
input[data-field="tbox_scode2"],
input[data-field="tbox_scode3"] {
	width: 65px !important;
}
input[data-field="tbox_tel1"],
input[data-field="tbox_tel2"],
input[data-field="tbox_tel3"],
input[data-field="tbox_mob1"],
input[data-field="tbox_mob2"],
input[data-field="tbox_mob3"],
input[data-field="tbox_hosipital_tel1"],
input[data-field="tbox_hosipital_tel2"],
input[data-field="tbox_hosipital_tel3"] {
	width: 80px !important;
}
input[data-field="tbox_name_l"],
input[data-field="tbox_name_f"],
input[data-field="tbox_kana_l"],
input[data-field="tbox_kana_f"] {
	width: 130px !important;
}
.inputWrap > .field > textarea[name="comment"] {
	height: 100px;
}
.radioWrap[for="color0"] { color: #800000; }
.radioWrap[for="color1"] { color: #DF0000; }
.radioWrap[for="color2"] { color: #008040; }
.radioWrap[for="color3"] { color: #0000FF; }
.radioWrap[for="color4"] { color: #C100C1; }
.radioWrap[for="color5"] { color: #FF80C0; }
.radioWrap[for="color6"] { color: #FF8040; }
.radioWrap[for="color7"] { color: #000080; }
.radioWrap[for="color8"] { color: #808000; }


/* Component
------------------------------------------------------ */
/* bbs_mainHeadingWrap */
.bbs_mainHeadingWrap {
	margin: 0 -10px;
}

/* bbs_txColor */
.bbs_txColor01 {
	color: #fd8c07;
}
.bbs_txColor02 {
	color: #800000;
}
.bbs_txColor03 {
	color: #DF0000;
}
.bbs_txColor04 {
	color: #008040;
}
.bbs_txColor05 {
	color: #0000FF;
}
.bbs_txColor06 {
	color: #C100C1;
}
.bbs_txColor07 {
	color: #FF80C0;
}
.bbs_txColor08 {
	color: #FF8040;
}
.bbs_txColor09 {
	color: #000080;
}
.bbs_txColor10 {
	color: #808000;
}

/* bbs_button */
.bbs_button01 {
}
.bbs_button01 > input {
	min-width: 120px;
	padding: 6px 10px 3px;
	border: none;
	border-radius: 5px;
	background-color: #93c500;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.bbs_button01 > input:hover {
	background-color: #6fa80b;
}
.bbs_button02 {
}
.bbs_button02 > input {
	min-width: 120px;
	padding: 6px 10px 3px;
	border: none;
	border-radius: 5px;
	background-color: #e3e3e3;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.bbs_button02 > input:hover {
	background-color: #d8d7d7;
}

/* bbs_btnList01 */
.bbs_btnList01 {
	margin-top: 15px;
}
.bbs_btnList01.count4,
.bbs_btnList01.count5 {
	margin-left: -2.5%;
}
.bbs_btnList01 li {
	float: left;
	margin-left: 2.5%;
	font-size: 12px;
}
.bbs_btnList01.count4 li {
	width: 47.5%;
}
.bbs_btnList01.count4 li:nth-of-type(n+3) {
	margin-top: 8px;
}
.bbs_btnList01.count5 li {
	width: 30.8%;
}
.bbs_btnList01.count5 li:nth-of-type(n+4) {
	margin-top: 8px;
	width: 47.5%;
}
.bbs_btnList01 li a {
	display: block;
	text-align: center;
	padding: 8px 7px 8px 10px;
	background: url(/common/img/com_ic03.png) 7px 50% no-repeat;
	background-size: 7px auto;
	border: solid 1px #92c400;
	color: #555555;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			-ms-border-radius: 4px;
		   -o-border-radius: 4px;
					border-radius: 4px;
}
.bbs_btnList01 li a:hover span {
	text-decoration: underline;
}
.bbs_btnList01 + .box02 {
	margin-top: 15px;
}

/* bbs_box01 */
.bbs_box01 {
	margin: 15px 0;
	border: solid 1px #dfdfdf;
	padding: 12px;
}
.bbs_submit + .bbs_box01 {
	margin-top: 30px;
}
.bbs_box01 .boxTitle {
}
.bbs_box01 .boxTitle > * {
	margin-top: 0;
}
.bbs_box01 .boxTitle .title {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.bbs_box01 .boxTitle .date,
.bbs_box01 .boxTitle .num {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
.bbs_box01 .boxTitle .reply {
}
.bbs_box01 .boxTitle .reply .bbs_button01 {
	margin-top: 5px;
}
.bbs_box01 .question {
}
.bbs_box01 .question > * {
	margin-top: 1em;
}
.bbs_box01 .answer,
.bbs_box01 .answer + .question {
	margin-top: 20px;
	padding-top: 20px;
	border-top: solid 1px #dfdfdf;
}
.bbs_box01 .answer > * {
	margin-top: 1em;
}
.bbs_box01 .question .date,
.bbs_box01 .question .num,
.bbs_box01 .answer .date,
.bbs_box01 .answer .num {
	display: inline-block;
	margin-right: 15px;
	margin-top: 0;
}
.bbs_box01 .answer .title {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.bbs_box01 .answer .title,
.bbs_box01 .answer .contributor {
	margin-top: 0;
}
.bbs_box01 .boxTitle .contributor,
.bbs_box01 .answer  .contributor {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
.bbs_box01 .boxTitle .contributor span,
.bbs_box01 .answer  .contributor span {
	font-weight: bold;
}

/* pager */
.bbs_pager {
	margin: 20px 0 10px;
	text-align: center;
}
.bbs_pager li {
	display: inline-block;
	margin: 0 2px;
	padding: 0;
}
.bbs_pager li span {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 12px;
	background: #8CC63F;
	color: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
}
.bbs_pager li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 12px;
	background: #fff;
	color: #5b2e00;
	border: 1px solid #8CC63F;
	text-decoration: none;
	vertical-align: middle;
}
.bbs_pager li a:hover {
	background: #ffc488;
}

/* bbs_submit */
.bbs_submit {
	clear: both;
	margin: 25px 0 0 0;
}
.bbs_submit > * {
	letter-spacing: normal;
}
.bbs_submit > *:first-child {
	margin-top: 0 !important;
}
.bbs_submit [class*="bbs_button"] {
	display: inline-block;
	vertical-align: middle;
}
.bbs_submit [class*="bbs_button"] + [class*="bbs_button"] {
	margin: 15px 0 0 0;
}
.bbs_submit .bbs_button01#bbs_postingBtn {
	display: block;
	width: 100%;
}
.bbs_submit .bbs_button01#bbs_submitBtn {
	display: block;
	margin-top: 20px !important;
	text-align: center;
}
.bbs_submit .bbs_button01#bbs_postingBtn > input {
	min-width: 0;
	width: 100%;
	padding: 12px 30px 9px;
	font-size: 16px;
}
.bbs_submit .bbs_button01#bbs_submitBtn > input {
	display: inline-block;
	width: 50%;
	min-width: 0;
	padding: 12px 30px 9px;
	font-size: 16px;
}

.inputWrap.wOT {
	margin: 1em 0 0;
}
.inputWrap.wOT,
.inputWrap.wOT > .field,
.inputWrap.wOT > .field input {
	width: 100%;
}

.inputList.type-row1.uniformity > li {
	overflow: hidden;
	width: 30%;
	text-align: center;
	margin-right: 3.3%;
}
.inputList.type-row1.uniformity > li .radioWrap {
	padding: 0;
}
.inputList.type-row1.uniformity > li .radioWrap span {
	display: table;
	width: 100%;
	height: 4em;
	background: #f5f5f5;
	padding: 8px 4px 5px;
	border-radius: 0 0 5px 5px;
}
.inputList.type-row1.uniformity > li .radioWrap span > span {
	display: table-cell;
	font-size: 11px;
	vertical-align: middle;
}
.formWrap01 .big {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
}
.formWrap01 .iconList01.bigList > li:before {
	top: 1.3em;
}
.radioWrap.radioOn {
	border: none;
	background: #ffffff;
}
.radioWrap.radioOn span {
	padding-left: 10px;
}
.type-col1 li .radioWrap.radioOn {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 20px;
	cursor: pointer;
	min-height: inherit;
}
.type-col1 li .radioWrap.radioOn::before,
.type-col1 li .radioWrap.radioOn::after {
	position: absolute;
	content: '';
	top: 50%;
	border-radius: 100%;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.type-col1 li .radioWrap.radioOn::before {
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #f3f3f3;
	border: 1px solid #ccc;
}
.type-col1 li .radioWrap.radioOn:hover::before {
	background: #fff;
}
.type-col1 li .radioWrap.radioOn::after {
	opacity: 0;
	left: 4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #93c500;
	-webkit-transform: scale(2);
	transform: scale(2);
}
.type-col1 li .radioWrap.radioOn.is-checked::before {
	background: #fff;
	border: 1px solid #93c500;
}
.type-col1 li .radioWrap.radioOn.is-checked::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.selectBreed > div {
	display: none;
}
.selectBreed > div.select {
	display: block;
}

/* Clearfix
------------------------------------------------------ */
.formFlow:after,
.formTable .entrySet .entry > th > .entryHdg:after,
.radioListWrap:after,
.inputList:after,
.bbs_btnList01:after {
	content: "";
	display: block;
	clear: both;
}
.formFlow,
.formTable .entrySet .entry > th > .entryHdg,
.radioListWrap,
.inputList,
.bbs_btnList01 {
	zoom: 1;
}

/* 201907 seikyu
------------------------------------------------------ */
.seikyu_animal_form {
  background-color: #f6faf0;
}

.box04.seikyu_animal_form {
  margin-top: 15px;
  padding-bottom: 5px;
/*  border: 1px solid #8CC63F; */
}

.seikyu_animal_form .boxInner {
  padding-bottom: 7px;
}

.seikyu_animal_form .selectWrap {
  padding-top: 3px;
  margin-bottom: 0px;
}

.seikyu_animal_form .inputError {
  margin-top: 2px;
  margin-bottom: 8px;
}

.seikyu_animal_form .labelTail {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
}

.seikyu_animal_form .selectWrap {
  margin-right: 0px;
}

.ani_birth_label_br {
  display: block;
}

.cc_orange {
  color: #fd8c07;
}
}