@charset "UTF-8";


* html {
font-size: 100%;
}
html {
font-size: 16px;
line-height: 1.5em;
}
html {
font-size: 100%;
line-height: 1.5em;
}
body {
color: #565656;
font-family: "Hiragino Kaku Gothic Pro", Meiryo, YuGothic, "游ゴシック medium", "Takao Pゴシック", TakaoPGothic, "Takaoゴシック", TakaoGothic, "Lucida Grande", Verdana, Helvetica, Arial, "MS PGothic", sans-serif;
}
h1 {
font-size: 3em;
line-height: 1em;
}
h2 {
font-size: 2.25em;
line-height: 1.33333em;
}
h3 {
font-size: 1.5em;
line-height: 1em;
}
h4 {
font-size: 1.25em;
line-height: 1.2em;
}
h5 {
font-size: 1.125em;
line-height: 1.33333em;
}
hgroup h2, h4, h5, h6 {
font-size: 1em;
line-height: 1.5em;
}
p {
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 1.5em;
}
h1 {
font-size: 3em;
}
h2 {
font-size: 2.25em;
line-height: 1.33333em;
}
h3 {
font-size: 1.5em;
}
h4, h5, h6, hgroup h2, li, p {
font-size: 1em;
line-height: 1.5em;
}
p {
margin: 0;
}
h1, h3 {
line-height: 1em;
}
header {
padding-top: 10px;
padding-bottom: 10px;
background-color: #fff;
box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.1);
}
.webp .header__logo {
width: 410px;
height: 78px;
background: url(//ueda78.com/core/views/6aae4dee3c/images/common/logo.webp?178f83ed255) 50% no-repeat;
}
.no-webp .header__logo {
width: 410px;
height: 78px;
background: url(//ueda78.com/core/views/6aae4dee3c/images/common/logo.png?17839a5c045) 50% no-repeat;
}
.header__logo h1 {
width: 410px;
height: 78px;
margin: 0;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.header__logo h1 a {
display: block;
width: 100%;
height: 100%;
}   @media screen and (max-width: 749px) {
.webp .header__logo {
margin: 0 auto;
}
}
.head, .scale {
position: relative;
}
.head h1, .head p, .head span {
z-index: 2;
text-shadow: 2px 3px 4px #333;
}
.circle img, .head, .target, header {
width: 100%;
}
.form-title, .form-title-mgt0, .mw_wp_form .error, .required {
font-weight: 700;
}
.headding {
font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;
}
.lead {
margin-bottom: 3.45em;
}
.circle {
overflow: hidden;
border-radius: 50%;
box-shadow: 0 0 10px #e9ecef;
}
.circle img {
height: auto;
}
.buy-items, .character, .head, .houjin-form, .target {
position: relative;
padding: 4.2em 5px;
}
.buy-items h3, .character h3, .head h3, .houjin-form h3, .target h3 {
color: #17a2b8;
font-weight: 700;
font-size: 1em;
}
.head, .head span a {
color: #fff;
}
.webp .head {
min-height: 580px;
background: url(//ueda78.com/core/views/6aae4dee3c/images/houjin/houjin-top.webp?178f840bf1b) no-repeat;
background-size: cover;
}
.no-webp .head {
min-height: 580px;
background: url(//ueda78.com/core/views/6aae4dee3c/images/houjin/houjin-top.jpg?1636c838a30) no-repeat;
background-size: cover;
}
.head h1, .head p, .head span, .head::after {
position: absolute;
}
.head h1 {
top: 50%;
transform: translateY(-50%);
}
.head p {
top: 50%;
transform: translateY(3em);
}
.head span {
-webkit-animation: arrow 1s infinite;
display: block;
bottom: 2em;
left: 50%;
transform: translateX(-50%);
animation: arrow 1s infinite;
}
.head span a :focus, .head span a:hover {
color: #ebebeb;
}
.head::after {
display: block;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 80%, #fafafa);
content: "";
}
.character::after, .target::after {
display: block;
z-index: 1;
position: absolute;
top: calc(100% - 15px);
left: 50%;
content: "";
}
@-webkit-keyframes arrow {
0%, 100% {
bottom: 2em;
}
50% {
bottom: 1em;
}
}
@keyframes arrow {
0%, 100% {
bottom: 2em;
}
50% {
bottom: 1em;
}
}
.target {
background: #fafafa;
}
.target img {
display: block;
width: 50%;
height: auto;
margin: 0 auto;
}
.target::after {
width: 0;
height: 0;
transform: translateX(-15px) rotate(45deg);
border: 15px solid transparent;
border-right: 15px solid #fafafa;
border-bottom: 15px solid #fafafa;
}
.character {
width: 100%;
background: #e9ecef;
}
.character img {
display: block;
width: 100%;
height: auto;
margin: .75em auto 0;
background: #fff;
box-shadow: 0 0 10px #fafafa;
}
.character::after {
width: 0;
height: 0;
transform: translateX(-15px) rotate(45deg);
border: 15px solid transparent;
border-right: 15px solid #e9ecef;
border-bottom: 15px solid #e9ecef;
}
.buy-items {
width: 100%;
min-height: 660px;
background: #fafafa;
}
.houjin-form {
width: 100%;
padding-top: 5.1em;
background: #fff;
}
.form-title {
margin-top: 1.5em;
margin-bottom: 1.35em;
}
.form-title-mgt0 {
margin-top: 3em;
}
.required {
color: #b70000;
}
.mgt1 {
margin-top: 1.5em;
}
.web-form {
margin: 2.25em auto 0;
padding-bottom: 1.5em;
border: 3px solid #ebebeb;
border-radius: 5px;
}
.btn-form-back-btn, .btn-form-btn {
display: block;
width: 40%;
margin: 0 auto;
padding: 10px 20px;
color: #48433c;
font-weight: 700;
cursor: pointer;
}
.btn-form-btn {
border: 0;
border-radius: 40px;
background: linear-gradient(to bottom, #ffec13 0, #efc700 100%);
}
.btn-form-btn:hover {
background: linear-gradient(to bottom, #f7c613 0, #e8a600 100%);
}
.btn-form-back-btn {
border: 0;
border-radius: 40px;
background: linear-gradient(to bottom, #00e8ff 0, #009baa 100%);
}
.btn-form-back-btn:hover {
background: linear-gradient(to bottom, #008b99 0, #005d66 100%);
}
@media screen and (min-width: 750px) {
header .container .header__logo {
margin: 0 auto;
}
header .container .header__logo h1 {
margin-bottom: 0;
text-align: center;
}
.content {
padding-top: 94px;
}
.buy-items .headding, .character .headding, .houjin-form .headding, .target .headding {
width: 420px;
margin: 0 auto 1.5em;
padding-top: .3em;
padding-bottom: .3em;
border-top: 1px solid #565656;
border-bottom: 1px solid #565656;
}
footer {
width: 100%;
margin-top: 4.5em;
background-color: #f7f7f7;
}
footer .footer__top {
overflow: hidden;
background-color: #ed1e26;
}
footer .footer__top .container {
display: flex;
align-items: center;
justify-content: space-between;
}
footer .footer__top .container .footer__logo {
width: 120px;
}
footer .footer__top .container .footer__description {
width: 775px;
color: #fff;
font-weight: normal;
font-size: 12px;
}
footer .footer__top .container .footer__sns {
display: flex;
justify-content: space-between;
width: 190px;
margin: 0;
padding: 0;
list-style-type: none;
}
footer .license {
text-align: center;
}
footer .license ul {
display: flex;
justify-content: space-evenly;
margin-top: 1.5em;
margin-bottom: 1.5em;
font-size: .7em;
list-style-type: none;
}
footer .belongs ul {
display: flex;
justify-content: space-evenly;
list-style-type: none;
}
footer .copyright {
padding-top: 0.75em;
padding-bottom: 0.75em;
background: #fff;
line-height: 1;
text-align: center;
}
.web-form table {
margin: .3em auto 3em;
border-collapse: separate;
border-spacing: 17px;
}
.web-form table tr td, .web-form table tr th {
position: relative;
}
.web-form table tr td span.comment, .web-form table tr th span.comment {
display: block;
font-size: .8em;
}
.web-form table tr th {
min-width: 200px;
padding-right: 1.5em;
padding-left: 1em;
border-radius: 5px;
background-color: #ebebeb;
font-weight: 400;
}
.web-form table tr .mail_address, .web-form table tr .text {
width: 375px;
}
}
@media screen and (max-width: 749px) {
footer .footer__description, header .container .header__logo img.seiko {
display: none;
}
header .container .header__logo h1 {
margin-bottom: 0;
text-align: center;
}
.content {
padding-top: 0;
}
.head p {
padding: 0 5px;
}
.buy-items .headding, .character .headding, .houjin-form .headding, .target .headding {
width: 90%;
padding-top: .3em;
padding-bottom: .3em;
border-top: 1px solid #565656;
border-bottom: 1px solid #565656;
}
.target .headding {
margin: 0 auto 1.5em;
}
.target h4 {
margin-top: 3em;
}
.character .headding {
margin: 0 auto 1.5em;
}
.character h4 {
margin-top: 3em;
}
.buy-items .headding {
margin: 0 auto 1.5em;
}
.buy-items h4 {
margin-top: 3em;
}
.houjin-form .headding {
margin: 0 auto 1.5em;
}
.web-form table {
width: 100%;
margin: .3em auto 3em;
border-collapse: separate;
border-spacing: 17px;
}
.web-form table tr td, .web-form table tr th {
vertical-align: middle;
}
.web-form table tr td span.comment, .web-form table tr th span.comment {
display: block;
font-size: .8em;
}
.web-form table tr th {
width: 25%;
padding-right: 1.5em;
padding-left: 1em;
border-radius: 5px;
background-color: #ebebeb;
font-weight: 400;
}
.web-form table tr td {
width: 75%;
}
.web-form table tr .mail_address, .web-form table tr .text {
width: 100%;
}
.web-form table tr .mwform-tel-field .tel {
width: 25%;
}
.web-form table tr .message {
width: 100%;
}
}
button.glsr-button.button.btn {
border-color: #007bff;
background-color: #007bff;
color: #fff;
cursor: pointer;
}
button.glsr-button.button.btn:hover {
border-color: #0062cc;
background-color: #0069d9;
color: #fff;
}.formError{z-index:990}.formError .formErrorContent{z-index:991}.formError .formErrorArrow{z-index:996}.ui-dialog .formError{z-index:5000}.ui-dialog .formError .formErrorContent{z-index:5001}.ui-dialog .formError .formErrorArrow{z-index:5006}.inputContainer{float:left;position:relative}.formError{cursor:pointer;display:block;left:300px;position:absolute;text-align:left;top:300px}.formError.inline{display:inline-block;left:0;position:relative;top:0}.ajaxSubmit{background:#55ea55;border:1px solid #999;display:none;padding:20px}.formError .formErrorContent{background:#ee0101;border:2px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;-moz-box-shadow:0 0 6px #000;-webkit-box-shadow:0 0 6px #000;-o-box-shadow:0 0 6px #000;box-shadow:0 0 6px #000;color:#fff;font-size:11px;min-width:120px;padding:4px 10px;position:relative;width:100%}.formError.inline .formErrorContent{border:none;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none}.greenPopup .formErrorContent{background:#33be40}.blackPopup .formErrorContent{background:#393939;color:#fff}.formError .formErrorArrow{margin:-2px 0 0 13px;position:relative;width:15px}body.rtl .formError .formErrorArrow,body[dir=rtl] .formError .formErrorArrow{margin:-2px 13px 0 0}.formError .formErrorArrowBottom{-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none;margin:0 0 0 12px;top:2px}.formError .formErrorArrow div{background:#ee0101;border-left:2px solid #ddd;border-right:2px solid #ddd;-moz-box-shadow:0 2px 3px #444;-webkit-box-shadow:0 2px 3px #444;-o-box-shadow:0 2px 3px #444;box-shadow:0 2px 3px #444;display:block;font-size:0;height:1px;line-height:0;margin:0 auto}.formError .formErrorArrowBottom div{-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none}.greenPopup .formErrorArrow div{background:#33be40}.blackPopup .formErrorArrow div{background:#393939;color:#fff}.formError .formErrorArrow .line10{border:none;width:15px}.formError .formErrorArrow .line9{border:none;width:13px}.formError .formErrorArrow .line8{width:11px}.formError .formErrorArrow .line7{width:9px}.formError .formErrorArrow .line6{width:7px}.formError .formErrorArrow .line5{width:5px}.formError .formErrorArrow .line4{width:3px}.formError .formErrorArrow .line3{border-bottom:0 solid #ddd;border-left:2px solid #ddd;border-right:2px solid #ddd;width:1px}.formError .formErrorArrow .line2{background:#ddd;border:none;width:3px}.formError .formErrorArrow .line1{background:#ddd;border:none;width:1px}