@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/* フォーム */

/* テキストボックス */
.m-form-text {
    height: 2.4em;
    width: 100%;
    padding: 0 12px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.m-form-text:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(143, 191, 115) inset;
    background-color: #fffee5;
}

/* セレクトボックス */
.form_wrap-select {
    position: relative;
}

.form_wrap-select:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 12px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(135deg);
    pointer-events: none;
}

.form_wrap-select select {
    height: 2.4em;
    width: 100%;
    padding: 0 8px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.form_wrap-select select::-ms-expand {
    display: none;
}

.form_wrap-select select:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(143, 191, 115) inset;
    background-color: #fffee5;
}

/* テキストエリア */
.m-form-item-textarea textarea {
    height: 300px;
}

.m-form-textarea {
    display: block;
    width: 100%;
    padding: 4px 12px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    resize: vertical;
}

.m-form-textarea:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(143, 191, 115) inset;
  background-color: #fffee5;
}

/* 必須 */
label.required {
 background-color: #d81c16;
 margin-left: 8px;
 padding: 0 6px;
 color: #fff;
 font-size: 0.65em;
 vertical-align: middle;
}


/*送信・リセットボタンの体裁を指定（[type="○○"]で属性の値でセレクト）*/

div.form-btn {
 text-align: center;
 margin: 10px 0 10px!important;
}

div.form-btn > ul {
 margin: 0;
 padding: 0;
 list-style: none;
 list-style-image: none;
}

div.form-btn li {
 float: left;
 margin-right: 20px;
 padding: 0;
}

div.form-btn > ul:after {
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
 clear: both;
}


input[type="submit"] {
 cursor: pointer;     /*←これでカーソルを指先型に変化させる*/
 font-weight: bold;
 display: inline-block;
 padding: 8px 28px;
 background-color:#ec9300;
 color: #fff;
 font-size: 18px;
 font-weight:bold;
 transition: .4s;
 margin: 15px 0;
}

input[type="submit"]:hover {
/*↓ここではロールオーバー時の透明度を変更。もちろんグラデーションを指定してもOK*/
 opacity: 0.6;
}