@charset "utf-8";

/***************************************************************************
Media Queries
****************************************************************************/

@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}

/***************************************************************************
form用テーブルCSS
****************************************************************************/

#form th {
    width: 190px;
	text-align: left;
}

@media only screen and (max-width: 767px) {
#form th,
#form td {
    width: 100%;
	display: block;
}
}

/***************************************************************************
フォーム（input 最も基本的な設定）
****************************************************************************/

#form input[type*="text"],#form input[type*="tel"],#form input[type*="number"],#form input[type*="email"],
#form textarea,#form select ,
#form input[type*="submit"],#form input[type*="button"],#form button {
    border: none;
    outline: none;				/*hover時に水色の枠線が付くのを防ぐ*/
    border-radius: 3px;			/*iPhoneで角丸になるのを防ぐ*/
    font-size: 14px;
    display: inline-block;
    line-height: 1.6;
    font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    appearance: none;
}

@media only screen and (max-width: 768px) {
#form input[type*="text"],#form input[type*="tel"],#form input[type*="number"],#form input[type*="email"],
#form textarea,#form select ,
#form input[type*="submit"],#form input[type*="button"],#form button {
    font-size: 16px !important;    /* iphoneでinput入力時拡大を防ぐ */
}
}

/***************************************************************************
フォーム（input 基本的な設定）
****************************************************************************/

input[type*="submit"],input[type*="button"],button,select {
    cursor: pointer;
}
#form input[type*="text"],#form input[type*="tel"],#form input[type*="number"],#form input[type*="email"],#form textarea,#form select {
    border: 1px solid #CCCCCC;
    width: 100%;
	max-width: 300px;
    padding: 5px;
}
#form select {
    width: auto;
    padding: 0px 0px 0px 5px;
    height: 32px;
}
#form textarea {
	max-width: 600px !important;    /* mailformproの場合、!importantが必要 */
    width: 100% !important;			/* mailformproの場合、!importantが必要 */
    height: 200px !important;		/* mailformproの場合、!importantが必要 */
    padding: 10px;
}
#form textarea.small {
    height: 100px !important;		/* mailformproの場合、!importantが必要 */
}

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

#form textarea {
    height: 130px !important;		/* mailformproの場合、!importantが必要 */
}
}

/***************************************************************************
form_attention
****************************************************************************/

.form_attention {
	display: block;
	padding-top: 5px;
}

/***************************************************************************
フォーム（長さ指定）
****************************************************************************/

#form .w_50 {
    width: 50px !important;
}
#form .w_70 {
    width: 70px !important;
}
#form .w_100 {
    width: 100px !important;
}
#form .w_150 {
    width: 150px !important;
}
#form .w_200 {
    width: 200px !important;
}
#form .w_250 {
    width: 250px !important;
}
#form .w_300 {
    width: 300px !important;
}
#form .w_350 {
    width: 350px !important;
}
#form .w_400 {
    width: 400px !important;
}
#form .w_450 {
    width: 450px !important;
}
#form .w_500 {
    width: 500px !important;
}

@media only screen and (max-width: 767px) {
#form .sp_w100_per {
    width: 100% !important;
}
}