body{ background: #A7846C; } /* --- ▼▼▼ メインタイトル部分 ▼▼▼ --- */ #entry_maincatch{ div.container{ div.row{ background: #FFF; div.col-md-12{ position: relative; h1#maintitle { font-size: 24px; line-height: 1.3; border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; background: #7a95cc; white-space: nowrap; margin-top: 15px!important; margin-bottom: 0px!important; padding: 15px; span{ padding: 0 10px; border-left: 4px solid #FFF; display: block; color: #FFF; text-shadow: 1px 1px 1px #666; font-weight: bold; em{ font-size: 20px; font-style: normal; } } br{ display: none; } } P#apply_note{ position: absolute; top: -26px; right:30px; a{ display: block; background: #ff9c28; width: 170px; height: 86px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #FFF; padding: 15px 5px 15px 0; box-sizing: border-box; text-align: center; font-size: 20px; text-shadow: 1px 1px 1px #999; font-weight: bold; } a:hover{ text-decoration: none; background: #ef8a13; } } div.col-sm-12{ padding: 20px 10px; min-height: 60px; } h4 { line-height: 1.3em; margin-bottom: 0 !important; } } } } } @media screen and ( max-width: 991px ){ #entry_maincatch{ P#apply_note{ width: 300px !important; text-align: center; position: relative!important; top: 0!important; right: 0!important; bottom: 0; left: 0; margin: 10px auto; a{ width: 300px !important; height: auto !important; color: #FFF; padding: 15px 0; box-sizing: border-box; text-align: center; font-size: 20px; text-shadow: 0.5px 0.5px 0.5px #999; i{ margin-right: 2px; } br { display: none; } } } } } @media screen and ( max-width: 568px ){ #entry_maincatch{ h1#maintitle { padding: 10px 15px; span{ padding: 0 10px; em { font-size: 14px !important; } } } } } @media screen and (min-width: 321px) and (max-width: 1020px) { #entry_maincatch{ div.col-sm-12{ padding-top: 4px!important; } } } .sp-br { display: none; } @media screen and ( max-width: 568px ){ .sp-br { display: block !important; } } /* --- ▲▲▲ メインタイトル部分 ▲▲▲ --- */ .cont_back_blue{ background: #E0E4F3; padding-top: 20px; padding-bottom: 5px; } /* --- ▼▼ 代表様フォーム ▼▼ --- */ form { margin: 0; padding: 0; } #delepart{ background: #FFF; } #personpart, #wifepart{ background: #FFF; } #lastsendspa{ background: #FFF; padding-bottom: 15px; } #lastsendspa .lastsendspa-inner{ padding-bottom: 20px; text-align: center; } /* --- ▲▲ 代表様フォーム ▲▲ --- */ /* --- ▼▼ ご本人様フォーム ▼▼ --- */ input[type=text], input[type=password]{ background: #FFF; } .form-control{ background: #E0E4F3; margin-bottom: 10px; .control-label { text-align: left; font-size: 16px; color: #333; } } .form-horizontal .control-label{ text-align: left; max-width: 230px; padding-top: 0; } @media screen and ( max-width: 568px ){ .form-horizontal .control-label{ max-width: 220px; } } h3.backblue{ margin: 0px 0px 0px 0px!important; background: #829BCD; color: #FFF; padding: 10px 0px 10px 10px; font-size: 16px; text-shadow: 1px 1px 1px #666; font-weight: 700; } div.col-sm-12{ background: #E0E4F3; } @media screen and (min-width: 321px) and (max-width: 1020px){ h3.backblue{ height: 40px; } } .frmsub_drct_sub{ border: 1px solid #F00; color: #F00; padding: 4px 6px; font-size: 11px; text-align: center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; float: right; background: #FFF; min-width: 100px; margin-bottom: 10px; } /* --- ▲▲ ご本人様フォーム ▲▲ --- */ .form-horizontal .control-label span.note_mini{ font-size: 12px; font-weight: 400; } /* --- ▼▼ 配偶者様フォーム ▼▼ --- */ .form-group{ margin: 0px 0px 15px 0px!important; border-bottom: 1px solid #CCC; padding-bottom: 10px; div.col-sm-7{ font-size: 15px; } span.ansnote{ display: block; color: #F00; font-size: 14px; } } .form-group.panel-box{ border-bottom: none!important; padding-bottom: 0px!important; .control-label{ padding-top: 7px; } } @media screen and ( max-width: 568px ){ .form-group.panel-box .control-label{ padding-top: 0; } } .panel-group{ box-shadow: none; -webkit-box-shadow:none; } .panel-group .panel{ box-shadow: none; -webkit-box-shadow:none; border: none; } .panel-body{ padding: 15px 0 0 0; } /* --- ▲▲ 配偶者様フォーム ▲▲ --- */ #lastsendspa{ clear: both; margin-top: -5px; } .inptxt-two{ width: 4.5em; display: inline; } .inptxt-three{ width: 6em; display: inline; } .inptxt-four{ width: 7em; display: inline; } .btn-proceed{ margin: 10px auto 10px; text-align: center; // text-shadow: 1px 1px 1px #666; min-width: 12em; padding: 15px 20px 15px 15px; font-size: 20px; box-sizing: border-box; } .frmsub_drct{ padding: 4px 8px; text-align: center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; float: right; } .panel-success>.panel-heading{ color: #3c763d; background-color: #FFF; border-radius: 4px!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; } .panel-success>.panel-heading+.panel-collapse>.panel-body{ border: none; } h4.p-slide-event{ color: #3c763d!important; outline: none; text-align: center; a{ display: inline-block; font-size: 20px; cursor: pointer; border: 0; background-color: transparent; outline: none; padding-left: 24px; position: relative; line-height: 1.3em; } a:before{ font-family: FontAwesome; content: "\f078"; position: absolute; top: 0; left: 0px; } } .frmsub_require{ font-weight: 700; background: #F00; color: #FFF; margin-bottom: 10px; } .frmsub_txtrequire{ font-weight: 700; color: #F00; display: block; } .panel-body{ background: #E0E4F3; border-top: none; } .panel{ border: none; } .panel-title>a{ cursor: pointer; } .panel-group .panel{ margin-bottom: 0; border-radius: 12px; } h4.panel-title{ padding: 10px 0px; } h4.p-slide-event{ color: #FFF; font-weight: 700; font-size: 20px; } .frmsub_btnlong_require{ font-weight: 700; background: #F00; color: #FFF; } .btn-link{ color: #333; } .btn-link:hover{ color: #333; text-decoration: none; }