/* app-buttons.css
 * 顧客向けレイアウト(layouts/layout)には app.css が読み込まれておらず、
 * app.css 側にのみ定義されたボタン/モーダル系クラスが無スタイルになるための補完。
 * 抽出元: app.css(ボタン/ユーティリティ/lead/reveal) + foundation.min.css(close-button/reveal不足分)
 * ビルド環境整備後は style.min.css へ一本化して削除すること(responsive-fix.css と同方針)
 */

/* ---- from foundation.min.css (close-button / reveal) ---- */
.close-button{position:absolute;color:#0a0a0a;right:1rem;top:.5rem;font-size:2em;line-height:1;cursor:pointer}
[data-whatinput=mouse] .close-button{outline:0}
.close-button:focus, .close-button:hover{color:#0a0a0a}
.reveal-overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:4;background-color:hsla(0,0%,4%,.45);overflow-y:scroll}
.reveal{display:none;z-index:5;padding:1rem;border:1px solid #cacaca;margin:6.25rem auto 0;background-color:#fefefe;border-radius:0;position:absolute;overflow-y:auto}
[data-whatinput=mouse] .reveal{outline:0}
@media screen and (min-width:40em){.reveal{min-height:0}}
.reveal .column, .reveal .columns{min-width:0}
.reveal>:last-child{margin-bottom:0}
@media screen and (min-width:40em){.reveal{width:600px;max-width:75rem}}
@media screen and (min-width:40em){.reveal .reveal{left:auto;right:auto;margin:0 auto}}
.reveal.collapse{padding:0}
@media screen and (min-width:40em){.reveal.tiny{width:30%;max-width:75rem}}
@media screen and (min-width:40em){.reveal.small{width:50%;max-width:75rem}}
@media screen and (min-width:40em){.reveal.large{width:90%;max-width:75rem}}
.reveal.full{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0}

/* ---- from app.css ---- */
.margin-0{margin: 0 !important;}
.width-100per{width: 100%;}
.width-100per{width: 100% !important;}
@media screen and (max-width: 39.9375em){.margin-top-sp--1{margin-top: 1em !important;}}
@media screen and (max-width: 39.9375em){.margin-top-sp--05{margin-top: 0.5em !important;}}
.top-bar input.button-green-bg-white, .top-bar input.button-orange-bg-white, .top-bar input.button-orange, .top-bar input.button-dark-orange, .top-bar input.button-blue, .top-bar input.button-gray{width: auto;}
.lead{font-size: 125%;line-height: 1.6;}
.button-green-bg-white, .button-orange-bg-white, .button-orange, .button-dark-orange, .button-blue, .button-gray{min-width: 8em;border: 0;padding: 0.5em 1em;text-align: center;display: inline-block;font-size: 16px;line-height: 1em;font-weight: bold;border-radius: 2px;}
@media screen and (max-width: 39.9375em){.button-green-bg-white, .button-orange-bg-white, .button-orange, .button-dark-orange, .button-blue, .button-gray{font-size: 16px;padding: 0.5em 0.5em;width: 100%;border-radius: 2px;}}
.button-small{min-width: 4em;padding: 0.2em 0.4em;}
.button-green-bg-white{margin: auto;background: #fefefe;border: 2px solid #009362;margin: auto !important;color: #009362;width: 90%;}
.button-orange-bg-white{margin: auto;background: #fefefe;border: 2px solid #e18700;margin: auto !important;color: #e18700;width: 90%;}
.button-orange{background: #F6AE62;border: 1px solid #e18700;color: #fff;}
.button-orange:hover, .button-orange:focus{background: #febb4d;color: #fff;}
.button-dark-orange{background: #ff6e17;border: 1px solid #dc8100;color: #fff;}
.button-dark-orange:hover, .button-dark-orange:focus{background: #ff9a5d;color: #fff;}
@media screen and (min-width: 925px){.button-dark-orange{min-width:210px;}}
.button-blue{background: #5695f1;border: 1px solid #4979ee;color: #fff;padding-top:0.6em;padding-bottom:0.6em;}
.button-blue:hover, .button-blue:focus{background: #89b5f5;color: #fff;}
.button-gray{background: #a3a3a3;border: 1px solid #3b3b3b;color: #fff;}
.button-gray:hover, .button-gray:focus{background: #bfbfbf;color: #fff;}
.button-green-bg-white, .button-orange-bg-white, .button-orange, .button-dark-orange, .button-blue, .button-gray{margin: 0;}
.reveal{border: 0.3em solid #c7e9dd;}
.login-top .login-top__info-buttons .button-orange{font-size: 0.9em;}
.B002 .button-area .button-orange, .C003 .button-area .button-orange, .C005 .button-area .button-orange, .C006 .button-area .button-orange, .C007 .button-area .button-orange, .C008 .button-area .button-orange, .C009 .button-area .button-orange, .C010 .button-area .button-orange, .C101 .button-area .button-orange, .C103 .button-area .button-orange{width: 100%;}
.C004 .C004__button-area .button-orange{width: 100%;}