/*@import url("address_contents.css");*/
@import url("material.css");
@import url("app.css");
@import url("info.css");
@import url("styleEdit.css");
@import url("styleEdit2.css");
/* ----------------------------
START BLOCK-P1
------------------------------ */
.frame_1{
font-size: 8px; border:1px; width:100%; height:150px;
scrolling: auto;
}
.frame_2{
font-size: 8px; width:100%; height: 365px;
border:2px solid #999999;
scrolling: auto;
}
.AB .a2b1 a:visited {
color: #FFF!important;
}
.AB .box-34 {
margin-left: 3% !important;
margin-right: 3% !important;
text-align: center;
width: 94% !important;
}
.AB .box-34-21 .btn-4{white-space: nowrap;}
.AB .box-34, .AB .box-34 .row-1, .AB .box-34 .row-2{
display: inline-block;
}
.AB .box-34 .row-1{
width: 100%;
}
.AB .box-34 .row-1 .left, .AB .box-34 .row-1 .right{
float: left;
}
.AB .box-34 .row-1 .left{
margin-top: 4px;
width: 73%;
}
.AB .box-34 .row-1 .right{
width: 27%;
}
.AB .box-34 .row-1 .right a{
margin-right: 11%;
}
.AB .box-34 .row-1 ul{
display: inline-block;
width: 100%;
margin-left: 5%;
}
.AB .box-34 .row-1 ul li {
display: inline-block;
float: left;
height: 40px;
padding: 0px;
}
.AB .box-34 .row-1 ul li {
color: #FFFFFF;
font-size: 25px;
margin-right: 5px;
text-decoration: none;
}
.AB .box-34 .row-1 .left ul li.line {
padding: 0px 5%;
}
.AB .box-34 .row-1 .left ul li.line div {
border-left: 2px solid #FFFFFF;
height: 26px;
margin-top: 2px;
}
.AB .box-34-4 {
text-align: center;
width: 100% !important;
}
.AB .box-34-4, .AB .box-34-4 .row-1{
display: inline-block;
}
.AB .box-34-4 .row-1 {
width: 100%;
}
.AB .box-34-4 .row-1 .row-1 div{
float: left;
}
.AB .box-34-4 .row-1 .row-1 div:first-child{
width: 45%;
}
.AB .box-34-4 .row-1 .row-1 div:last-child{
text-align: right;
width: 52%;
}
.AB .box-34-4 .row-1 > div{
float: left;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
width: 25%;
}
.AB .box-34-4 .row-1 > div > div{
width: 186px;
margin: auto;
}
.AB .box-34-2 {
text-align: center;
width: 100% !important;
}
.AB .box-34-2, .AB .box-34-2 .row-1{
display: inline-block;
}
.AB .box-34-2 .row-1 {
width: 100%;
}
.AB .box-34-2 .row-1 .row-1 div{
float: left;
}
.AB .box-34-2 .row-1 .row-1 div:first-child{
width: 45%;
text-align: left;
}
.AB .box-34-2 .row-1 .row-1 div:last-child{
text-align: right;
width: 55%;
}
.AB .box-34-2 .row-1 > div{
float: left;
margin-bottom: 10px;
width: 50%;
}
.AB .box-34-2 .row-1 > div > div{
width: 395px;
margin: auto;
}
.AB .box-34-21 {
text-align: center;
width: 100% !important;
}
.AB .box-34-21, .AB .box-34-21 .row-1{
display: inline-block;
}
.AB .box-34-21 .row-1 {
width: 100%;
}
.AB .box-34-21 .row-1 .row-1 div{
float: left;
}
.AB .box-34-21 .row-1 .row-1 div:first-child{
width: 45%;
text-align: left;
}
.AB .box-34-21 .row-1 .row-1 div:last-child{
text-align: right;
width: 55%;
}
.AB .box-34-21 .row-1 > div{
float: left;
margin-bottom: 10px;
width: 50%;
}
.AB .box-34-21 .row-1 > div > div{
width: 355px;
margin: auto;
}
.AB .box-34 .row-2 {
width: 100%;
}
.AB .box-34 .row-2 .row-1 div{
float: left;
}
.AB .box-34 .row-2 .row-1 div:first-child{
width: 45%;
}
.AB .box-34 .row-2 .row-1 div:last-child{
text-align: right;
width: 52%;
}
.AB .box-34 .row-2 .row-1 div:last-child img {
width: 27px;
}
.AB .box-34 .row-2 > div{
float: left;
width: 25%;
padding-left: 0.5%;
padding-right: 0.5%;
margin-bottom: 20px;
}
.AB .box-34 .row-2 > div > div{
width: 186px;
margin: auto;
}
@media screen and (max-width : 1100px) {
.AB .box-34 .row-2 > div{
width: 25%;
margin-bottom: 10px;
}
.AB .box-34-4 {
margin-left: 3% !important;
margin-right: 3% !important;
text-align: center;
width: 94% !important;
}
.AB .box-34-4 .row-1 > div{
padding-left: 0.5%;
padding-right: 0.5%;
width: 25%;
margin-bottom: 10px;
}
}
@media screen and (max-width : 985px) {
.AB .box-34-2 .row-1 > div{
margin-bottom: 10px;
width: 100%;
float: none;
}
}
@media screen and (max-width : 850px) {
.AB .box-34 .row-2 > div{
width: 33%;
}
.AB .box-34-4 .row-1 > div{
width: 33.2%;
margin-bottom: 10px;
}
}
@media screen and (max-width : 810px) {
.AB .box-34-21 .row-1 > div > div{width: 200px}
}
@media screen and (max-width : 650px) {
.AB .box-34 .row-2, .AB .box-34-4 .row-1{
width: 100%;
}
.AB .box-34 .row-2 > div, .AB .box-34-4 .row-1 > div{
width: 50%;
padding: 0;
}
}
@media screen and (max-width : 515px) {
.AB .box-34 .row-2 > div, .AB .box-34-4 .row-1 > div{
width: 100%;
float: none;
}
}
@media screen and (max-width : 785px) {
.AB .box-34 .row-1 {
margin-bottom: 20px;
}
.AB .box-34 .row-1 .left, .AB .box-34 .row-1 .right{
float: none;
text-align: center;
width: 100%;
}
.AB .box-34 .row-1 ul{
width: 100%;
text-align: center;
margin: 0px;
}
.AB .box-34 .row-1 ul li {
float: none;
}
.AB .box-34 .row-1 ul li.line {
position: relative;
}
.AB .box-34 .row-1 ul li.line div {
position: absolute;
top: 15px;
}
.AB .box-34 .row-1 .right a{
margin-right: 0px;
}
.AB .box-34 .row-1 .left {
margin-top: -10px;
}
}
@media screen and (max-width : 544px) {
.AB .box-34 .row-1 ul li.line {
display: none
}
.AB .box-34 .row-1 ul li {
width: 100%;
}
.AB .box-34-21 .row-1 > div > div{width: 150px}
.AB .box-34-2 .box-34-col-1{padding: 30px}
}
.AB .box-35 h1{
border-left: 3px solid #FFFFFF;
color: #FFFFFF;
line-height: 35px;
padding-left: 1%;
}
.AB .box-36 {
display: inline-block;
width: 100%;
}
.AB .box-36 .row-1,.AB .box-36 .row-2{
float: left;
}
.AB .box-36 .row-1{
width: 36%;
}
.AB .box-36 .row-2{
width: 64%;
}
.AB .box-36 p {
color: #FFFFFF;
font-size: 18px;
margin-left: 10%;
margin-top: 20px;
color: #FFF;
}
.AB .box-36 ul {
display: inline-block;
width: 100%;
text-align: right;
padding-top: 16px;
}
.AB .box-36 ul li{
display: inline-block;
padding: 0 2%;
}
.AB .box-36 ul li img{
width: 100%;
}
@media screen and (max-width : 1007px) {
.AB .box-36 .row-1,.AB .box-36 .row-2{
float: none;
width: 100%;
text-align: center;
}
.AB .box-36 p {
margin-left: 0%;
}
.AB .box-36 ul {
text-align: center;
margin-top: -10px;
}
}
@media screen and (max-width : 655px) {
.AB .box-36 ul li {padding: 0 1%;}
}
@media screen and (max-width : 600px) {
.AB .box-36 ul li{
padding: 0 1%;
}
.AB .box-36 ul li img{
width: 70%;
}
}
.AB .box-37 ul {
display: inline-block;
width: 100%;
text-align: center;
}
.AB .box-37 ul li{
display: inline-block;
width: 225px;
margin: 0 2.5%;
margin-bottom: 20px;
}
.AB .box-37 ul li > div:first-child{
text-align: left;
height: 30px;
padding-left: 5px;
padding-top: 5px;
margin-bottom: 5px;
}
.AB .box-37 ul li > div span, .AB .box-37 ul li > div input, .AB .box-37 ul li > div label {
float: left;
}
.AB .box-37 ul li > div span {
color: #FFF;
font-size: 13px;
margin-left: 15px;
margin-top: 2px;
}
.AB .hr-1 {
border: 1px solid #999999;
margin: 0px;
}
.AB .box-38, .AB .box-39{
font-size: 20px;
color: #FFF;
}
.AB .box-39 {
display: table!important;
height: 40px;
padding-left: 2%;
}
.AB .box-39 span{
display: table-cell;
vertical-align: middle;
}
/* ----------------------------
End BLOCK-P1
------------------------------ */
/* ----------------------------
START BLOCK-P2
------------------------------ */
/*COMMON*/
.AB #block-menu ul a{color: #fff}
.AB #block-menu ul li{font-weight: bold;font-size: 12px}
.AB .no-wrap{white-space: nowrap;}
.AB hr{border-bottom: 1px solid;padding: 0px;margin: 0px}
.AB .space-top-5{margin-top:42px}
.AB .title-14{font-size: 35px;}
.AB .title-15{font-size: 14px;}
.AB .title-16{font-size: 15px;}
.AB .title-17{font-size: 13px;}
.AB .title-18{font-size: 30px;}
.AB .blur {color: #666666}
.AB .box-2 .row-3{border-radius: 30px;border-top: none;}
.AB .box-2 .btn-2{width: 70%;min-width: 215px}
.AB .box-2 .ab-img img{margin:-20px 10px 10px 10px;border:1px solid #fff}
.AB .box-2 .row-1 .box-black{background-color: #333333;color: #9bb0c9;margin: 30px 0px;line-height: 32px;padding: 20px;text-align: center;font-size: 23px}
.AB .box-2 .row-1 .box-black span{line-height: 1px}
.AB .box-3 .ab-img img{margin:-10px 1px 1px 1px !important;}
.AB .box-3 .ab-img .txt-img-1{position: absolute;margin-top: 138px;margin-left: -125px;}
.AB .box-3 .ab-img .txt-img-2{position: absolute;margin-top: 138px;margin-left: -145px;}
.AB .box-3 .ab-img .txt-img-3{position: absolute;margin-top: 138px;margin-left: -120px;}
.AB .box-3 .btn-2{width: 40% !important;min-width: 215px}
.AB .box-35 span.title-18 {border-left: 3px solid #FFFFFF;color: #FFFFFF;line-height: 35px; padding-left: 1%;}
.AB .a2b1-box-title{padding-top: 18px}
.a2b1 .a2b1_row-2_w100 img{
width: 100%;
}
.AB .box-3 .col-pad-0{padding: 0px}
@media (max-width: 1078px){
.AB .box-2 .ab-img img{width: 135px}
}
@media (max-width: 991px){
.AB .box-2 .text-left{text-align: center;}
.AB .box-2 .ab-img img{margin: 10px}
.AB .box-2 .space-1{margin-bottom: 50px}
.AB .box-2 .row-1 .sm-center{text-align: center;}
.AB .box-2 .ab-img img{width: 150px}
}
@media (max-width: 570px){
.AB .box-2 .ab-img img{width: 135px}
.AB .box-2 .space-top-1{margin-top: 25px}
}
@media (max-width: 520px){
.AB .box-3 .ab-img img{margin: 10px 45px !important}
.AB .box-3 .ab-img .txt-img-1{position: absolute;margin-top: 149px;margin-left: -168px;}
.AB .box-3 .ab-img .txt-img-2{position: absolute;margin-top: 147px;margin-left: -190px;}
.AB .box-3 .ab-img .txt-img-3{position: absolute;margin-top: 149px;margin-left: -159px;}
.A6d15 .box .text-right{text-align: center;}
.AB .box-2 .ab-img img{width: 150px}
}
/*A1a1*/
.a1a1 #block-menu ul span.active{background-color: #aab8fc;color: #192a7c !important;padding: 2px 3px 0px}
.a1a1 .box .box-2 .a-show-dv{padding: 20px}
.a1a1 .box-add .box-2 .row-1{width:100% !important;margin: 0px !important;padding: 38px 4.5%}
.a1a1 .show-dv{cursor: pointer;}
.a1a1 .sm-img-1{width: 150px;}
.a1b4 #block-menu{background: #b3a302 !important}
.a1b4 #block-menu ul span.active{background-color: #C2B535;color: #ffffff !important;padding: 2px 3px 0px}
.a2b17 #block-menu{background: #333333 !important}
.a2b17 #block-menu ul span.active{background-color: #5C5C5C;color: #ffffff !important;padding: 2px 3px 0px}
/*A6d15*/
.A6d15 #block-menu{background: #3faaee !important}
.A6d15 #block-menu ul span.active{background-color: #d9effa;color: #0072af !important;padding: 2px 3px 0px}
.A6d15 .box .title-16, .b3a1 #block-menu{text-decoration: underline;}
.A6d15 .a6d15-box, .b3a1 .a6d15-box { height: auto;line-height: 36px;padding-top: 10px}
.A6d15 .a6d15-box .title-10, .b3a1 .a6d15-box .title-10{color: #1b7ab6}
.A6d15 .a6d15-box-1 .title-17, .b3a1 .a6d15-box-1 .title-17{color: #fff;position: absolute;margin-top: 7px;margin-left: 6px;}
.A6d15 .a6d15-box-1 .not-check, .b3a1 .a6d15-box-1 .not-check{margin: 5px 0px 2px 9px;}
.A6d15 .a6d15-box-1 .a6d15-row-2 .title-1, .b3a1 .6d15-box-1 .a6d15-row-2 .title-1{padding: 15px 20px !important}
.A6d15 .box-office, .b3a1 .box-office{border: 1px solid;padding: 15px 10px 5px 10px}
.A6d15 .box-office .col-pp .title-1, .b3a1 .box-office .col-pp .title-1{color:#cf4120 ;padding-top: 20px;position: absolute;padding-left: 20px;}
.A6d15 .box-office .col-word .title-1, .b3a1 .box-office .col-word .title-1{color:#2b5797 ;padding-top: 20px;position: absolute;padding-left: 20px;}
.A6d15 .box-office .col-pdf .title-1, .b3a1 .box-office .col-pdf .title-1{color:#e40f0f;padding-top: 20px;position: absolute;padding-left: 20px; }
.A6d15 .box-office .col-md-2-5, .b3a1 .box-office .col-md-2-5{width: 21%;padding-top: 9px}
.A6d15 .box-office .col-md-3-5, .b3a1 .box-office .col-md-3-5{width: 29%}
.A6d15 .a6d15-row-2 img, .b3a1 .a6d15-row-2 img{
width: 100%;
}
.A6d15 .a6d15-box-1 img, .b3a1 .a6d15-box-1 img{
width: 100%;
}
.A6d15 .sm-img-1, .b3a1 .sm-img-1 {width: 150px;}
.A6d15 .box-2 .form-control, .b3a1 .box-2 .form-control{width: 80%;border-radius:0px;height: 38px}
.A6d15 .box-2 .box-yellow, .b3a1 .box-2 .box-yellow{padding: 60px 35px}
.A6d15 .box-2 .box-yellow .btn-7, .b3a1 .box-2 .box-yellow .btn-7 {position: absolute;margin-left: -35px;padding: 0px 18px;}
.A6d15 .box-2 .col-img, .b3a1 .box-2 .col-img{padding: 0px}
.A6d15 .box-2 .box-bottom, .b3a1 .box-2 .box-bottom{width: 60%;margin: auto}
.A6d15 .box-2 .box-bottom .btn-9, .b3a1 .box-2 .box-bottom .btn-9{width: 45%;border-radius: 15px;font-size: 20px;min-width: 130px}
.A6d15 .box-2 .box-bottom .bg-yellow-1, .b3a1 .box-2 .box-bottom .bg-yellow-1{padding: 15px;color: red;}
.A6d15 .box-2 .text-top, .b3a1 .box-2 .text-top{color: #fff}
.A6d15 .box-black .box-office, .b3a1 .box-black .box-office {background: #fff;display: inline-block;width: 100%;margin-bottom: -18px}
.A6d15 .box-black .box-office img, .b3a1 .box-black .box-office img{margin-top: 0px !important}
.A6d15 .box-black .box-office .title-1, .b3a1 .box-black .box-office .title-1 {padding-top: 12px !important}
.A6d15 .box-black .box-office .title-3, .b3a1 .box-black .box-office .title-3 {position:absolute;margin-top: 10px}
.A6d15 .box-black .box-office .space-1, .b3a1 .box-black .box-office .space-1{margin-bottom: 10px !important}
.A6d15 .box-black .office-2 .title-10, .b3a1 .box-black .office-2 .title-10{color:#cf4120;margin-left: 15px;position: absolute;margin-top: 12px }
.A6d15 .box-black .office-2 .top-word .title-10, .b3a1 .box-black .office-2 .top-word .title-10{color:#2b5797;margin-left: 15px }
.A6d15 .box-black .office-2 .btn-10, .b3a1 .box-black .office-2 .btn-10{width: 100%;min-width: 242px}
.A6d15 .box-black .office-2 .text-bottom, .b3a1 .box-black .office-2 .text-bottom{margin: 15px;line-height: 22px}
.A6d15 .box-black .office-2 img, .b3a1 .box-black .office-2 img{margin-left: 0px !important;}
.d15 #d9-tableMiddle{
width: 100%;
border: 0;
}
/* BLOCK B2-3 */
.B2-3 #block-menu ul span.active{background-color: #d9effa;color: #0072af !important;padding: 1px 3px 0px}
.B2-3 .naviate-step-c .left {width: auto;padding-right: 100px}
.B2-3 .naviate-step-c .right {float: right;width: auto}
.B2-3 .box-43 .left,.B2-3 .box-43 .right {width: auto !important}
.B2-3 .box-container .b23-text-yellow{padding: 12px 11px 9px}
.B2-3 .box .box-2 {padding-left: 0px !important}
.B2-3 .box .box-2 .btn-9{height: 34px;border-radius:13px;padding: 5px 30px;min-width: 205px !important}
.B2-3 .box .box-2 .space-1 {margin-bottom: 10px}
.B2-3 .box .box-2 .sm-area-1 .a23-col-8-1{padding-left: 2px}
.B2-3 .pull-right .btn-8{height: 34px}
.B2-3 .box-text .a23-col-1{min-width: 151px}
.B2-3 .box-text .b23-form-control{width: 60%;display: inline;}
.B2-3 .box-text .btn-7{padding: 0px 20px;height: 33px;}
.B2-3 .box-text .b23-select{width: 30%;display: inline;}
.B2-3 .box-text .a23-row-1{background-color: #f0fefd;padding-top: 10px;padding-bottom: 10px}
.B2-3 .box-text .line-2{margin-top:20px;border-bottom: 1px solid #ccc}
.B2-3 .box-3 .a23-col-1{width: 18%;min-width: 171px}
.B2-3 .box-btn .btn-9{width: 260px;height: 50px;}
.B2-3 .box-btn .btn-black{width: 150px;height: 50px;border-radius:8px}
.B2-3 .box-2 .txt-date{padding-left: 5px !important}
@media (max-width: 991px){
.A6d15 .box-office .col-md-2-5{width: 50%}
.A6d15 .box-office .col-md-3-5{width: 50%}
.A6d15 .box-2 .box-yellow .btn-7{position: absolute;margin-left: -10px;padding: 0px 10px;}
.A6d15 .box-black .box-office .title-3 {position: relative;}
.B2-3 .box-btn .text-right{text-align: center;}
.A6d15 .box-black .office-2 .btn-10{font-size: 16px;min-width: 198px}
}
@media (max-width: 770px){
.B2-3 .box-text .a23-col-1,.B2-3 .box-text .a23-col-2{width: 100%}
.B2-3 .box-text .a23-col-2-1{width: 100%}
.B2-3 .box-text .line-1{margin-bottom: 15px;border-bottom: 1px solid #ccc;}
.B2-3 .box-text .line-2{border-bottom: none}
}
@media (max-width: 768px){
.A6d15 .box-office {text-align: center;}
.A6d15 .a6d15-box-1{width: 60%;margin-left: 20%}
.A6d15 .box-office .col-md-2-5{width: 100%}
.A6d15 .box-office .col-md-3-5{width: 100%}
.A6d15 .box-office img{margin-left: -30%}
.A6d15 .box-black .office-2 .title-10{position: relative !important;}
.A6d15 .box-black .office-2 .btn-10{font-size: 20px;min-width: 242px}
}
@media (max-width: 750px){
.B2-3 .box-container .b23-box-text-yellow{text-align: center;}
.B2-3 .box-container .b23-box-text-yellow .pull-right,.B2-3 .box-container .b23-box-text-yellow .pull-left{float: none !important;}
}
@media (max-width: 520px){
.AB .box-2 .row-1 .text-right{text-align: center;}
.A6d15 .box-office img{margin-left: -45%}
.B2-3 .box-btn{text-align: center;}
.B2-3 .box-btn .pull-left,.B2-3 .box-btn .pull-right{float: none !important;}
}
@media (max-width: 457px){
}
@media (max-width: 445px){
.A6d15 .a6d15-box-1{width: 100%;margin-left: 0%}
.A6d15 .box-office img{margin-left: -55%}
.A6d15 .box-2 .box-yellow{padding: 60px 35px 60px 10px;}
.A6d15 .box-2 .col-sm-6{padding: 0px}
}
/* ----------------------------
End BLOCK-P1
------------------------------ */
/* ----------------------------
START styleAB
------------------------------ */
/*Common*/
.f4{min-width: 320px}
#pageAB .row {
margin: 0px;
}
#pageAB .container {
/* margin-top: 65px;*/
width: 100%;
padding: 0px;
max-width: 100%;
}
#pageAB .box-container {
max-width: 1100px;
padding: 0px;
margin: auto;
}
#pageAB .box {
clear: both;
display: inline-block;
margin-left: 4.5%;
margin-right: 4.5%;
width: 91%;
}
.AB .space10 {margin-bottom: 10px;clear: both;}
.AB .space20 {margin-bottom: 20px;clear: both;}
.AB .space30 {margin-bottom: 30px;clear: both;}
.AB .space40 {margin-bottom: 40px;clear: both;}
.AB .space50 {margin-bottom: 50px;clear: both;}
.AB .space60 {margin-bottom: 60px;clear: both;}
.AB .bg-black {background-color: #333333;}
.AB .bg-grey-1 {background-color: #666666;}
.AB .bg-grey-2 {background-color: #e6e6e6;}
.AB .bg-grey-3 {background-color: #f0f0f0;}
.AB .bg-grey-4{background-image: url("../images/A1a1-bg-1.png");}
.AB .bg-grey-5{background-image: url("../images/A1a1-bg-2.png");}
.AB .bg-red {background-color: #ff0606;}
.AB .bg-blue-1 {background-color: #c5e2ff;}
.AB .bg-blue-2{background-color: #3faaee !important;}
.AB .bg-blue-3{background-color: #66999A;}
.AB .bg-yellow-1 {background-color: #ffffcc;}
.AB .bg-yellow-2 {background-color: #fee4b1;}
.AB .bg-yellow-3 {background-color: #fff4cc;}
.AB .block-bg-white {background-color: #ffffff;}
.AB .block-bg-grey {background-color: #e6e6e6;}
.bg-blue{background: #0099cc}
.bg-blue-1{background: #c1dcfd}
.bg-orange{background: #ff9933}
/*
.AB button {
text-align: center;
vertical-align: middle;
padding: 0 10px;
font-weight: normal;
border: medium none;
width: auto;
border-radius: 0px;
}
*/
.AB .btn-1{
background-color: #FF9900;
border-radius: 20px;
color: #000000;
font-size: 28px;
height: 60px;
}
.AB .btn-2{
background-color: #FFF;
border: 1px solid;
border-radius: 20px;
color: #000000;
font-size: 28px;
height: 60px;
}
.AB .btn-3{
background-color: #FFF;
border-radius: 10px;
color: #666666;
font-size: 20px;
height: 35px;
}
.AB .btn-4{
background: #FFF;
border: 1px solid #FF0000;
border-radius: 4px;
color: #FF0000;
font-size: 15px;
height: 25px;
}
.AB .btn-5{
background: url("../images/buton-bg-1.png");
color: #000000;
font-size: 18px;
height: 40px;
}
.AB .btn-6{
background-color: #FF9900;
border-radius: 15px;
color: #000000;
font-size: 28px;
height: 80px;
}
.AB .btn-7{
background-color: #666666;
color: #FFFFFF;
font-size: 20px;
height: 38px;
}
.AB .btn-8{
background-color: #FFF;
border: 1px solid;
border-radius: 8px;
color: #666666;
font-size: 18px;
height: 45px;
}
.AB .btn-9{
background-color: #FFCC00;
border-radius: 8px;
color: #000000;
font-size: 18px;
height: 50px;
}
.AB .btn-10{
background-color: #00a0e9;
border-radius: 15px;
color: #FFF;
font-size: 20px;
height: 60px;
}
.AB .btn-11{
border: solid 2px #ff0000;
color: #ff0000;
font-size: 20px;
height: 40px;
background-color:#ffffff;
}
.AB .btn-12{
background-color:#ff0000;
color: #ffffff;
font-size: 20px;
height: 40px;
}
.AB .btn-13{
background-color:#ff9900;
color: #ffffff;
font-size: 20px;
height: 40px;
}
.AB .btn-14{
border-radius: 15px;
background-image:url('../images/bg_button.gif');
background-repeat: repeat-x;
color: #ffffff;
font-size: 20px;
height: 60px;
}
.AB #block-menu {
background: none repeat scroll 0 0 #212854;
color: #FFFFFF;
height: 40px;
margin-top: 5px;
width: 100%;
}
.AB #block-menu ul li {
color: #FFFFFF;
display: inline-block;
float: left;
height: 40px;
padding: 13px 1.3%;
}
.AB #block-menu .left {
float: left;
width: 67%;
}
.AB #block-menu .right {
float: left;
text-align: right;
width: 33%;
}
.AB #block-menu .right ul {
clear: both;
}
.AB #block-menu .right ul li {
float: none;
}
.AB #block-menu .left ul li.line div {
border-left: 1px solid #FFFFFF;
}
.AB #block-menu ul a {
font-size: 12px;
margin-right: 5px;
}
.AB #block-menu ul a:link {
color: #FFFFFF;
font-size: 12px;
margin-right: 5px;
}
.AB #breadcrumb {
color: #666666;
font-size: 12px;
width: 100%;
margin-top: 20px;
}
.AB #breadcrumb div {
float: left;
padding: 0 4px;
}
@media screen and (max-width : 590px) {
.AB #block-menu .left, .AB #block-menu .right {
width: 100%;
height: 25px;
}
.AB #block-menu {
height: 60px;
}
.AB #block-menu ul {
text-align: center;
}
.AB #block-menu ul li{
float: none;
}
.AB #block-menu {
margin-bottom: 10px;
}
}
@media screen and (max-width : 410px) {
.AB #block-menu ul a:link {
margin-right: 0px;
}
.AB #block-menu ul li {
padding: 13px 0px;
}
}
/*BLOCK-P1*/
/*COMMON*/
.title-11{font-size: 19px;color: #fff;padding: 15px;}
.title-12 {font-size: 40px}
.title-13 {font-size: 30px;font-weight: normal;}
.AB a:link {
color: #666666;
text-decoration: none;
}
.AB a:hover {
color: #666666;
text-decoration: none;
}
.AB a:visited {
color: #666666;
text-decoration: none;
}
.AB .a2b1 #breadcrumb a:visited{
color: #666666 !important;
text-decoration: none;
}
.AB .box-1{display: inline-block;width: 100%}
.AB .box-1 .col-1 {float: left;min-width: 435px;padding-left: 20px;padding-top: 20px;white-space: nowrap;width: 45%;}
.AB .arrow{background-image: url("../images/arrow-blue-1.png");float: left;width: 20px;height: 28px;margin-top: 27px;margin-right: 3%;}
.AB .arrow-2{background-image: url("../images/arrow-yellow-1.png");float: left;width: 20px;height: 28px;margin-top: 27px;margin-right: 3%;}
.AB .box-1 .col-1 .top-1 {float: left;margin-right: 3%;padding: 15px 0 3px;width: 100px;}
.AB .box-1 .col-2 {float: left;margin-bottom: 15px;padding: 20px 10px 0;width: 55%;}
.AB .box-1 .ab-text-right{float: left;margin-bottom: 15px;padding: 40px 10px 0;width: 55%;}
.AB .box-2 .title-12{margin-left: 45px;margin-top: -38px;}
.AB .box-2 .row-1{width: 100%;padding: 38px 0px;line-height: 48px;display: inline-block;}
.AB .box-2 .row-1 img{margin-top: 25px}
.AB .box-2 .row-2{background-color: #666666}
@media (max-width: 1084px){
.AB .box-1 .col-2{width: 100% !important}
.AB .box-1 .ab-text-right{padding: 20px 10px 0;}
}
@media (max-width: 1025px){
.AB .col-1{width: 100%}
.AB .col-2{width: 100%;padding-top: 0px}
}
@media (max-width: 515px){
.AB .sm-none{display: none;}
.AB .col-1 .top-1{width: 20% !important;height: 45px;margin-top: 22px;line-height: 21px;}
.AB .box-1 .col-1{width: 100% !important;min-width: 300px}
.AB .arrow{margin-top: 32px}
.AB .arrow-2{margin-top: 32px}
.AB .col-1{min-width: 200px}
}
@media (max-width: 315px){
.AB .col-1 .top-1{width: 18%;}
}
/*COMMON*/
.AB .box-2 .row-3{border-radius: 30px;border-top: none;}
.AB .box-2 .btn-2{width: 70%;min-width: 215px}
.AB .box-2 .ab-img img{margin:-20px 10px 10px 10px;border:1px solid #fff}
.AB .box-2 .row-1 .box-black{background-color: #333333;color: #9bb0c9;margin: 30px 0px;line-height: 32px;padding: 20px;text-align: center;font-size: 23px}
.AB .box-2 .row-1 .box-black span{line-height: 1px}
@media (max-width: 991px){
.AB .box-2 .text-left{text-align: center;}
.AB .box-2 .ab-img img{margin: 10px}
.AB .box-2 .space-1{margin-bottom: 50px}
.AB .box-2 .row-1 .sm-center{text-align: center;}
.AB .box-2 .row-1 .text-right{text-align: center;}
}
/*BLOCK-P3*/
/*Box-20*/
.AB .box-20 {
padding:7px 25px;
height:auto;
width:100%;
font-size: 22px;
margin: 25px 0;
}
.AB .box-21{
min-width:212px;
height:100px;
border-radius:10px;
padding: 5px 28px;
}
.AB .box-22{
padding: 12px 25px;
height: auto;
}
.AB .medium-title{
font-size:25pt;
padding:10px;
}
.AB .high-title{
font-size:40pt;
}
.AB .title-left{
width:36%;
float:left;
padding: 23px;
}
.AB .title-right{
width:64%;
float:right;
text-align:right;
padding: 6px;
}
/*Responsive*/
@media (max-width:653px)
{
.AB .title-right{
float:none;
width:100%;
text-align:center;
}
.AB .title-left {
width:100%;
float:none;
text-align:center;
padding:0;
padding-top:3%;
}
.AB .box-21{
height:auto;
padding:0;
}
}
/* style */
.box-30 div {
}
.box-31 div {
padding: 5px 0px;
}
/* ----------------------------
End styleAB
------------------------------ */
/* ----------------------------
START BLOCK-P4
------------------------------ */
/* common */
.AB .btn-black,.AB .btn-yellow {
border-radius: 12px;
}
.boxABright{
text-align: right;
}
button.ABbuttonYellow{
width: 55%;
}
button.ABbuttonBlack{
width: 25%;
}
.orangestep {
background-color: #FFF4CC!important;
color: #FF9900!important;
}
.naviate-step-c .arrow-step2 {
background: url("../images/arrow-step2.png") no-repeat scroll center center rgba(0, 0, 0, 0)!important;
}
div.b5step .arrow-active,.arrow-active{
background: url("../images/arrow-step3.png") no-repeat scroll center center rgba(0, 0, 0, 0)!important;
}
/* block a5c11 */
.AB .ABright ul li{
margin-left: 10px;
}
.a5-banner{
margin-top: 10px;
}
.AB .box-40{
width: 100%;
font-size: 20px;
padding-bottom: 20px;
padding-bottom: 20px;
margin: auto;
text-align: center;
}
.AB .box-40 img{
border: solid 1px #3399ff;
}
.AB .box-40 .col1{
float: left;
width: 20%;
padding-right:15px;
}
.AB .box-40 .boxtitle1{
margin-left: 22px;
margin-top: 35px;
position: absolute;
width: 138px;
color:#65b2ff;
}
.AB .box-41,.AB .box-42{
width: 100%;
background-color:#666666;
margin:auto;
text-align: center;
padding-top: 10px;
padding-bottom:10px;
}
.a5-boxcard{
width: 60%;
margin:auto;
text-align: center;
}
.box-41 .a5title,.box-42 .a5title{
font-size: 30px;
color:#ffffff;
padding-top: 10px;
padding-bottom: 10px;
}
.box-41 .a5btn,.box-42 .a5btn{
padding-bottom: 10px;
padding-top: 20px;
}
.box-41 button,.box-42 button{
width: 30%;
}
.a6btn{
padding-top: 40px;
padding-bottom: 5px;
}
.box-42 .col-md-6{
margin: auto;
}
.box-42 .a5boxcard{
margin: auto;
}
.a5-md6left{
width: 55%;
}
.a5-md6right{
width: 55%;
}
.a5card{
margin-left:29%;
}
.a5title{
padding-top: 5px;
padding-bottom: 5px;
}
.a5text{
width: 100%;
text-align: right;
text-decoration: underline;
font-size:14px;
padding-bottom: 10px;
padding-right:15px;
}
.a5buttonYelow{
width: 100%;
text-align: center;
}
button.a5btnYelow{
width:45%;
margin-bottom: 70px;
}
.ab-link-footer{
width: 95%;
text-align: right;
font-weight: normal;
padding-right: 33px;
margin-bottom: 10px;
font-size: 13px;
}
.AB .ABbtn{
border:0px;
border-radius:0;
text-align: center;
width:30%;
margin: auto;
padding-top:8px;
}
.menuAB{
background-color: #338056!important;
margin-bottom: 5px;
}
.menuAB-active{
background-color: #ffffcc;
color:#006600;
}
.AB #block-menu .ABleft{
width:76%;
font-weight: bold;
}
.AB #block-menu .ABright{
width:24%;
font-weight: bold;
}
.AB .a5c11 #block-menu .left, .AB .a5c11 #block-menu .right {
height: auto;
}
.box-43 .row{
margin-left: 0px;
margin-right:0px;
}
.AB .buttonLink{
font-size: 16px;
}
.AB .AB-menuactive a{
background-color: #ffffcc;
padding: 3px;
color:#006600!important;
}
@media (max-width:1010px){
.AB .box-40 .col1{
width: 16%;
}
p.boxtitle1{
font-size: 12px;
}
.AB .box-40 .boxtitle1{
width:100px;
}
}
@media (max-width:970px){
.AB .box-40 .col1{
width: 130px;
}
.AB .box-40 .boxtitle1{
margin-left: 7px;
}
}
@media (max-width:640px){
.AB .box-40 .col1{
min-width: 70px;
}
}
@media (max-width:746px){
p.boxtitle1{
// display:none;
}
.AB .box-40 .col1{
width: 130px;
}
.box-40 img{
width: 100px;
height: 100px;
margin-top: 5px;
margin-bottom: 5px;
}
}
@media (max-width:405px){
.AB .box-40 .col1{
// margin-left: -16px;
}
.a5text{
text-align: left;
}
}
@media (max-width:991px){
.box-41 .a5boxcard img{
width: 50%;
}
.AB .ABbtn{
width:230px
}
.a5card{
margin-left: 0px;
}
}
@media (max-width:810px){
button.a5btnYelow{
width:360px
}
}
@media (max-width:1090px){
.AB #block-menu{
height:auto;
padding-bottom: 0px;
}
.AB #block-menu .ABright{
float:none;
text-align: center;
margin: auto;
width: 100%!important;
margin-top:-17px;
}
.AB #block-menu .ABleft{
width: 100%!important;
text-align: center;
margin: auto;
float:none;
}
.AB #block-menu .ABleft ul li{
float:none;
}
}
@media (max-width:410px){
.AB .a5c11 #block-menu .left, .AB .a5c11 #block-menu .right{
width: 285px!important;
}
}
@media (max-width:827px){
.menuAB .ABright ul li{
padding:0px;
}
}
@media (max-width:1140px){
.AB .box-41{
width: 90%;
}
}
@media (max-width:730px){
.a5-banner{
margin-top: -12px;
}
}
@media (max-width:880px){
.box-41 button, .box-42 button{
width: 250px;
}
}
/* end block a5c11 */
/* Block B5c1 */
.AB .box-43{
margin-top: 20px;
margin-bottom: 20px;
}
.naviate-step-c .b5step{
height: auto!important;
position: relative;
top:-2px;
margin-right:0px;
}
.b5title{
font-size: 30px;
}
.AB .box-44{
margin-top: 10px;
margin-bottom: 8px;
}
.box44Right{
margin-top: 7px;
}
.box44Left{
padding-top: 10px;
padding-bottom: 20px;
margin: auto;
text-align: center;
padding-left:0px;
padding-right: 0px;
}
.box44Text{
font-size: 20px;
margin-bottom: 10px;
color: #593333;
}
textarea.b5textarea{
height: 332px;
font-size: 17px;
color:#666666;
}
.AB .box-45{
margin-bottom: 30px;
}
.b5image{
width: 90%;
background-color: #666666;
padding:24px 21px 55px;
}
@media (max-width: 767px)
{
.b5image{
width: 100%;
}
}
/* end block b5*/
/* block b6 */
.AB .menuAB a{
color:#ffffff;
}
.b6image{
background-color: #666666;
text-align: center;
margin: auto;
margin: 0px;
padding-bottom: 32px;
padding-top: 10px;
}
div.b6select{
margin-bottom: 10px;
}
.b6text{
color: #FFFFFF;
font-size: 20px;
margin-bottom: 10px;
margin-top: 5px;
text-align: center;
width: 100%;
}
#b6footer{
width: 100%;
}
/* end block b6 */
/* block b4c8*/
.boxb4Text{
color:#593333;
font-size: 20px;
margin-bottom: 20px;
}
.box4Type{
font-size: 15px;
color:#000000;
margin-top: 10px;
}
.b4Box{
background-color: #f0fefd;
margin-top: 20px;
}
.b4BoxText{
color:#04bca9;
font-size:18px;
text-align: center;
margin: auto;
padding-top: 10px;
padding-bottom: 12px;
}
.b4Boxline{
background-image: url('../images/b4line.jpg');
background-repeat: repeat-x;
}
.b4BoxTextLarge{
color:#593333;
font-size: 25px;
margin-top: 5px;
margin-bottom: 10px;
}
.b4BoxTextSmall{
font-size: 18px;
color:#593333;
}
.b4BoxFooter{
margin-left: 30px;
margin-right: 30px;
padding-bottom: 20px;
}
#b4buttonUpload .btn-primary{
background-color:#666666;
width: 92px;
height: 37px;
border: 0px;
border-radius: 0px;
font-size: 20px;
}
#b4buttonUpload input{
background-color: #ffffff;
border: solid 1px #666666;
border-radius: 0px;
height: 37px;
width: 98%;
}
/* end block b4c8 */
/* block b4c8 */
.AB .box-46{
margin-bottom: 15px;
background-color: #666666;
width: 100%;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
.AB .b4boxleft{
padding-left:0px;
}
.boxABfooter .boxABleft{
padding-left: 0px;
}
.boxb4Right{
padding-right: 0px;
}
.AB .box-47{
background-color: #04b8eb;
padding: 20px;
margin-bottom: 20px;
}
.box47Left{
color:#ffffff;
font-size: 19.5px;
padding-left: 0px;
}
.box47Right{
padding-right: 0px;
}
.AB .b4c8button{
width: 100%;
font-size: 20px;
color:#333333;
height: 50px;
border-radius: 15px;
}
/* end block b6 */
@media screen and (max-width : 1060px) {
.b6-card2{
width: 90%;
}
}
@media screen and (max-width : 760px) {
.AB .b4c8button{
margin-top: 10px;
}
.b5image{
width: 100%;
}
}
@media screen and (max-width : 740px) {
.AB .box-46 img{
width: 80%;
}
}
@media screen and (max-width : 980px) {
.box44Text{
margin-top: 20px;
}
div.b6select{
margin-bottom: 5px;
}
}
@media screen and (max-width : 1045px) {
.box-43 .left,.box-43 .right {
width: 100%!important;
}
.AB .box-43 .b3a1Stepright {
float:left!important;
width: 25%!important;
}
.AB .box-43 .b3a1Stepleft{
float:left!important;
width: 75%!important;
}
}
@media screen and (max-width : 605px) {
.box-43 .naviate-step-c p {
height: 40px;
font-size: 14px;
width: 40px;
}
.box-43 .naviate-step-c .right p {
width: 40px;
}
.box-43 .naviate-step-c span {
display: none;
}
.box-43 .naviate-step-c .arrow {
float: left;
height: 43px;
width: 7px;
}
}
@media (max-width:760px){
button.ABbuttonYellow{
width: 150px;
}
.AB .boxABleft{
padding-left: 0px;
padding-right: 0px;
margin: auto;
}
.AB .boxABright,.box44Right{
padding-left: 0px;
padding-right: 0px;
margin: auto;
}
button.ABbuttonBlack{
width: 100px;
}
}
@media (max-width:605px){
.naviate-step-c .b5step{
top:-12px;
}
}
@media (max-width:510px){
.naviate-step-c .b5step{
top:-17px;
}
}
@media (max-width:370px){
.AB .boxABleft{
float: none;
width: 100%;
text-align: center!important;
margin: auto;
}
.boxABright{
width: 100%;
text-align: center;
}
}
/* block A4c1 */
.redcolor{ color:#ff0000;}
.A4TextGreen{
color:#0071be;
font-size: 30px;
margin-top: 20px;
margin-bottom: 10px;
}
.A4Textgray{
color:#999999;
text-align: right;
font-size: 15px;
}
.AB .A4boxgreen{
width: 100%;
margin: auto;
text-align: center;
}
.AB .A4box{
font-size: 35px;
color:#ffffff;
height: 173px;
text-align: center;
margin-bottom: 10px;
width: 100%;
}
.AB .A4box tr td{
width: 25%;
}
table .A4box1{
background-color: #05b8ec;
}
table .A4box2{
background-color: #25c8f7;
}
table .A4box3{
background-color: #43d2fb;
}
table .A4box4{
background-color: #6edcfc;
}
.AB .A4bgGreen{
background-color: #05b8ec;
margin-top: 10px;
margin-bottom: 10px;
}
.AB .A4c1btn{
width: 100%;
height: 130px;
font-size: 30px;
}
.AB .A4GreenTiitle{
font-size: 25px;
color:#ffffff;
margin-top: 25px;
}
.AB .A4Yellow{
color:#ffff99;
}
.AB .A4GreenLeft{
margin-top: 25px;
margin-bottom: 25px;
padding-left: 0px;
}
.AB .A4GreenRight{
padding-right: 0px;
}
.A4Roundimage img{
margin-left:22px;
width: 66%;
}
.A4GreenBtn{
position: absolute;
margin-top: -90px;
width: 96%;
}
@media (max-width:990px){
.AB .A4box{
font-size: 30px;
}
}
@media (max-width:710px){
table .A4box2,table .A4box4{
padding-left: 4px;
padding-right: 4px;
}
}
@media (max-width:840px){
.AB .A4box{
font-size: 26px;
height: 165px;
}
}
@media (max-width:570px){
.AB .A4box{
font-size: 16px;
height: 100px;
}
}
@media (max-width:1021px){
.A4GreenBtn{
margin-top: -80px;
}
.AB .A4c1btn{
font-size: 25px;
height: 108px;
}
}
@media (max-width:945px){
.AB .A4GreenTiitle{
font-size:20px;
margin-right: 5px;
}
}
@media (max-width:870px){
.AB .A4c1btn {
font-size: 20px;
height: 90px;
}
.A4GreenBtn {
margin-top: -70px;
}
}
@media (max-width:767px){
.A4GreenLeft img{
width: 40%;
}
.A4GreenLeft{
text-align: center;
margin: auto;
}
.AB .A4GreenLeft{
margin-bottom: 5px;
margin-top: 10px;
}
.AB .A4Roundimage{
text-align: center;
margin: auto;
margin-left: -24px;
}
.A4Roundimage img{
margin-left:22px;
width: 50%;
margin-left: 0px;
}
.AB .A4c1btn{
width: 60%;
margin: auto;
text-align:center;
}
.AB .A4GreenTiitle{
margin-top: 10px;
}
.A4GreenBtn{
position: relative;
margin-bottom: 15px;
text-align:center;
}
}
@media (max-width:690px){
.AB .A4c1btn{
width: 327px;
height: 90px;
margin-top: 17px;
}
.A4Roundimage img{
width: 300px;
height: 153px;
}
}
/* end block A4c1 */
/* ----------------------------
End BLOCK-P4
------------------------------ */
/* ----------------------------
START BLOCK-P3
------------------------------ */
/* A7A1 */
.AB .a7a1-popup-header{
padding-bottom: 3px;
}
.AB .box-31{
text-align: center;
}
.AB .a7a1-popup-modal-title{
text-align: center;
border-bottom:1px solid #bdbdbd;
}
.AB .a7a1-popup-header .a7a1-popup-modal-title{
font-size: 25px;
}
.AB .a7a1-popup-modal-bottom{
padding:15px;
padding-top:0;
height:auto;
padding-bottom:0;
}
.AB .a7a1-popup-modal-bottom .box-20{
margin: 10px 0;
}
.AB .modal-header{
border: 0;
}
.AB .a7a1-popup-block1{
display: inline-block;
width:100%;
padding:10px;
height: auto;
margin-top: 7px;
//padding-top:2px;
//margin-bottom: 45px;
}
.AB .a7a1-popup-footer{
height: auto;
padding: 0 15px;
border: 0;
margin:0;
}
.AB .a7a1-popup-footer .a7a1-popup-button-1{
padding-top: 10px;
border-top:1px solid #bdbdbd;
}
.AB .a7a1-popup-footer .a7a1-popup-button-1 .btn-8{
padding:6px 25px;
height: auto;
}
.AB .a7a1-popup-button-1 {
margin-bottom: 10px;
}
.AB .a7a1-popup-footer .a7a1-popup-block1-row{
border-top:1px solid #bdbdbd;
}
.AB .a7a1-popup-block1-col-left-1{
float:left;
padding:2px;
width:130px;
}
.AB .a7a1-popup-block1-col-left-1 .title-1{
font-size: 18px;
}
.AB .a7a1-popup-block1-col-left-2{
float:left;
padding:3px;
width:130px;
}
.AB .a7a1-popup-block1-col-left-3{
float:left;
padding:5px;
width:210px;
}
.AB .a7a1-popup-block1-col-right-1{
float:left;
//margin-left: 5px;
width: 70%;
}
.AB .a7a1-popup-block1-col-right-2{
float:left;
//margin-left: 5px;
width: 70%;
}
.AB .a7a1-popup-inputgroup-1{
width:100%;
float:left;
}
.AB .a7a1-popup-inputgroup-2{
width:25%;
float: left;
}
.AB .a7a1-popup-inputgroup-2-1{
width:25%;
float: left;
}
.AB .a7a1-popup-inputgroup-3{
width:25%;
float: left;
}
.AB .a7a1-popup-block1-row{
margin-bottom:45px;
height: auto;
}
.AB .a7a1-popup-block1-row4{
margin-bottom:55px;
height: auto;
}
.AB .a7a1-popup-box20{
padding: 7px 13px;
}
.AB .a7a1-popup-input-span{
float: left;
padding:1%;
}
.AB .a7a1-popup-select-form{
float: left;
//padding:1%;
margin-left: 20px;
}
.AB .a7a1-popup-select-control{
//padding:2%;
margin-left: 40px;
//font-size: 18px;
}
.AB .a7a1-popup-imput-control{
width:100%;
}
.AB .a7a1-popup-block1-row2{
margin-bottom: 10px;
margin-left: 3px;
//float:left;
margin-top: 5px;
}
.AB .a7a1-popup-select-form2, .AB .a7a1-popup-select-control2{
margin-left: 0;
float:left;
}
.AB .a7a1-popup-select-form2{
width: 84%;
}
.AB .a7a1-popup-block1-col-left-4{
float:left;
padding:5px;
width:130px;
}
.AB .a7a1-popup-button-1{
width:100%;
float:left;
text-align: center;
margin-top: 20px;
}
.AB .a7a1-popup-button-1-btn8{
padding:0 45px;
}
.AB .a7a1-popup-bgYellow-2{
display: inline-block;
margin-top: 20px;
width:100%;
padding:5px 12px;
}
.AB .a7a1-popup-bgYellow-2 .a7a1-title-right{
padding:19px 0;
padding-top:15px!important;
float: right;
width: 60%;
text-align: right;
}
.AB .a7a1-popup-bgYellow-2 .a7a1-title-left{
padding: 32px 0;
padding-top:30px!important;
float: left;
width: 40%;
}
.AB .a7a1-popup-bgYellow-2 .medium-title {
font-size:25px;
}
.AB .a7a1-popup-bgYellow-2 .high-title{
font-size:40px;
}
/* Media a7a1*/
@media (max-width:653px) {
.AB .a7a1-popup-bgYellow-2 .a7a1-title-left {
padding:0;
padding-top:10px;
}
.AB .a7a1-popup-bgYellow-2 .a7a1-title-right {
padding:0;
padding-top:10px;
text-align: center;
margin: 0px;
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width:580px) {
.AB .a7a1-popup-select-form2 {
width: 53%;
}
.AB .a7a1-popup-inputgroup-2-1{
width: 53%;
}
.AB .a7a1-popup-block1{
height: auto;
float: none;
margin-bottom: 0px;
}
.AB .a7a1-popup-block1-row{
margin-bottom: 77px;
}
.AB .a7a1-popup-block1-col-right-1,.AB .a7a1-popup-inputgroup-1{
width:100%;
}
.AB .a7a1-popup-select-form{
//float:none;
width:69%;
margin-left: 0px;
text-align: left;
margin-top: 5px;
}
.AB .a7a1-popup-select-control{
margin-left: 0px;
min-width:103px;
}
.AB .a7a1-popup-block1-col-right-2{
margin-left: 0px;
}
.AB .a7a1-popup-block1-col-left-2 {
width: 130px;
}
.AB .a7a1-popup-inputgroup-2{
width:69%;
}
.AB .a7a1-popup-inputgroup-3{
width:86%;
}
}
@media (max-width:550px) {
.AB .a7a1-popup-bgYellow-2{
text-align: center;
}
.AB .a7a1-popup-bgYellow-2 .a7a1-title-left {
padding:0;
padding-top:10px;
float:none;
width: 100%;
}
.AB .a7a1-popup-bgYellow-2 .a7a1-title-right {
padding:0;
padding-top:10px;
float:none;
width: 100%;
}
}
@media (max-width:522px) {
.AB .a7a1-popup-inputgroup-2-1{
margin: 0;
width:80%;
}
.AB .a7a1-popup-block1-col-right-2{
width:100%;
}
.AB .a7a1-popup-select-form2{
width:80%;
}
.AB .a7a1-popup-inputgroup-2{
width:90%;
}
.AB .a7a1-popup-select-form{
width:100%;
}
}
@media(max-width:428) {
.AB .a7a1-popup-inputgroup-2{
width:80%;
}
}
@media (max-width:430px) {
.AB .a7a1-title-right {
float: none;
text-align: center;
width: 100%;
}
.AB .a7a1-title-left {
float: none;
padding: 3% 0 0;
text-align: center;
width: 100%;
}
.AB .a7a1-popup-select-form2{
width:84%;
}
.AB .a7a1-popup-select-form{
//float:none;
width:100%;
//margin-left: 81px;
text-align: left;
}
.AB .a7a1-popup-inputgroup-2{
width:80%;
//width:40%;
margin-bottom: 2px;
}
.AB .a7a1-popup-block1-col-right-2{
float:none;
width:100%;
}
.AB .a7a1-popup-inputgroup-3{
width:80%;
}
.AB .a7a1-popup-select-form2{
float:none;
width:100%;
}
}
@media (max-width:330px) {
.AB .a7a1-popup-select-control,.AB .a7a1-popup-select-form{
margin-left: 0;
width:100%;
}
.AB .a7a1-popup-inputgroup-2{
//width:100%;
width:87%;
}
.AB .a7a1-popup-box20{
min-width:166px;
}
.AB .a7a1-popup-modal-content{
min-width:275px;
}
.AB .a7a1-popup-inputgroup-3 {
width: 87%;
}
.AB .a7a1-popup-select-form2{
width:87%;
}
.AB .a7a1-popup-inputgroup-3 {
width:87%;
}
}
/* B1c8 */
.b1c8 .b1c8-blocks{
margin-bottom: 30px;
}
.b1c8 .b1c8-white-row-1{
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.b1c8 .b1c8-white-row-2{
padding-left: 10px;
padding-right: 10px;
}
.b1c8 .b1c8-white-row-1 .title-1{
color: #2b8000;
}
.b1c8 .b1c8-white-row-2 span{
font-size: 17px;
}
.b1c8 .b1c8-white-row-2 .img-center{
text-align: center;
}
.b1c8 .b1c8-btn-footer{
text-align: center;
}
.b1c8 .b1c8-col-header-right .btn-14{
padding:10px 40px;
width:300px;
height: auto;
text-align: left;
font-weight: bold;
}
.b1c8 .b1c8-btn-footer .btn-14{
padding:10px 40px;
width:300px;
height: auto;
text-align: left;
}
.b1c8 .b1c8-btn-footer .btn-14 .title-1{
font-weight: bold;
}
.b1c8 .b1c8-btn-footer #b1c8-link{
font-size: 23px;
text-decoration: underline;
}
.b1c8 .b1c8-buttons-plus-fb{
width:100%;
text-align: center;
// padding:0 25px;
}
.b1c8 .b1c8-hr{
padding-top: 10px;
}
.b1c8 .b1c8-buttons-plus-fb img{
width:316px;
height:20px;
}
.b1c8 .b1c8-bg-grey{
height: auto;
margin-bottom: 10px;
padding:30px 70px;
display: inline-block;
width:100%;
text-align: center;
}
.b1c8 .b1c8-col-left, .b1c8 .b1c8-col-right{
height: auto;
}
.b1c8 .b1c8-col-left{
text-align: right;
margin-bottom: 10px;
}
.b1c8 .b1c8-col-right{
text-align: left;
margin-bottom: 10px;
}
.b1c8 .b1c8-col-center-ex{
text-align: center;
margin-bottom: 10px;
width:100%;
}
.b1c8 .b1c8-cols-bg-grey{
width:100%;
display: inline-block;
}
.b1c8 .b1c8-btn-bg-grey{
width:100%;
display: inline-block;
text-align: center;
height: auto;
}
.b1c8 .b1c8-col-center{
width: 210px;
}
.b1c8 .b1c8-col-left-btn{
width: 215px;
}
.b1c8 .b1c8-col-right-btn{
width: 210px;
}
.b1c8 .b1c8-btn2 {
width: 100%;
}
.b1c8 .b1c8-btn2 ul{
display: inline-block;
text-align: center;
width: 100%;
}
.b1c8 .b1c8-btn2 .btn-11, .b1c8 .b1c8-btn2 .btn-12, .b1c8 .b1c8-btn2 .btn-13 {
padding: 4% 12%;
line-height: 33px;
}
.b1c8 .b1c8-btn2 .btn-11{
background-color: #FFFFFF;
border: 2px solid #FF0000;
color: #FF0000;
font-size: 20px;
height: 40px;
padding-top: 2px;
width: 200px;
}
.b1c8 .b1c8-btn2 .btn-12{
background-color: #FF0000;
color: #FFFFFF;
font-size: 20px;
height: 40px;
padding-top: 4px;
width: 200px;
}
.b1c8 .b1c8-btn2 .btn-13{
background-color: #FF9900;
color: #FFFFFF;
font-size: 20px;
height: 40px;
padding-top: 4px;
width: 200px;
}
.b1c8 .b1c8-btn2 ul li{
display: inline-block;
padding: 0px 1%;
}
.b1c8 .b1c8-block-header{
padding: 0 70px 0px;
font-size: 20px;
//width:100%;
}
.b1c8 .b1c8-col-header-left{
padding: 20px 10px;
line-height: 70px;
//border-left: 1px solid;
//width: 226px;
margin-left: -3%;
float:left;
}
.b1c8 .b1c8-col-header-left ul li{
float:left;
display: inline-block;
border-left: 1px solid;
padding-left: 10px;
width: 50%;
min-width:207px;
font-size: 19px;
}
.b1c8 .b1c8-col-header-center{
padding: 20px 10px;
//border-left: 1px solid;
//width: 226px;
}
.b1c8 .b1c8-col-header-right{
//border-left: 1px solid;
padding-top: 18px;
//width: 226px;
float:left;
text-align: right;
}
.b1c8 .b1c8-block-header-span-left{
color: #336600;
margin-right: 20px;
//padding-right:5%;
}
/* media b1c8 */
@media (max-width:767px) {
.b1c8 .b1c8-col-left,.b1c8 .b1c8-col-right{
text-align: center;
}
}
@media (max-width:801px) {
.b1c8 .b1c8-btn2 .btn-13{
margin-top: 5%;
}
}
@media (max-width:579px){
.b1c8 .b1c8-btn2 .btn-12{
margin-top: 5%;
}
}
@media (max-width:871px){
.b1c8 .b1c8-col-header-left{
width:100%;
padding: 0;
margin: 0;
//text-align: center;
//border: 0;
}
.b1c8 .b1c8-col-header-left ul{
text-align: center;
}
.b1c8 #b1c8-col-header-li-left{
border: 0;
}
.b1c8 .b1c8-col-header-right{
width:100%;
text-align: center;
}
}
@media (max-width:608px){
.b1c8 .b1c8-col-header-left ul li{
width: 100%;
border: 0;
text-align: center;
line-height: 30px;
}
.b1c8 .b1c8-block-header{
padding: 0!important;
}
}
@media (max-width:412px){
.b1c8 #b1c8-col-header-li-left{
min-width:251px;
}
.b1c8 .b1c8-col-header-right{
width:100%;
text-align: center;
padding: 0;
}
}
/* ??POPUP */
.AB .h-popup-content{
background: #eeeeee;
}
.AB .h-popup-header{
padding: 10px 15px 41px;
}
.AB .h-popup-footer{
border: 0;
}
.AB .h-popup-body{
padding: 0 60px;
text-align: center;
}
.AB .h-popup-image{
margin-bottom: 30px;
}
.AB .h-popup-button-left{
text-align: left;
}
.AB .h-popup-button-right{
text-align: right;
}
.AB .h-popup-button-right .btn-8{
width:70%;
}
.AB .h-popup-button-left .btn-8{
width:50%;
color: #999999;
border: 1px solid #999999;
}
@media (max-width:990px){
.AB .h-popup-button-left, .AB .h-popup-button-right{
float:left;
width: 50%;
}
}
@media (max-width:510px){
.AB .h-popup-button-right .btn-8{
min-width: 130px;
}
.AB .h-popup-button-left .btn-8{
min-width: 93px;
}
}
@media (max-width:390px){
.AB .h-popup-button-left, .AB .h-popup-button-right{
float: none;
width:100%;
text-align: center;
}
.AB .h-popup-button-right .btn-8{
min-width: 112px;
}
}
/*B3a1*/
.b3a1 .b3a1-content{
padding: 5% 8%;
width: 100%;
}
.b3a1 .b3a1-content .b3a1-content-row2{
text-align: center;
}
.b3a1 .b3a1-content .title-1{
color: #593333;
}
/*b3a1 media*/
/*b14c1*/
.b14c1 .b14c1-cols-bg-grey{
text-align: center;
}
.b14c1 .b14c1-cols-bg-grey .title-1{
color: #FFFFFF;
}
/*media b14c1*/
@media (max-width: 965px){
.b14c1 .ABbuttonYellow{
min-width: 221px;
}
}
@media (max-width: 1040px){
.b14c1 .b1c8-col-left{
width:100%;
text-align: center;
}
.b14c1 .b1c8-col-right{
width:100%;
text-align: center;
}
}
/*a4c1*/
.a4c1 .a4c1-block-row-header{
padding: 8px 40px;
background-color: #ccffcc;
height: auto;
width:100%;
//display: inline-block;
float:left;
}
.a4c1 .a4c1-block-row-header-left{
width: 18%;
float:left;
}
.a4c1 .a4c1-block-row-header-right{
float:left;
width:82%;
padding: 10px;
}
.a4c1 .a4c1-block-row-header-items{
padding: 0;
width: 200px;
}
.a4c1 .a4c1-block-row-header-right img{
margin: 0;
}
.a4c1 .a4c1-block-bottom-1-content{
padding: 2% 10%;
width: 100%;
height: auto;
float: left;
text-align: center;
}
.a4c1 .a4c1-block-bottom-2-content .box-20{
float: left;
width: 100%;
}
.a4c1 .a4c1-block-bottom-3-content{
padding: 0 1%;
width: 100%;
height: auto;
float: left;
}
.a4c1 .a4c1-block-bottom-3-col-left{
float:left;
width:30%;
padding-right: 3%;
margin-bottom: 2%;
}
.a4c1 .a4c1-block-bottom-3-col-right{
float:left;
width:70%;
font-size: 20px;
}
.a4c1 .a4c1-block-bottom-3-col-right .title-1{
font-size: 20px;
}
.a4c1 .a4c1-block-bottom-2-content .title-1{
font-size: 30px;
}
.a4c1 .a4c1-span{
width: 100%;
font-size: 30px;
//padding-left: 1%;
float:left;
}
.a4c1 .a4c1-span-2 , .a4c1 .a4c1-span-2-1{
width: 100%;
font-size: 30px;
margin-bottom: 15px;
float:left;
}.a4c1 .a4c1-span-2 .title-1{
font-size: 30px;
}
.a4c1 .a4c1-span-2-1 .title-1{
font-size: 20px;
}
.a4c1 .a4c1-span .title-1{
font-size: 30px;
}
.a4c1 .a4c1-block-bottom-3-btn-1{
float: left;
padding: 0;
margin-bottom: 20px;
}
.a4c1 .a4c1-block-bottom-3-btn-1 .btn-2{
padding: 0 4%;
font-size: 40px;
}
.a4c1 .a4c1-block-bottom-2-content .a4c1-bg-blue{
background: #0071be;
padding-left: 1.5%;
}
.a4c1 .a4c1-block-bottom-2-content .a4c1-bg-blue .title-1{
font-size: 18px;
color: #FFFFFF;
}
.a4c1 .a4c1-block-bottom-3-3cols{
padding: 5% 0 0 0;
width:100%;
display: inline-block;
}
.a4c1 .a4c1-block-bottom-3-3cols-rows1{
width: 100%;
valign: center;
}
.a4c1 .a4c1-block-bottom-3-3cols-rows2{
width:100%;
}
.a4c1 .a4c1-span-bg-red{
padding: 0 12px;
background: #ff0000;
font-size: 25px;
color: #FFFFFF;
}
.a4c1 .a4c1-block-bottom-3-3cols-rows1 .title-1{
font-size: 30px;
margin: 1px 0 0 5px;
}
.a4c1 .a4c1-block-bottom-3-3cols .col-md-4{
padding-left: 0;
}
.a4c1 .a4c1-block-bottom-3-3cols-rows2{
margin-top: 15px;
}
.a4c1 .a4c1-block-bottom-3-3cols-rows2 .title-1{
text-justify: inherit;
}
.a4c1 .a4c1-span-color-red{
color: red;
}
.a4c1 .a4c1-span-color-blue{
color: #0071be;
}
.a4c1 .a4c1-span-color-blue-2{
color: #05b8ec;
font-size: 35px;
}
.a4c1 .a4c1-block-bottom-3-col-50-left{
float:left;
margin-bottom: 2%;
padding-right: 2%;
padding-left: 0;
width: 50%;
}
.a4c1 .a4c1-block-bottom-3-col-50-left img{
width:480px;
height: 130px;
}
.a4c1 .a4c1-block-bottom-3-col-50-left .a4c1-block-bottom-3-col-50-left-top-2 img{
width:480px;
height: 265px;
}
.a4c1 .a4c1-block-bottom-3-col-50-right .a4c1-block-bottom-3-col-50-left-top-2 img{
width:480px;
height: 265px;
}
.a4c1 .a4c1-block-bottom-3-col-50-3 .a4c1-block-bottom-3-col-50-left-top-3{
margin-bottom: 10px;
}
.a4c1 .a4c1-block-bottom-3-col-50-3{
padding-left: 0;
}
.a4c1 .a4c1-block-bottom-3-col-50-3 .a4c1-block-bottom-3-col-50-left-top-3 img
{
width: 330px;
height: 252px;
}
.a4c1 .a4c1-block-bottom-3-col-50-3 .title-1{
font-size: 15px;
}
.a4c1 .a4c1-block-bottom-3-col-50-right img{
width:480px;
height: 130px
}
.a4c1 .a4c1-block-bottom-3-col-50-right{
float:left;
margin-bottom: 2%;
width: 50%;
padding-right: 2%;
padding-left: 0;
}
.a4c1 .a4c1-block-bottom-3-col-50-left-bot{
padding: 3% 13% 0 0;
text-align: inherit;
}
.a4c1 .a4c1-span-center{
text-align: center;
margin-top: 10px;
}
.a4c1 .a4c1-block-bottom-3-col-right-l{
padding-right: 30px;
}
.a4c1 .a4c1-block-bottom-3-col-left-r img{
width: 330px;
height: 145px;
}
.a4c1 .a4c1-letter-footer-right img{
width: 456px;
height: 469px;
}
.AB .box-43 .b3a1Stepright {
width: 25%!important;
}
.AB .box-43 .b3a1Stepleft{
width: 75%!important;
}
/*media a4c1*/
@media (max-width:1010px)
{
.a4c1 .a4c1-block-row-header-left{
width:100%;
float:none;
text-align: center;
}
.a4c1 .a4c1-block-row-header-right{
width:100%;
float:none;
}
.a4c1 .a4c1-block-row-header{
padding-left: 0;
padding-right: 0;
}
.a4c1 .a4c1-block-row-header .a4c1-block-row-header-right .rowtext{
margin-left: 0;
margin-right: 0;
width:auto;
}
.a4c1 .a4c1-block-row-header-right .rowtext div{
margin-bottom: 0;
margin-top: 2%;
}
.a4c1 .a4c1-block-row-header-right .rowtext{
margin-bottom: 2%;
}
}
@media screen and (max-width : 800px) {
.AB .box-43 .b3a1Stepright ,.AB .box-43 .b3a1Stepleft {
width: 100%!important;
}
}
@media (max-width: 992px)
{
.a4c1 .a4c1-block-row-header-right{
padding: 0;
height: auto;
}
.a4c1 .a4c1-block-row-header{
padding-left: 0;
padding-right: 0;
}
.a4c1 .a4c1-block-bottom-3-3cols-rows2{
margin-bottom: 15px;
}
.a4c1 .a4c1-block-bottom-3-col-50-left-top-3-media-1{
text-align: center;
}
.a4c1 .a4c1-block-bottom-3-col-50-left-top-3-media-2{
width: 50%;
margin-left: 10px;
float: left;
}
.a4c1 .a4c1-block-bottom-3-col-50-left-top-3-media-3{
width: 40%;
margin-left: 10px;
float: left;
padding: 0;
}
.a4c1 .a4c1-block-bottom-3-col-50-left-top-3-media-2-3{
width:100%;
text-align: center;
margin-top: 10px;
}
.a4c1 .a4c1-block-bottom-3-3cols{
padding: 0 3%;
}
}
@media (max-width: 992px)
{
.a4c1 .a4c1-block-row-header-right .rowtext div{
//margin-bottom: 5%;
margin-top: 2%;
}
.a4c1 .a4c1-block-row-header{
padding-left: 0;
padding-right: 0;
}
.a4c1 .a4c1-block-row-header .a4c1-block-row-header-right .rowtext{
margin-left: 0;
margin-right: 0;
width:auto;
}
}
@media (max-width:850px)
{
.a4c1 .a4c1-block-bottom-3-col-left{
width:100%;
float:none;
text-align: center;
padding-bottom: 2%;
}
.a4c1 .a4c1-block-bottom-3-col-right{
width:100%;
float:none;
text-align: inherit;
padding: 0 3%;
}
.a4c1 .a4c1-span{
padding-left: 3%;
}
.a4c1 .a4c1-span-2{
padding-left: 3%;
}
.a4c1 .a4c1-block-bottom-3-col-50-left, .a4c1 .a4c1-block-bottom-3-col-50-right{
width:100%;
padding: 0 3%;
}
.a4c1 .a4c1-span-2-1{
padding-left: 3%;
}
.a4c1 .a4c1-block-bottom-3-col-50-left-top{
text-align: center;
margin-bottom: 15px;
}
.a4c1 .a4c1-block-bottom-3-col-50-left-bot{
padding: 0 3%;
text-align: inherit;
}
.a4c1 .a4c1-block-bottom-3-col-50-left-top-2{
text-align: center;
}
.a4c1 .a4c1-block-bottom-3-col-50-left-top-3-media-2{
width: 100%;
float: none;
text-align: center;
padding: 0;
margin: 0;
}
.a4c1 .a4c1-block-bottom-3-col-50-left-top-3-media-3{
width: 100%;
float: none;
text-align: center;
padding: 0;
margin: 0;
}
.a4c1 .a4c1-block-bottom-3-col-50-left-top-3-media-1{
padding-right: 0;
}
.a4c1 .a4c1-block-bottom-3-col-50-left-bot-2{
//padding-left: 5px;
}
}
@media (max-width: 660px)
{
.a4c1 .a4c1-rowtext-cols{
width: 100%;
text-align: center;
}
}
@media (max-width: 423px)
{
.a4c1 .a4c1-block-bottom-3-col-left{
padding: 0;
}
}
.d9 #d9-tableMiddle{
width: 100%;
border: 0;
}
.f10 #f3-tabletop{
border: 1;
width: 100%;
}
.f10 #f3-tableMiddle{
border: 0;
width: 100%;
}
/* ----------------------------
End BLOCK-P3
------------------------------ */
/* ----------------------------
START A5
------------------------------ */
/* block a5c11 */
.a5-banner{
margin-top: 10px;
}
.AB .box-40{
width: 100%;
font-size: 20px;
padding-bottom: 20px;
padding-bottom: 20px;
margin: auto;
text-align: center;
}
.AB .box-40 img{
border: solid 1px #3399ff;
}
.AB .box-40 .col1{
float: left;
width: 20%;
padding-left:15px;
padding-right:15px;
}
.AB .box-40 .boxtitle1{
margin-left: 10px;
margin-top: 35px;
position: absolute;
width: 138px;
color:#65b2ff;
}
.AB .box-41,.AB .box-42{
width: 100%;
background-color:#666666;
margin:auto;
text-align: center;
padding-top: 10px;
padding-bottom:10px;
}
.a5-boxcard{
width: 60%;
margin:auto;
text-align: center;
}
.box-41 .a5title,.box-42 .a5title{
font-size: 30px;
color:#ffffff;
padding-top: 10px;
padding-bottom: 10px;
}
.box-41 .a5btn,.box-42 .a5btn{
padding-bottom: 10px;
padding-top: 20px;
}
.box-41 button,.box-42 button{
width: 30%;
}
.a6btn{
padding-top: 40px;
padding-bottom: 5px;
}
.box-42 .col-md-6{
// width: 35%;
margin: auto;
}
.box-42 .a5boxcard{
margin: auto;
}
.a5-md6left{
width: 30%;
}
.a5-md6right{
width: 30%;
}
.a5card{
margin-left:29%;
}
@media (max-width:1010px){
.AB .box-40 .col1{
width: 16%;
}
p.boxtitle1{
font-size: 12px;
}
.AB .box-40 .boxtitle1{
width:100px;
}
}
@media (max-width:970px){
.AB .box-40 .col1{
width: 140px;
}
.AB .box-40 .boxtitle1{
margin-left: 5px;
}
}
@media (max-width:640px){
.AB .box-40 .col1{
min-width: 70px;
}
}
@media (max-width:746px){
p.boxtitle1{
display:none;
}
.AB .box-40 .col1{
width: 20%;
}
}
@media (max-width:400px){
.AB .box-40 .col1{
margin-left: -16px;
}
}
@media (max-width:990px){
.box-41 .a5boxcard img{
width: 50%;
}
.box-41 button,.box-42 button{
width: 230px;
}
}
@media (max-width:990px){
.a5card{
margin-left: 0px;
}
}
/* end block a5c11 */
/* ----------------------------
End A5
------------------------------ */
/* ----------------------------
RESET
------------------------------ */
/*
html {
font-size:14px; line-height:1.6;
}
html, body, div, span, object, iframe, embed, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, time, mark, audio, video {
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
*/
/*
button{ cursor:pointer;margin-bottom:3px;}
*/
/*********** snip --> buttons.less ****************/
/*
.btn-yellow{
background-color: #FFCC00;
border: none;
border-radius: 12px;
font-size: 20px;
color: #000000;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 260px;
font-weight: normal;
}
.btn-yellow-popup{
background-color: #FFCC00;
border: none;
border-radius: 8px;
font-size: 14px;
color: #000000;
height: 40px;
padding: 0 15px;
text-align: center;
vertical-align: middle;
width: 100px;
font-weight: normal;
margin-bottom:16px;
}
.btn-black{
background-color: #e6e6e6;
border: none;
border-radius: 12px;
font-size: 20px;
color: #000000;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 260px;
margin-right:10px;
font-weight: normal;
}
.title-1 { font-size: 20px ;}
.title-2 {font-size: 20px;color: #fff;background: red;border-radius: 10px;padding: 0px 6px;white-space: nowrap; }
.title-3 { font-size: 18px}
.title-4 { font-size: 28px; }
.title-5 { font-size: 22px;line-height: 43px }
.title-6 { font-size: 22px;line-height: 43px;text-align: center;background-color: #9dc3e6;border-radius: 10px;margin-top: 10px; }
.title-7 { font-size: 25px;font-weight: bold }
.title-8 {color: #fff;}
.title-9 {font-size: 15px}
.title-10 {font-size: 25px}
.btn-1 {}
.btn-2 { color: red;background: #f2f1ed;padding: 2px 10px;font-size: 19px;height: 34px;border-radius: 10px;border: 1px #dfdcd7 solid;line-height: 31px;}
.btn-3 {width:100%; height: 34px;padding: 5px;font-size: 16px;}
.btn-4 {width: 90%;font-size: 20px;height: 44px;margin-bottom: 6px;}
.btn-5 {background: #fff;color: black;border: 2px solid;border-radius: 8px;height: 35px;width: 125px;}
.btn-6 {background: #548235;color: #fff;height: 29px;width: 74px;margin-bottom: 3px;}
.space-1{margin-bottom:10px;}
.space-2{margin-bottom:0px;}
.space-3{margin-bottom:20px;}
.space-4{margin-bottom:2px;}
.space-top-1{margin-top:20px}
.space-top-2{margin-top:10px}
.space-top-3{margin-top:1%}
.space-top-4{margin-top:6px}
.right {text-align: right;padding-left: 0px}
.clear {clear:both}
.clear-left{padding-left:0px}
.form-control-1{width: 45%;height: 29px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;}
.bg-black{background:#ccc;}
.common-space{border:1px solid #ccc;height: 43px;border-radius:5px}
.common-space .cm-left{float:left;margin-top:6px;margin-left:-32px}
.common-space .cm-right{float:right;margin-top:8px;margin-right: 8px}
/*-----------E3---------------*/
/*
.bg-facebook {
background-color: #43609C;
}
.bg-yahoo {
background-color: #FF0033;
}
.bg-google {
background-color: #186DEE;
}
.bg-ID {
background-color: #BD0000;
}
.bg-orange {
background-color: #EE6A06;
}
.naviate-step p{
background-color: #FFF;
width: 20.3%;
height: 45px;
font-size: 18px;
line-height: 45px;
border: 1px solid #F19149;
border-radius: 12px;
color: #F19149;
text-align: center;
vertical-align: middle;
font-weight: normal;
}
.naviate-step p.active{
background-color: #F19149;
border: none;
color: #FFF;
}
.btn-delivery{
border: none;
border-radius: 12px;
font-size: 20px;
color: #FFF;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
font-weight: normal;
}
.bg-orange {
background-color: #FF9900;
}
.bg-red {
background-color: #E60012;
}
.btn-no-bg{
background-color: #FFF;
border: none;
border-radius: 12px;
font-size: 20px;
color: #000000;
height: 40px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 260px;
margin-right:10px;
font-weight: normal;
}
*/
/* html5doctor.com Reset Stylesheet v1.4 2009-07-27 Author: Richard Clark - http://richclarkdesign.com */
/*
div
{
margin: 0;
padding: 0;
border: 0;outline: 0;vertical-align: baseline;background: transparent;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-weight: normal;
}
html {font-size: 62.5%;}
body {font-size: 1rem;line-height: 1.4;}
*/
/****************** /top/style.css -> snip *********************/
/* SOFTFRONT*/
/*********** snip --> svf-common.less ****************/
/*
div#contents td{
vertical-align: middle;
}
div#contents{
width:980px;
margin:80px auto 40px;
position:relative;
color: #000;
}
button{ cursor:pointer;}
*/
/* button */
/*
div.common-button{
text-decoration:none;
}
div.common-button {
display: inline-block;
outline: none;
border: none;
border-radius: 14px;
border: #000 2px solid;
cursor: pointer;
}
div.common-button-text {
padding: 12px 8px;
font-size: 25px;
}
div.color-1{
background: #FFFFFF;
color: #000 !important;
}
div.color-2{
background: #FFC000;
color: #000 !important;
}
.clearfix {
clear: both;
}
button {
border: medium none;
border-radius: 50px;
box-shadow: none;
color: #E40023;
font-size: 15px;
font-weight: bold;
height: 42px;
outline: medium none;
}
button {
cursor: pointer;
}
*/
/* FOOTER*/
/*
.footer-text1 {
color: #999999;
font-size: 20px;
font-weight: bold;
margin-top: 0px;
}
.footer-table1 {
margin-left: 20px;
}
.footer-table1 td {
border-right: 2px solid #CCCCCC;
}
.letter-link {
color: #678DD6;
text-decoration: none;
margin-left: 10px;
}
.footer-img {
position: relative;
}
.footer-img img{
position: absolute;
}
.footer-img-1 {
top: 1px;
left: 5px;
}
.footer-img-2 {
top: 3px;
left: 120px;
}
.footer-img-3 {
left: 225px;
}
.footer-img-4 {
left: 129px;
top: 45px;
}
.footer-img-5 {
left: 241px;
top: 42px;
}
.footer-copyright {
color: #B3B3B3;
font-size: 15px;
margin-bottom: -15px;
margin-top: 40px;
text-align: center;
}
*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------style C-----------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BLOCK C46 */
#breadcrumb .underline a{
color:#666666;
}
#blockc-menu ul li a{
color:#ffffff;
}
.kuhaku .container {max-width:1024px ;margin-top: 65px!important;}
.blockc46{ margin-top: 100px;
min-width:300px;
}
.blockc46 .blockc46-header {
height:260px;
}
.blockc46 .blockc46-bottom {
}
.blockc46 .blockc46-footer{
height:200px;
}
.blockc46-create{
background:#faef8b;
}
.blockc46-create-left{
background:#faef8b;
float:left;
text-align:center;
color:#ff4c19;
padding: 2%;
border-right:1px solid;
//height:100px;
width:225px;
}
.blockc46-create-left h2{
font-family:MS Gothic;
}
.blockc46-create-right{
background:#faef8b;
padding: 2.6%;
float:left;
height:100px;
font-family:MS Gothic;
font-size:12px;
width:35%;
}
.blockc46-create-btnCreate{
padding: 3% 0 3% 0;
float:right;
background:#faef8b;
height:100px;
width:27%;
}
/*
#btn-orange{
background-color: #ff9900;
border: none;
border-radius: 12px;
font-size: 20px;
color:#ffffff;
height: 40px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 180px;
font-weight: normal;
}
*/
.c46-btnRadio{
border:none!important;
text-align:center;
background:#faef8b;
width:4%;
}
.c46-btnCheck{
border:none!important;
text-align:center;
background:#faef8b;
width:1%;
}
.c46-notsend{
width:100%;
float:left;
padding:0 0 1% 0;
}
#c46-btnRadio-notSend{
text-align:center;
width:4%;
float:left;
padding-top: 0.2%!important;
}
#c46-txt-1{
float:left;
font-size:20px;
color:#ff4c19;
font-weight:bold;
padding-left:1%;
padding-top:0!important;
margin-top: 0!important;
}
#c46-txt-2{
float:left;
font-size:13px;
padding:0.5% 0 0 1%;
}
#td-2{
width:20%;
}
#c46-btn-link1{
padding-top:5%;
padding-bottom:1%;
font-size:12px;
color:#000000;
}
#c46-btn-link1 a{
color:#000000;
}
.c46-link-menu ul li a{
color:#ffffff;
}
.c46-td-tmp{
border-top:1px solid!important;
border-bottom:1px solid;
}
.c46-td-tmp1{
border-top:1px solid!important;
border-bottom:1px solid;
width:7%!important;
text-align: center;
}
.c46-td-1{
border-left:1px solid;
border-top:1px solid!important;
border-bottom:1px solid;
width:7%!important;
text-align: center;
}
.c46-td2-1{
width:7%!important;
}
.c46-td-ex1{
border-left:1px solid;
border-top:1px solid!important;
border-bottom:1px solid;
border-right:1px solid;
width:3%!important;
text-align: left;
}
.c46-td2-ex1{
width:3%!important;
}
.c46-td-ex2{
border-left:1px solid;
border-top:1px solid!important;
border-bottom:1px solid;
border-right:1px solid;
width:1%!important;
text-align: center;
}
.c46-td2-ex2{
width:1%!important;
}
.c46-td-ex3{
border-left:1px solid;
border-top:1px solid!important;
border-bottom:1px solid;
border-right:1px solid;
width:7%!important;
text-align: left;
}
.c46-td2-ex3{
//width:89px !important;
}
.c46-td-ex4{
border-left:1px solid;
border-top:1px solid!important;
border-bottom:1px solid;
border-right:1px solid;
width:3%!important;
text-align: center;
}
.c46-td-2{
width:15%!important;
border-top:1px solid!important;
border-bottom:1px solid;
}
.c46-td2-2{
width:15%!important;
}
.c46-td-3{
border-top:1px solid!important;
border-bottom:1px solid;
width:7%!important;
text-align: center;
}
.c46-td2-3{
//width:89px !important;
}
.c46-td-4{
width:28%!important;
border-top:1px solid!important;
border-bottom:1px solid;
}
.c46-td2-41{
//width:30%!important;
}
.c46-td2-4{
width:20.5%!important;
}
.c46-td-5{
border-top:1px solid!important;
border-bottom:1px solid;
border-right:1px solid;
text-align:right;
}
.c46-td2-52{
//width:583px!important;
text-align:left;
}
.c46-td2-5{
//width:500px!important;
}
#c46-tr-tbl2{
width:100%!important;
}
#c46Table-1{
margin-bottom:1px!important;
}
#c46Table-2{
margin-bottom:10px!important;
}
table.c46Table tr{
margin-top:1%!important;
}
table.c46Table a{
color:#7777ff;
font-weight:bold;
text-align:right;
text-decoration:underline;
}
table.c46Table{
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size:12px;
}
#c46Table-1{
border-collapse: separate;
border-spacing: 0px 5px;
}
#c46-btnRadio-rowspan{
vertical-align:middle!important;
}
.c46-popup-1
{
min-width: 351px;
font-size: 20px;
padding:3%;
padding-top: 0;
}
.c46-popup-c50-footer{
margin: 0;
padding-bottom:0;
}
.c46-popup-c50-textleft{
padding-left:65px!important
}
.c46-popup-c50-btnBlack{
width: 140px!important;
-moz-border-radius: 1px!important;
height:40px!important;
}
.c46-popup-c50-btnYellow{
width: 57%!important;
-moz-border-radius: 1px!important;
height:40px!important;
}
.c46-popup-c50-textright{
padding-right: 9%!important;
}
.c46-popup5-c50-btnYellow{
width:38%!important;
font-size: 16px;
}
.c46-popup5-c50-btnBlack{
width:31%!important;
color:black!important;
-moz-border-radius: 1px!important;
min-width: 188px!important;
font-size: 16px;
}
.c46-popup5-c50-divBtn{
text-align: right;
width: 100%;
padding: 2%;
padding-right: 3%;
}
.c46-popup5-c50-chkbox{
text-align: right;
height: 20px!important;
}
.c46-popup5-c50-messbox{
padding:2%;
font-size:13px;
border:1px solid #ff0000;
color: #ff0000;
margin-top: 2%!important;
}
.c46-popup5-c50-tbl{
margin-bottom: 1.5%;
font-size:15px;
margin-top: 0.5%;
}
.c46-popup5-c50-tbl tr{
height:10px!important;
}
.c46-popup5-tbl-div{
width:100%;
}
.c46-popup-c50-txt1{
text-align: center;
width:100%;
padding-bottom: 1%;
}
.c46-popup-c50-td1{
width:10%!important;
}
.c46-popup-c50-td2
{
text-align: left!important;
padding-left:1%!important;
}
.c46-popup-c50-header{
padding-bottom: 0;
}
.c46-popup-c50{
margin: 0;
padding-left: 5%;
padding-right: 5%;
text-align: center;
}
.c46-popup-c50-txtArea{
width:100%;
resize:none;
}
.c46-popup-c50-body{
padding:0;
}
.c46-popup5-c50-footer
{
border-top:none;
padding:0;
}
.c46-popup5-c50-tr td{
border: none!important;
}
.c46-popup5-c50-tr2 td{
border: none!important;
}
.c46-popup5-c50-tr{
margin-bottom: 2%!important;
}
.c46-popup5-c50-tr2{
padding: 2px;
}
.c46-popup5-btnYellow{
text-align: center;
width:100%;
}
.c46-popup5-c50-txt1{
width: 100%;
text-align: center;
font-size:26px;
padding-bottom:1%;
padding-left: 5%;
padding-right: 5%;
border: none;
}
.c46-popup5-border{
width:100%;
border-bottom: 2px solid #cdcdcd;
}
.c46-popup5-border2{
width:100%;
border-bottom: 2px dashed #cdcdcd;
margin-bottom: 2%!important
}
.c46-popup5-c50-txt2{
padding:0;
padding-left: 5%;
width:100%;
font-size:15px;
padding-top:1%;
}
@media (max-width:935px)
{
.blockc46-create-right{
padding-left:1%;
}
}
@media (max-width:850px)
{
.blockc46-create-left{
border-right:0px;
width:100%;
border-bottom:1px solid;
float:left;
//height:60px!important;
padding:0;
}
.blockc46-create-right{
width:60%;
padding-left:10%;
}
}
@media (max-width:760px)
{
.blockc46-create-left{
width:54%;
}
.blockc46-create-right{
width:60%;
padding-left:10%;
}
}
@media (max-width:767px)
{
.boclc46-create-left{
padding:0;
}
.blockc46-create-right{
padding-right:2%;
}
#c46-txt-2{
width:100%;
}
#c46-td-4{
min-width:200px;
}
.c46-popup-c50-textleft{
padding:0!important;
}
.c46-popup-c50-textright{
padding:0!important;
}
}
@media (max-width:787px)
{
.blockc46-create-left{
border-bottom:1px solid;
border-right:0px;
height:auto;
width:100%;
text-align:center;
float:none;
}
.blockc46-create-right{
//width:100%;
padding-left:10%;
//text-align:center;
}
.blockc46-create-btnCreate{
width:30%;
height:auto!important;
//text-align:center;
}
}
@media (max-width:705px)
{
.blockc46-create-left{
}
.blockc46-create-right{
width:100%;
text-align:center;
padding:0;
height:auto;
padding-top:1%;
}
.blockc46-create-btnCreate{
width:100%;
text-align:center;
padding:1%;
}
}
@media (max-width:721px)
{
.c46Table
{
min-width:672px;
}
}
@media (max-width:1035px)
{
.c46-td-2{
min-width:150px;
}
.c46-td2-2{
min-width:150px;
}
.f29-row{
padding-top: 6px !important;
}
}
@media (max-width:977px)
{
.c46-td2-1,.c46-td2-3, .c46-td-1, .c46-td-3{
min-width:65px;
}
}
@media (max-width:792px)
{
.c46-td-tmp1{
min-width:52px;
}
}
@media (max-width:470px)
{
.c46-popup-c50-btnBlack{
min-width:107px!important;
}
}
@media (max-width:500px)
{
#c46-txt-1{
padding-left:3%;
}
}
@media (max-width:420px)
{
#c46-txt-1{
padding-left: 3%;
}
}
@media (max-width:410px)
{
.c46-popup5-c50-divBtn{
text-align: center;
}
}
@media (max-width:540px)
{
.c46-popup-c50-btnBlack{
min-width: 103px!important;
}
}
@media (max-width:495px)
{
.c46-popup5-c50-btnYellow{
min-width: 163px!important;
}
}
@media (max-width:350px)
{
.c46-popup-c50-btn1{
text-align: center;
padding: 0;
}
}
@media (max-width:600px)
{
.c46-popup-c50-btnYellow{
min-width: 147px!important;
}
}
@media (max-width:580px)
{
.c46-popup5-c50-btnYellow{
width:auto!important;
padding-left: 15px!important;
padding-right: 15px!important;
}
.c46-popup5-c50-btnBlack{
width:auto!important;
padding-left: 15px!important;
padding-right: 15px!important;
}
}
/* BLOCK C2 */
.blockc2-1{
font-size: 38px;
padding: 20px 20px 20px 40px;
}
.blockc2-2{
border-radius: 14px;
border: #b2b2b2 2px solid;
width: 277px;
margin-right: 25px;
text-align: center;
float: left;
padding: 0 10px 40px 10px;
margin-top: 16px;
}
.blockc2-2-1{
font-size: 36px;
line-height: 41px;
margin-top: 32px;
}
.blockc2-2-button{
width: 218px;
margin-top: 17px;
}
.blockc2-2-img{
width:147px;
height:88px;
margin: auto;
}
.blockc2-2-2{
font-size: 20px;
margin-top: 16px;
line-height: 24px;
height: 45px;
}
.blockc2-2-3{
text-align: left;
font-size: 22px;
line-height: 27px;
margin-top: 30px;
}
/*********** snip --> svf-common.less ****************/
/*
.header {
position: relative;
}
.header .line1 {
background-color: #C40010;
height: 10px;
margin: 0px;
}
.header .line2{
margin: 0px;
background-color: #5B4E46;
color: white;
line-height:70px;
font-weight: bold;
padding-left: 20px;
font-size: 20px;
color: #C3BEBA;
}
.header ul.menu{
list-style: none outside none;
position: absolute;
right: 0px;
top: 20px;
}
.header ul.menu li{
float: left;
border-left: 1px solid #7E6D65;
display: block;
overflow: hidden;
}
.header ul.menu li a{
margin: 0px 10px;
color: #C3BEBA;
text-decoration: none;
}
.header ul.menu li img{
margin-left: 10px;
}
.header ul.menu .li-menu{
width: 191px;
position: relative;
}
.header ul.menu li button{
border-radius: 4px;
font-size: 12px;
font-weight: normal;
height: 20px;
left: 40px;
padding-left: 10px;
position: absolute;
text-align: left;
top: 4px;
width: 135px;
}
.login-status {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 4px;
height: 40px;
position: absolute;
right: 10px;
top: 20px;
text-align: center;
}
.login-status p {
text-align: center;
line-height: 15px;
}
.content {
margin: 20px;
}
.content h3 {
font-size: 24px;
margin: 0 0 10px;
padding: 0;
font-weight: normal;
}
@media (max-width: 645px){
.common-space{border:1px solid #ccc;height: 80px}
.common-space .cm-left{float:none;margin-top:6px;margin-left:0px}
.common-space .cm-right{float:none;margin-top:8px;margin-right: 8px;text-align: center;}
}
*/
/* BLOCK C44 */
.blockC h3 {
color: #FF4C19;
}
.C44 {
color: #000;
min-width: 300px;
}
.C44 .row{
width: 100%;
margin-left: -15px;
margin-right: -15px;
}
.C44 #banner {
width: 100%;
}
.C44 #blockc-menu{
margin-top: 5px;
height: 40px;
background: #212854;
color: #FFF;
width: 100%;
}
.C44 #blockc-menu ul li {
color: #FFFFFF;
display: inline-block;
float: left;
height: 40px;
padding: 13px 1.3%;
}
.C44 #blockc-menu .left {
float:left;
width: 65%;
}
.C44 #blockc-menu .right {
text-align: right;
float:left;
width: 35%;
}
.C44 #blockc-menu .right ul{
clear: both;
}
.C44 #blockc-menu .right ul li{
float: none;
}
.C44 #blockc-menu .left ul li.line div{
border-left: 1px solid #FFFFFF;
}
.C44 #blockc-menu ul a{
font-size: 12px;
margin-right: 5px;
}
.C44 #blockc-menu ul a:link{
font-size: 12px;
margin-right: 5px;
color: #FFF;
}
.C44 #breadcrumb {
color: #666666;
font-size: 12px;
width: 100%;
}
.C44 #breadcrumb div{
float: left;
padding: 0 4px;
}
.naviate-step-c .arrow {
float: left;
height: 60px;
width: 7px;
}
.naviate-step-c .left .arrow, .naviate-step-c .right div.arrow-orange{
background: url("../images/arrow-step.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.naviate-step-c .right .arrow {
background: url("../images/arrow-step2.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.naviate-step-c .right .arrow-active {
background: url("../images/arrow-step3.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.naviate-step-c p{
color: #FFFFFF;
float: left;
font-size: 12px;
font-weight: bold;
height: 60px;
line-height: 20px;
padding: 12px 6px;
text-align: center;
vertical-align: middle;
width: 101px;
}
.naviate-step-c p a{
color: #FFFFFF;
}
.naviate-step-c .left{
float: left;
width: 57%;
}
.naviate-step-c .right{
float: left;
width: 43%;
text-align: right;
}
.naviate-step-c .right .block{
clear: both;
display: inline-block;
}
.naviate-step-c .right p{
background-color: #FFF4CC;
color: #FF9900;
width: 85px;
}
.naviate-step-c .left p,.naviate-step-c .right p.orange{
background-color: #FF9900;
color: #FFFFFF;
}
.naviate-step-c .right p{
float: left;
}
.naviate-step-c .right .arrow,
.naviate-step-c .right .arrow-active {
float: left;
}
.naviate-step-c p.active{
background-color: #C40010;
color: #FFF;
}
#blockc-service.row {
width: 100%;
margin: auto;
margin-bottom: 60px;
}
#blockc-service .col-1,#blockc-service .col-2,#blockc-service .col-3 {
background: none repeat scroll 0 0 #FAEF8B;
float: left;
text-align: center;
width: 32.86%;
}
#blockc-service .col-1, #blockc-service .col-2{
margin-right: 7px;
}
#blockc-service h3 {
margin-top: 10px;
}
#blockc-service .hr {
background: url("../images/dot-img.png") repeat-x scroll center center rgba(0, 0, 0, 0);
margin-bottom: 10px;
width: 100%;
}
#blockc-service .pic-delivery {
width: 65%;
margin: auto;
}
#blockc-service button {
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
width: 80%;
max-width: 260px;
}
#blockc-service ul {
text-align: left;
padding-left: 50px;
}
#blockc-service ul li{
list-style-type: disc;
color: #FF4C19;
font-size: 14px;
}
#blockc-service ul li.li-none{
list-style-type: none;
}
#blockc-service .delivery-note {
background: none repeat scroll 0 0 #FFFFFF;
font-size: 12px;
margin-bottom: 0;
margin-top: 13px;
padding-top: 5px;
text-align: left;
}
@media screen and (max-width : 1030px) {
#blockc-service .col-1,#blockc-service .col-2,#blockc-service .col-3 {
width: 32.76%;
}
}
@media screen and (max-width : 982px) {
.naviate-step-c .left,.naviate-step-c .right {
width: 100%;
}
}
@media screen and (max-width : 858px) {
#blockc-service .col-1, #blockc-service .col-2, #blockc-service .col-3 {
width: 70%;
float: none;
margin: auto;
padding-top: 7px;
}
#blockc-service .col-1, #blockc-service .col-2{
margin-bottom: 20px;
}
}
@media screen and (max-width : 500px) {
.C44 #blockc-menu .left, .C44 #blockc-menu .right {
width: 100%;
height: 25px;
}
.C44 #blockc-menu {
height: 60px;
}
.C44 #blockc-menu ul {
text-align: center;
}
.C44 #blockc-menu ul li{
float: none;
}
.C44 #blockc-menu {
margin-bottom: 10px;
}
}
@media screen and (max-width : 581px) {
.naviate-step-c p {
height: 40px;
font-size: 14px;
width: 40px;
}
.naviate-step-c .right p {
width: 40px;
}
.naviate-step-c span {
display: none;
}
.naviate-step-c .arrow {
float: left;
height: 43px;
width: 7px;
}
}
@media screen and (max-width : 480px) {
#blockc-service .col-1, #blockc-service .col-2, #blockc-service .col-3 {
width: 100%;
}
}
@media screen and (max-width : 352px) {
.C44 #blockc-menu ul a:link {
margin-right: 0px;
}
.C44 #blockc-menu ul li {
padding: 13px 0px;
}
}
@media screen and (max-width : 274px) {
.naviate-step-c p {
width: 16%;
}
.naviate-step-c .right p {
width: 17%;
}
.naviate-step-c .right .block {
width: 100%;
}
}
/* BLOCK C45 */
#blockc-service .col-1 .content{
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 20px;
clear: both;
display: inline-block;
margin: 20px;
width: 80%;
text-align: center;
display: none;
}
#blockc-service .col-1 .content .text-price {
display: none;
padding-bottom: 20px;
}
#blockc-service .col-1 .content .input-price input, #blockc-service .col-1 .content .input-price span{
float: left;
}
#blockc-service .col-1 .content .input-price input {
font-size: 40px;
height: 51px;
margin-left: 20px;
width: 80%;
padding: 0px;
text-align: center;
}
#blockc-service .col-1 .content .input-price span {
font-size: 15px;
line-height: 34px;
margin-left: 5px;
}
#blockc-service .col-1 .content .input-price .note {
clear: both;
float: none;
font-size: 15px;
color: #7F7F95;
text-align: left;
margin-left: 20px;
}
#blockc-service .col-1 .title{
color: #FF4C19;
font-size: 20px;
margin-top: 10px;
}
#blockc-service .col-1 hr{
border: 1px solid #FF4C19;
clear: both;
float: none;
font-size: 4px;
height: 0;
margin: 10px auto auto;
padding: 0;
width: 95%;
}
#blockc-service .col-1 .text a, #blockc-service .col-1 .text{
color: #FF4C19;
font-size: 15px;
cursor: pointer;
}
#blockc-service .col-1 .text a {
text-decoration: underline;
}
#blockc-service .col-1 p.text1{
margin-left: 15px;
margin-top: 10px;
text-align: left;
}
#blockc-service .col-1 p.price span.value-price{
font-size: 40px;
margin-bottom: 0;
}
#blockc-service .col-1 p.price span{
font-size: 25px;
}
/* C47 */
.C47 .blockc-row-content {
background: #FAEF8B;
}
.blockc-row-content hr {
display: none;
}
.C47 .blockc-row-content .left,
.C47 .blockc-row-content .right,
.C47 .blockc-row-content .div-text,
.C47 .blockc-row-content .div-button{
float: left;
}
.C47 .blockc-row-content .left {
width: 60%;
border-right: 1px solid #FF9900;
}
.C47 .blockc-row-content .right {
width: 40%;
text-align: left;
}
.C47 .blockc-row-content .left .div-text{
padding-left: 5%;
padding-top: 30px;
width: 60%;
}
.C47 .blockc-row-content .left .div-button{
margin: 0;
padding-bottom: 16px;
padding-top: 20px;
width: 40%;
}
.C47 .blockc-row-content .left .div-text h3{
margin: 0px;
}
.C47 .blockc-row-content .left .div-button button{
border-radius: 15px;
color: #FFFFFF;
height: 40px;
width: 88%;
max-width: 200px;
font-size: 20px;
}
.C47 .blockc-row-content .right .div-text{
padding-left: 5%;
padding-right: 5%;
padding-top: 27px;
}
.C47 .blockc-row-bottom-1 {
margin-top: 20px;
text-align: center;
font-size: 25px;
}
.C47 .blockc-row-bottom-2 {
width: 100%;
text-align: center;
}
.C47 .blockc-row-bottom-2 .blockc-block {
border: 1px solid;
border-radius: 15px;
display: inline-block;
padding-bottom: 5px;
padding-top: 5px;
width: 100%;
max-width: 890px;
}
.C47 .blockc-row-bottom-2 .blockc-block .blockc-block-1,
.C47 .blockc-row-bottom-2 .blockc-block .blockc-block-2,
.C47 .blockc-row-bottom-2 .blockc-block .blockc-block-3,
.C47 .blockc-row-bottom-2 .blockc-block .blockc-block-4
{
border-right: 1px solid;
float: left;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 25px;
padding: 0 2%;
}
.C47 .blockc-row-bottom-2 .blockc-block div.blockc-block-1 {
width: 16%;
}
.C47 .blockc-row-bottom-2 .blockc-block div.blockc-block-2 {
width: 20%;
}
.C47 .blockc-row-bottom-2 .blockc-block div.blockc-block-3 {
width: 16%;
}
.C47 .blockc-row-bottom-2 .blockc-block div.blockc-block-4{
width: 48%;
border: none;
}
.C47 .blockc-row-bottom-2 .blockc-block div.blockc-block-4 div{
background: none repeat scroll 0 0 #FAEF8B;
border-radius: 15px;
padding-left: 5%;
padding-right: 5%
}
.C47 .blockc-row-bottom-2 .blockc-block div span {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
.C47 .blockc-row-bottom-3 div{
margin-top: 20px;
margin-bottom: 40px;
float: left;
width: 50%;
}
.C47 .blockc-row-bottom-3 div.blockc-btn-2{
text-align: right;
}
.C47 .blockc-row-bottom-3 div.blockc-btn-2 button{
min-width: 145px;
width: 48%;
}
.C47 .blockc-row-bottom-3 div.blockc-btn-1 button{
width: 145px;
}
@media screen and (max-width : 796px) {
.C44 .blockc-row-content .right .div-text{
padding-top: 20px;
}
}
@media screen and (max-width : 725px) {
.C44 .blockc-row-content .left,.C44 .blockc-row-content .right {
width: 100%;
float: none;
}
.C44 .blockc-row-content .left{
border-right: none;
}
.C44 .blockc-row-content .right .div-text{
padding-top: 5px;
}
.blockc-row-content hr {
display: block;
border: 1px solid #FF9900;
width: 95%;
margin: auto;
font-weight: normal;
clear: both;
}
}
@media screen and (max-width : 470px) {
.C44 .blockc-row-content .left .div-text,.C44 .blockc-row-content .left .div-button{
width: 100%;
float: none;
text-align: center;
}
.C44 .blockc-row-content .left .div-text {
padding-top: 20px;
padding-left: 0px;
}
.C44 .blockc-row-content .left .div-button {
padding-top: 10px;
}
}
@media screen and (max-width : 890px) {
.C47 .blockc-row-bottom-2 .blockc-block div.blockc-block-1 {
width: 30%;
}
.C47 .blockc-row-bottom-2 .blockc-block div.blockc-block-2 {
width: 40%;
}
.C47 .blockc-row-bottom-2 .blockc-block div.blockc-block-3 {
width: 30%;
border: none;
}
.C47 .blockc-row-bottom-2 .blockc-block div.blockc-block-4{
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
float:none;
display: inline-block;
text-align: center;
clear: both;
}
.C47 .blockc-row-bottom-2 .blockc-block div.blockc-block-4 div{
width: 53%;
margin: auto;
min-width: 410px;
}
}
@media screen and (max-width : 490px) {
.C47 .blockc-row-bottom-2 .blockc-block div.blockc-block-4 div{
width: 100%;
min-width: 0px;
}
}
@media screen and (max-width : 482px) {
.C47 .blockc-row-bottom-2 .blockc-block div.blockc-block-4{
margin-bottom: 25px;
}
}
@media screen and (max-width : 360px) {
.C47 .blockc-row-bottom-3 div.blockc-btn-1, .C47 .blockc-row-bottom-3 div.blockc-btn-2{
float: none;
width: 100%;
text-align: center;
}
.C47 .blockc-row-bottom-3 div.blockc-btn-1{
margin-bottom: 10px;
}
.C47 .blockc-row-bottom-3 div {
margin-top: 10px;
}
}
/* C48 */
.C48 .blockc-content-row {
width: 100%;
}
.C48 .blockc-row-header div{
border-top: 1px solid;
}
.C48 .blockc-content-row .blockc-col-1,.C48 .blockc-content-row .blockc-col-2,.C48 .blockc-content-row .blockc-col-3,.C48 .blockc-content-row .blockc-col-4 {
float: left;
border-left: 1px solid;
border-bottom: 1px solid;
font-size: 14px;
padding-left: 1%;
display: table-cell;
vertical-align: middle;
display: table;
height: 35px;
max-height: 35px;
}
.C48 .blockc-content-row .blockc-col-4 {
border-right: 1px solid;
}
.C48 .blockc-content-row .blockc-col-1 p,.C48 .blockc-content-row .blockc-col-2 p,.C48 .blockc-content-row .blockc-col-3 p,.C48 .blockc-content-row .blockc-col-4 p{
display: table-cell;
vertical-align: middle;
}
.C48 .blockc-content-row .blockc-col-1 {
width: 20%;
}
.C48 .blockc-content-row .blockc-col-2 {
width: 10%;
}
.C48 .blockc-content-row .blockc-col-3 {
width: 50%;
}
.C48 .blockc-content-row .blockc-col-4 {
width: 20%;
}
.C48 .table-responsive img {
width: 40px;
height: 27px;
margin-bottom: 5px;
}
.C48 .table-responsive tr td{
vertical-align: middle;
font-size: 14px;
}
.C48 .table-responsive tr td.td-center{
text-align: center;
}
.C48 .table-responsive tr td .blockc-td-button {
width: 100%;
text-align: right;
}
.C48 .table-responsive tr td button{
font-size: 15px;
height: 30px;
width: 70px;
}
.C48 .table-responsive tr td button.bt-changed{
width: 90px;
display: none;
}
.C48 .blockc-row-3 {
text-align: center;
}
.C48 .blockc-row-4 {
text-align: right;
}
.C48 .blockc-row-4 a{
color: #000;
cursor: pointer;
}
.C48 .blockc-row-4 a:hover{
color: #000;
}
.C48 .blockc-row-4 {
font-size: 12px;
}
.C48 .blockc-row-3 {
margin-top: 10px;
margin-bottom: 10px;
}
.C48 .table-responsive tr.tr-frist td{
text-align: left;
}
/* C52 */
.kuhaku .C52 {
min-width: 385px;
}
.C52 .blockc52-row-content {
background: #A5A5A5;
}
.C52 button.btn-no-bg{;
margin: 0px;
}
.C52 .blockc52-content-row-1 {
color: #FFF;
padding-left: 20px;
text-align: left;
}
.C52 .blockc52-content-row-2 {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 4px;
clear: both;
height: 40px;
margin: auto;
}
.C52 .blockc52-content-row-2,.C52 .blockc52-content-row-3 {
width: 100%;
}
.C52 .blockc52-content-row-2,.C52 .blockc52-content-row-3 .blockc52-content-row-3-1-wrap {
width: 98%;
display: inline-block;
}
.blockc52-content-row-3 .blockc52-content-row-3-1-wrap {
text-align: right;
}
.C52 .blockc52-content-row-2 .total, .C52 .blockc52-content-row-2 .pagging {
float: left;
padding-top: 13px;
}
.C52 .blockc52-row-content {
text-align: center;
}
.C52 .blockc52-content-row-2 .total {
border-right: 1px solid;
font-size: 14px;
height: 40px;
padding-left: 5px;
padding-top: 12px;
width: 130px;
}
.C52 .blockc52-content-row-2 .pagging ul li{
background: none repeat scroll 0 0 #FFFFFF;
display: inline;
margin-left: 10px;
padding: 5px 10px;
border: 1px solid;
color: #000;
}
.C52 .blockc52-content-row-2 .pagging ul li:hover{
background: none repeat scroll 0 0 #000;
}
.C52 .blockc52-content-row-2 .pagging ul li a{
color: #000;
}
.C52 .blockc52-content-row-2 .pagging ul li:hover a{
color: #FFF;
}
.C52 .blockc52-content-row-3 {
width: 100%;
margin-top: 5px;
}
.C52 .blockc52-content-row-3 .blockc52-content-row-3-1 {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 4px;
clear: both;
margin: auto;
width: 369px;
font-size: 14px;
padding-left: 10px;
padding-top: 5px;
display: inline-block;
padding-bottom: 5px;
}
.C52 .blockc52-content-row-3 .blockc52-content-row-3-1 a,.C52 .blockc52-content-row-3 .blockc52-content-row-3-1 div{
float: left;
}
.C52 .blockc52-content-row-4 {
display: inline-block;
margin-top: 20px;
}
.C52 .blockc52-content-row-4 .blockc52-content-row-4-left img,
.C52 .blockc52-content-row-4 .blockc52-content-row-4-right img
{
width: 250px;
heigh: 350px;
}
.C52 .blockc52-content-row-4 .blockc52-content-row-4-center img
{
width: 100%;
}
.C52 .blockc52-content-row-4 .blockc52-content-row-4-center img.small
{
width: 75%;
}
.C52 .blockc52-content-row-4 .blockc52-content-row-4-center {
width: 100%;
text-align: center;
}
.C52 .blockc52-content-row-4 .blockc52-content-row-4-left,
.C52 .blockc52-content-row-4 .blockc52-content-row-4-right{
width: 50%;
float: left;
}
.C52 .blockc52-content-row-4 .blockc52-content-row-4-left{
text-align: right;
padding-right: 5%;
}
.C52 .blockc52-content-row-4 .blockc52-content-row-4-right{
padding-left: 5%;
text-align: left;
}
.C52 .blockc52-content-row-5 {
margin-top: 20px;
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.C52 .blockc52-content-row-5 button.btn-no-bg{
padding-left: 0;
padding-right: 0;
width: 125px;
}
.C52 .blockc52-content-row-5 .left,.C52 .blockc52-content-row-5 .right {
float: left;
width: 50%;
}
.C52 .blockc52-content-row-5 .left{
text-align: left;
padding-left: 20px;
}
.C52 .blockc52-content-row-5 .right{
text-align: right;
padding-right: 20px;
}
.C52 .blockc52-content-row-6 {
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
.C52 .blockc52-content-row-6 button.btn-no-bg{;
width: 400px;
min-width: 315px;
}
.C52 #hr-1 {
margin: auto auto 20px;
width: 96%;
}
.C52 .blockc52-content-row-7 {
margin-top: 20px;
display: inline-block;
width: 100%;
}
.C52 .blockc52-content-row-7 .left,.C52 .blockc52-content-row-7 .right {
float: left;
}
.C52 .blockc52-content-row-7 button.btn-black {
width: 150px;
}
.C52 .blockc52-content-row-7 .left{
text-align: left;
width: 40%;
}
.C52 .blockc52-content-row-7 .right{
text-align: right;
width: 60%;
}
.blockc52-content-row-8 {
text-align: right;
}
.blockc52-content-row-8 a{
color: #000;
cursor: pointer;
}
.blockc52-content-row-8 a:hover{
color: #000;
}
.c46-popup-c50-footer{
width: 100%;
margin: 0;
padding-bottom:0;
display: inline-block;
}
.c46-popup-c50-footer .left,
.c46-popup-c50-footer .right
{
width: 50%;
float: left;
}
#popup-4 .c46-popup-c50-footer .left button.btn-black,
#popup-4 .c46-popup-c50-footer .right button.btn-yellow
{
width: 140px;
}
.c46-popup-c50-body .c46-popup-c50.row.sfv5-c8-tt
{
padding: 0;
margin: 0;
}
.c46-popup-c50-body .c46-popup-c50.sfv5-c8-mainb
{
padding-left: 10%;
padding-right: 10%;
}
.c46-popup-c50-body .c46-popup-c50.row.sfv5-c8-tt .c46-popup-c50-txtArea.sfv5-c8-txtarea
{
width: 100%!important;
}
.c46-popup-c50-footer .left {
text-align: left;
}
.c46-popup-c50-footer .right {
text-align: right;
}
.c46-popup-c50-btnYellow{
width: 57%!important;
-moz-border-radius: 1px!important;
height:40px!important;
}
.c46-popup-c50-textright{
padding-right: 13%!important;
}
.c46-popup5-c50-btnYellow{
width:38%!important;
}
.c46-popup5-c50-btnBlack{
width:31%!important;
color:black!important;
-moz-border-radius: 1px!important;
}
.c46-popup5-c50-divBtn{
text-align: right;
width: 100%;
padding: 2%;
padding-right: 3%;
}
.c46-popup5-c50-chkbox{
text-align: right;
height: 20px!important;
}
.c46-popup5-c50-messbox{
padding:2%;
font-size:13px;
border:1px solid #ff0000;
color: #ff0000;
margin-top: 2%!important;
}
.c46-popup5-c50-tbl{
margin-bottom: 1.5%;
font-size:15px;
margin-top: 0.5%;
}
.c46-popup5-c50-tbl .checkbox-2-1{}
.c46-popup5-c50-tbl tr{
height:10px!important;
}
.c46-popup5-tbl-div{
width:100%;
}
.c46-popup-c50-txt1{
text-align: center;
width:100%;
padding-bottom: 1%;
}
.c46-popup-c50-td1{
width:10%!important;
}
.c46-popup-c50-td2
{
text-align: left!important;
padding-left:1%!important;
}
.c46-popup-c50-header{
padding-bottom: 0;
}
.c46-popup-c50{
margin: 0;
padding-left: 5%;
padding-right: 5%;
}
.c46-popup-c50-txtArea{
width:100%;
resize:none;
}
.c46-popup-c50-body{
padding:0;
}
.c46-popup5-c50-footer
{
border-top:none;
padding:0;
}
.c46-popup5-c50-tr td{
border: none!important;
}
.c46-popup5-c50-tr2 td{
border: none!important;
}
.c46-popup5-c50-tr{
margin-bottom: 2%!important;
}
.c46-popup5-c50-tr2{
padding: 2px;
}
.c46-popup5-btnYellow{
text-align: center;
width:100%;
}
.c46-popup5-c50-txt1{
width: 100%;
text-align: center;
font-size:20px;
padding-bottom:1%;
padding-left: 5%;
padding-right: 5%;
border: none;
}
.c46-popup5-border{
width:100%;
border-bottom: 2px solid #cdcdcd;
}
.c46-popup5-border2{
width:100%;
border-bottom: 2px dashed #cdcdcd;
margin-bottom: 2%!important
}
.c46-popup5-c50-txt2{
padding:0;
padding-left: 5%;
width:100%;
font-size:15px;
padding-top:1%;
}
#popup-5 table.c46Table {
border-collapse: separate;
}
#popup-5 table#c46Table-1 .c46-tr td{
border:none;
border-bottom: 1px solid;
}
#popup-5 table#c46Table-1 .c46-tr .c46-td-1{
border-left:1px solid;
}
#popup-5 table#c46Table-1 .c46-tr .c46-td-5{
border-right:1px solid;
}
#popup-5 table#c46Table-2 .c46-tr td{
border:none;
}
#popup-5 .c48-popup-btn{
width:100%;
text-align: center;
}
#popup-5 .c48-popup-btn .c46-btn-black .blockd3-button-1{
color: #000000;
float:left;
height:50px;
width:50%;
}
#popup-5 .c48-popup-btn .c46-btn-yellow .blockd3-button-2{
color: #000000;
float:right;
height:50px;
width:50%;
}
#popup-5 .c48-popup-btn .c46-btn-black{
width:50%;
float:left;
}
#popup-5 .c48-popup-btn .c46-btn-yellow{
width:50%;
float:right;
}
#popup-5 table#c46Table-2 .c46-tr .c46-td-1{
border-left:1px solid;
}
#popup-5 table#c46Table-2 .c46-tr .c46-td-5{
border-right:1px solid;
}
#popup-5 table#c46Table-2 #c46-tr-tmp td{
border-bottom: 1px solid;
}
.C52 .blockc52-content-row-3 .btn-download {
background: url("../images/arrow-download.png") no-repeat scroll 5px 6px #FFFFFF;
border-radius: 5px;
border-right: 2px none;
font-size: 14px;
height: 30px;
padding-left: 15px;
padding-right: 0;
width: 370px;
}
.blockc48-popup-2{
margin:0!important;
}
.c48-popup-modalContent{
padding:1%!important;
}
#c48-popup-modalContent .blockc46-create-left{
margin-top:3px;
}
@media (max-width:992px)
{
#popup-5 .blockc46-create .blockc46-create-left{
width:100%;
border-right: 0;
border-bottom: 1px solid chocolate;
}
#popup-5 .blockc46-create .blockc46-create-right{
width:53%;
padding-left: 2%;
}
#popup-5 .blockc46-create .blockc46-create-btnCreate{
width:34%;
}
}
@media (max-width:705px)
{
#popup-5 .blockc46-create .blockc46-create-right
{
width:100%;
}
#popup-5 .blockc46-create .blockc46-create-btnCreate
{
width:100%;
}
}
@media (max-width:935px)
{
.blockc46-create-right{
padding-left:1%;
}
}
/*#popup-c46-1{
min-width: 360px;
}
#popup-c46-2{
min-width: 360px;
}*/
.c46-popup-1
{
padding:3%;
padding-top: 0;
display: inline-block;
width: 100%
}
@media screen and (max-width : 655px) {
.C52 .blockc52-content-row-2 .total,.C52 .blockc52-content-row-2 .pagging {
float: none;
text-align: center;
width: 100%;
}
.C52 .blockc52-content-row-2 .total {
border: none;
}
.C52 .blockc52-content-row-2 {
height: 75px;
}
.C52 .blockc52-content-row-2 .pagging {
padding-top: 5px;
}
.C52 .blockc52-content-row-2 .pagging ul li:FIRST-CHILD{
margin-left: 0px;
}
.C52 .blockc52-content-row-3 {
margin-top: 10px;
}
}
@media screen and (max-width : 609px) {
.C52 .blockc52-content-row-4 .blockc52-content-row-4-left,
.C52 .blockc52-content-row-4 .blockc52-content-row-4-right{
width: 100%;
float: none;
text-align: center;
padding: 0px;
}
.C52 .blockc52-content-row-4 .blockc52-content-row-4-right{
margin-top: 10px;
}
}
@media screen and (max-width : 600px) {
.C52 .blockc52-content-row-4 .blockc52-content-row-4-center img
{
width: 90%;
}
.C52 .blockc52-content-row-4 .blockc52-content-row-4-center img.small
{
width: 65%;
}
}
@media screen and (max-width : 510px) {
.C52 .blockc52-content-row-2 .pagging ul li{
padding: 1% 2%;
margin-left: 2%;
}
}
@media screen and (max-width : 485px) {
.C52 .blockc52-content-row-6 button.btn-no-bg{;
width: 80%;
padding-left: 1%;
padding-right: 1%;
}
.C52 .blockc52-content-row-7 .left,.C52 .blockc52-content-row-7 .right {
float: none;
width: 100%;
margin-left: 0px;
margin-right: 0px;
text-align: center;
}
}
@media screen and (max-width : 445px) {
.C52 .blockc52-content-row-3 .blockc52-content-row-3-1-wrap{
text-align: center;
}
.C52 .blockc52-content-row-3 .btn-download {
width: 345px;
padding-left: 21px;
}
}
@media screen and (max-width : 430px) {
.C52 .blockc52-content-row-2 .pagging ul li{
padding: 0.5% 2%;
margin-left: 1%;
}
.C52 .blockc52-content-row-2 .pagging {
padding-top: 0px;
}
.C52 .blockc52-content-row-3 .blockc52-content-row-3-1 {
width: 100%;
}
}
@media screen and (max-width : 405px) {
.C52 .blockc52-content-row-3 .blockc52-content-row-3-1 div{
margin-top: 5px;
}
.C52 .blockc52-content-row-3 .blockc52-content-row-3-1 a,.C52 .blockc52-content-row-3 .blockc52-content-row-3-1 div{
float: none;
}
.C52 .blockc52-content-row-3 .blockc52-content-row-3-1 {
text-align: center;
}
.blockc52-content-row-3 .blockc52-content-row-3-1 {
height: auto;
}
.C52 .blockc52-content-row-3 .blockc52-content-row-3-1 {
padding-left: 0px;
}
}
@media screen and (max-width : 390px) {
.c46-popup-c50-footer .left,
.c46-popup-c50-footer .right
{
width: 100%;
float: none;
text-align: center;
}
}
@media screen and (max-width : 350px) {
.blockc52-content-row-5 .left, .blockc52-content-row-5 .right{
float: none;
width: 100%;
text-align: center;
}
}
@media screen and (max-width : 335px) {
.C52 .blockc52-content-row-2 .pagging ul li{
padding: 0.5% 1.5%;
margin-left: 1%;
}
}
@media screen and (max-width : 275px) {
.C52 .blockc52-content-row-2 .pagging ul li{
padding: 0.5% 1%;
margin-left: 1%;
}
}
@media (max-width:410px)
{
.c46-popup5-c50-divBtn{
text-align: center;
}
}
@media (max-width:540px)
{
.c46-popup-c50-btnBlack{
min-width: 103px!important;
}
}
@media (max-width:495px)
{
.c46-popup5-c50-btnYellow{
min-width: 163px!important;
height:auto;
}
}
@media (max-width:350px)
{
.c46-popup-c50-btn1{
text-align: center;
padding: 0;
}
}
@media (max-width:600px)
{
.c46-popup-c50-btnYellow{
min-width: 147px!important;
}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------style D-----------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*BLOCK D3*/
.blockd3-box-1 .not-check{margin-bottom: 0px; margin-right: 0px}
.blockd3-box-1:checked + label{color:red}
.regular-radio:checked + label:after {background:red !important;}
.kuhaku .container {max-width:1024px ;margin-top: 65px!important;}
.blockd3{ margin-top: 100px;}
.blockd3 .text-1 {font-size: 30px;}
.blockd3 .menu-center{ margin-top:20px;margin-bottom: 85px; }
.blockd3 .blockd3-btn{float: left;width: 173px;padding: 13px;background: #fff4cc;margin-right: 60px;font-size: 20px;text-align: center;color: #ff9900;height: 54px;border: none;border-radius:0px;font-weight: normal;}
.blockd3 .blockd3-btn a{display: inline-block;content: "";border-top: 27px solid transparent;border-bottom: 27px solid transparent;border-left: 40px solid #fff4cc;margin-left: 13px;position: absolute;margin-top: -13px;}
.blockd3 .blockd3-btn-1{float: left;width: 153px;padding: 13px;background: #c40010;margin-right: 60px;font-size: 20px;text-align: center;color: #fff;border: none;height: 54px;border-radius:0px;font-weight: normal;}
.blockd3 .blockd3-btn-1 a{display: inline-block;content: "";border-top: 28px solid transparent;border-bottom: 26px solid transparent;border-left: 40px solid #c40010;margin-left: 13px;position: absolute;margin-top: -13px;}
.blockd3 .blockd3-btn-2{width : 139px;}
.blockd3 .blockd3-btn-2 a{margin-left : 16px;}
.blockd3 .blockd3-btn-4 a{display: inline-block;content: "";border-top: 28px solid transparent;border-bottom: 30px solid transparent;border-left: 40px solid #fff4cc;margin-left: 33px;position: absolute;margin-top: -13px;}
.blockd3 .d3-btn-4 a{margin-left: 16px;margin-left: 10px/9;}
*::-ms-backdrop,.blockd3 .d3-btn-4 a{margin-left: 10px;}
.blockd3 .blockd3-btn-5{float: left;width: 116px;padding: 13px;font-weight:normal;background: #fff4cc;font-size: 20px;text-align: center;color: #ff9900;border: none;height: 54px;border-radius: 0px;}
.blockd3 .blockd3-button-2{width: 147px !important; }
.blockd3 .blockd3-form-content{background: #fbf4ae;margin-bottom: 20px;font-size: 25px;padding: 0px 0px 25px 15px;}
.blockd3 .blockd3-form-content .blockd3-box-1{float: left;width: 48%;margin: 2% 0px;background: #fff;padding: 3% 9%;border-radius: 13px;}
.blockd3 .blockd3-form-content .blockd3-tbl{font-size: 15px;margin-left: 51%;padding-top: 3%;}
.blockd3 .blockd3-form-content .blockd3-tbl table{padding:17px;}
.blockd3 .blockd3-form-content .blockd3-tbl table td{padding-right:17px;}
.blockd3 .blockd3-btn-btm{margin-left:325px;margin-bottom:13px}
.blockd3 .d3-group-1 .area-left{float: left;}
.blockd3 .d3-group-1 .area-right{float: right;}
/* --------Popup 1 ----------------*/
#popup-1 .modal-dialog { width: 43%;min-width: 418px}
#popup-1 .blockd3-popup {width:100%;height: 100%;z-index:999;background:#FFF;}
#popup-1 .blockd3-popup-header {position:relative;float:left;width:99.8%;line-height:30px;font-size:20px;background:#564a45;color:#FF0;cursor:move;font-size:25px;padding: 21px 85px 21px 24px;margin:1px;color:#fff;border-top:5px #ad1b2a solid;}
#popup-1 .blockd3-popup-content {width:100%;float:left;padding:5px;text-align: center;}
#popup-1 .blockd3-popup-close {cursor:pointer;color:#FFF;font-size:12px;position:absolute;top:-5px;right:-2px}
#popup-1 .blockd3-pop-btn-1{background-color: #ef9826;border: none;border-radius: 12px;font-size: 23px;color: #fff;height: 78px;padding: 0 20px;text-align: center;vertical-align: middle;width: 360px;margin: 5% 2% 0px;font-weight: normal;}
#popup-1 .blockd3-pop-btn-2{background-color: #fff;border: 1px #000000 solid;border-radius: 12px;font-size: 20px;color: #000000;height: 40px;padding: 0 20px;text-align: center;vertical-align: middle;width: 140px;margin: 3% 0px;font-weight: normal}
/* --------Popup 2 ----------------*/
//#popup-2 {overflow-y:hidden;}
#popup-2 .modal-dialog {width: 41%;min-width: 609px}
#popup-2 .modal-content{background:#eeeeee;}
#popup-2 .modal-header{border-bottom:none;}
#popup-2 .modal-header .close {margin-top: -10px;margin-right: -8px;}
#popup-2 .make .text {display: inline-block;width: 18%;line-height: 39px;min-height: 1px;min-width: 112px;text-align: right;padding-right: 1%;}
#popup-2 .make .title-2{background: red;color: #fff;padding: 1px 7px;font-weight: bold;border-radius: 7px;font-size: 10px;}
#popup-2 .make .blockd3-popup-2 {width:100%;height:720px;z-index:999;background:#eeeeee;}
#popup-2 .make .form-control{width:50%;height: 30px;}
#popup-2 .make .lang{ width: 48%;min-width: 150px}
#popup-2 .make .slt-1{ width: 205%}
#popup-2 .make .in-1{width: 32.3%;}
#popup-2 .make .col{margin-bottom: 1%;}
#popup-2 .make .in-2{width: 32.3%;}
#popup-2 .make .in-3{ width: 12%;}
#popup-2 .make .in-4{width: 13%;}
#popup-2 .make .in-5{width: 29%;margin-bottom: 2.3%;line-height: 17px;}
#popup-2 .make .in-6{margin-left: -3%;padding-bottom: 3%;padding-right: 1%;}
#popup-2 .make .form-input-1{width: 94%;}
#popup-2 .make .form-input-2{width: 69%;}
#popup-2 .make .form-input-3{width: 84%;}
#popup-2 .make .btn-1{color: red;border-radius: 19px;padding: 6px 13px;background: #f2f1ed;border: 1px #dfdcd7 solid;font-weight: bold;height:29px;}
#popup-2 .modal-footer{border:none;text-align: center;}
#popup-2 .modal-footer button{background-color: #fff;border: 4px #000000 solid;border-radius: 12px;font-size: 30px;color: #000000;height: 60px;padding: 0 8%;text-align: center;vertical-align: middle;}
#popup-2 .not-check{margin-bottom: -1%;margin-right: 2%;}
#popup-2:checked + label{color:red}
/* --------Popup 3 ----------------*/
#popup-3 {min-width:300px;overflow-y:hidden;}
#popup-3 .modal-header{border-bottom:none;}
#popup-3 .modal-header .close {margin-top: -19px;margin-right: -8px;}
#popup-3 .modal-footer{border:none;text-align: center;}
#popup-3 .modal-footer button{background-color: #fff;border: 4px #000000 solid;border-radius: 12px;font-size: 30px;color: #000000;height: 60px;text-align: center;vertical-align: middle;padding: 0 8%}
#popup-3 .col-1{width: 12%;}
#popup-3 .row-1{background:#f8f8f8;}
#popup-3 .row-2{background:#ffffff;}
#popup-3 .col1-top-left{background:#f7e8da;min-width: 64px;}
#popup-3 .col1-top-right{background:#f7e8da;text-align:center;}
#popup-3 table{border-collapse: collapse;}
#popup-3 table td{border:1px solid;padding: 13px 19px;}
/* menu*/
.menu-center,
.menu-center-small .blockd3-btnt,
.menu-center-number .blockd3-btnt{background: #fff4cc;color: #ff9900;}
.menu-center .blockd3-btnt{margin-right:0px;}
.menu-center a{border-left: 40px solid #fff4cc;}
.menu-center .active,
.menu-center-small .active,
.menu-center-number .active{background: #c40010;color: #fff;}
.menu-center .active a{border-left: 40px solid #c40010;}
.blockd3-btnt{width: 18.4%;float: left;padding: 13px;background: #c40010;margin-right: 2%;font-size: 20px;text-align: center;color: #fff;border: none;height: 54px;border-radius:0px;font-weight: normal;}
/*BLOCK D4*/
#d4 label.checked {background: url("../images/checked.png") no-repeat 0% 28%;margin-right:3%}
#d4 label.notcheck {background: url("../images/not-check.png") no-repeat 0% 28%;margin-right:3%}
#d4 .blockd3 .blockd3-form-content .blockd3-box-1{padding: 2% 5%}
#d4 .blockd3 .blockd3-form-content .blockd3-tbl{padding-top: 2%}
/*BLOCK D5*/
#d5 {min-width:324px;}
#d5 .blockd3-popup-content{text-align:center;}
#d5 .blockd3-pop-btn-1{background-color: #ef9826;border: none;border-radius: 12px;font-size: 23px;color: #fff;height: 78px;padding: 0 20px;text-align: center;vertical-align: middle;width: 45%;margin: 5% 2% 0px;min-width: 340px;font-weight: normal;}
#d5 .blockd3-pop-btn-2{background-color: #fff;border: 1px #000000 solid;border-radius: 12px;font-size: 20px;color: #000000;height: 40px;padding: 0 20px;text-align: center;vertical-align: middle;width: 140px;margin: 3% 0px}
/*BLOCK D9*/
#d9 {min-width: 440px}
#d9 #d9-tableMiddle tr td{border: solid 1px #999999;padding: 4px;}
#d9 #d9-tableMiddle tr td,.d9-container table#d9-table-footer tr td{ border: 0px;}
#d9 #d9-tableMiddle tr{font-size: 15px;}
#d9 #d9-tableMiddle tr.lineheight{line-height: 0px;}
#d9 #d9-tableMiddle{margin-bottom: 10px;border-spacing: 1px;border-collapse: separate;}
#d9 #d9-tableMiddle a{color: #0066ff;text-decoration: underline;}
#d9 .d9-tdYellow{background-color: #FBEF8B;width:12.7%;text-align: center;}
#d9 .d9-tdWhite{width:19%;}
#d9 .d9-bg_orange{ background-color: #CC9900;color: #fff;font-size: 15px;padding-left: 5px; }
#d9 #d9-bg_yellow{ background-color: #fbf4ae;font-size:17px; }
#d9 #d9-bg_yellow tr td,td.d9-bg_orange{width: 25%;}
#d9 .lineTable{ background-image: url('../images/line.gif');background-repeat: repeat-x;}
#d9 .table-1{float: right;width: 45%;text-align: center;height: 55px;}
#d9 .table-1 td{border: 1px solid #ccc !important}
#d9 .table-1 .top{background-color: #CC9900;color: #fff;font-size: 15px;}
#d9 .table-1 .row{padding-left: 10px;margin: 0px;text-align: left}
#d9 .table-1 .btn-yellow{min-width:60px;width: auto !important;height: 30px;white-space: nowrap;font-size: 16px;border-radius:8px}
#d9 .table-1 .row-1{padding-left: 10px;margin: 0px;text-align: left;}
#d9 .table-1 .col-1{width: 24%}
#d9 .table-1 .row-1 .col-top{padding: 0px}
#d9 .table-1 .row-1 .col-bottom{padding: 10px 3px}
#d9 .table-1 .row .int-1{width: 40%;border-radius: 6px;border: 1px solid #ccc;display: -webkit-inline-box}
#d9 .drop-1{width: 65%;display: -webkit-inline-box;min-width: 150px}
#d9 .box-2{padding: 25px;margin: 0px;}
#d9 .box-2 .dv-date{position: absolute;margin: 5px 0px 0px 80px}
#d9 .box-2 .txt-date{font-size: 19px;padding-left: 15px}
#d9 .box-2 .area-1{border: 1px solid #ccc;border-radius: 10px;}
#d9 .box-2 .area-2{text-align: center;font-size: 19px;padding: 2% 2%;}
#d9 .box-2 .row .btn-3{height: 45px}
#d9 .col-xs-10{padding: 10px 10px;margin:0px;}
#d9 .sm-area-1{min-width: 385px}
#d9 #btn-datepicker{min-width: 168px}
#d9 .sm-area-1,#d9 .full-2{padding-left: 0px}
#d9 #d9-tableMiddle .col-1{min-width: 128px}
#d9 #d9-tableMiddle .col-2{min-width: 126px}
/*BLOCK D10*/
#d10 .box-1{padding: 30px 0px;background-color: #fff; }
/*#d10 .container{padding: 20px 0px;}*/
#d10 .blockd3-btn-1{background: #fff4cc;color: #ff9900}
#d10 .blockd3 .blockd3-btn-1 a{border-left: 40px solid #fff4cc;}
#d10 .blockd3 .blockd3-btn a{border-top: 27px solid transparent;}
#d10 .blockd3 .blockd3-btn-5{width: 143px !important}
#d10 .d3-group-1{margin: 0px 10px}
/*BLOCK D11*/
#d11 {min-width:420px;}
#d11 .blockd3-popup-content{text-align:center;}
#d11 .blockd3-popup-content .text-left{padding-left: 2%}
#d11 .blockd3-form-content{padding-top:4px}
#d11 .blockd3-popup-content .box-1{border: 1px solid #ccc;margin: 17px 32px 17px 20px;border-radius: 15px;padding-bottom: 20px;}
#d11 .blockd3-pop-btn-1{background-color: #ef9826;border: none;border-radius: 12px;font-size: 23px;color: #fff;height:auto;min-height: 60px;padding: 0 20px;text-align: center;vertical-align: middle;width: 45%;margin: 5% 2% 0px;min-width: 72%;font-weight: normal;}
#d11 .box-1{background:#fff4cc}
#d11 .box-2{background:#FFF4B4}
#d11 .box-1 .blockd3-pop-btn-1{width:85%}
#d11 .box-2 .blockd3-pop-btn-1{width:75%;min-width: 346px}
#popup-4{min-width:300px;}
#popup-4 .blockd3-popup-content{font-size: 20px}
#popup-4 .blockd3-popup-content td{padding-bottom:20px;;}
#popup-4 .blockd3-popup-content .col{text-align:center;font-size: 30px}
#popup-4 .blockd3-popup-content .col-1{text-align:right;padding-right: 7%;width: 38%}
#popup-4 .btn-yellow{width:69%;min-width: 103px;}
#popup-4 .btn-black{width:59%;min-width: 8px;}
#popup-4 .modal-header{border-bottom: none}
#popup-4 .modal-header .close {margin-top: -19px;margin-right: -8px;}
#popup-4 .modal-footer{border-top: none}
#popup-4 .modal-footer .row{margin :0px -81px}
/*BLOCK D12*/
#d12 .container{min-width:444px;}
#d12 .blockd3-form-content{padding-top:4px}
#d12 .blockd3-popup-content .text-left{padding-left: 2%}
#d12 .blockd3-popup-content .box-1{border: 1px solid #ccc;margin: 17px 32px 17px 20px;border-radius: 15px;}
#d12 .blockd3-pop-btn-1{background-color: #ef9826;border: none;border-radius: 12px;font-size: 23px;color: #fff;height: 60px;padding: 0 20px;text-align: center;vertical-align: middle;width: 45%;margin: 10px 0px;min-width: 72%;font-weight: normal;}
#d12 .box-1{background:#fff4cc}
#d12 .box-2{background:#FFF4B4}
#d12 .box-1 .blockd3-pop-btn-1{width:100%}
#d12 .box-2 .blockd3-pop-btn-1{width:100%}
#popup-5{min-width:300px;}
#popup-5 .box-1{border: 1px solid #ccc;margin: 10px 0px 20px;border-radius: 15px;padding: 20px 0px;background: #FBF4AE}
#popup-5 .blockd3-popup-content{font-size: 20px}
#popup-5 .blockd3-popup-content .col-1{text-align:right;width: 30%;background: #27b36c;font-size: 15px}
#popup-5 .blockd3-popup-content .col-2{font-size: 15px}
#popup-5 .btn-yellow{width:69%;min-width: 103px;}
#popup-5 .btn-black{color:red;width:23%;height:34px;min-width: 125px;}
#popup-5 .modal-header{border-bottom: none}
#popup-5 .modal-header .close {margin-top: -19px;margin-right: -8px;}
#popup-5 table {border-collapse: collapse;width: 100%}
#popup-5 table td {border: 1px solid;padding: 5px;border: 1px solid #ccc}
/**BLOCK D13*/
.d13 .txt-date{white-space: nowrap;font-size: 19px}
.d13 .title-3{white-space: nowrap;}
.d13 .right{padding-right: 0px}
.d13 .drop-1{min-width: 80px}
.d13 .img{padding-left:20%}
.d13 .img-cvv{position: absolute;top: -94px;left: 341px;}
.d13 .year{margin-left: -54px}
.d13 label.checkbox-2-1 {padding: 10px;}
.d13 .big-checkbox:checked + label:after {left: 1px;top: -10px;}
.d13 .check-box{float: left; margin-right: 5px;margin-top: 7px;}
.d13 .check-text{float: left}
.d13 .col-date{min-width: 440px}
.d13 .div-txt-date{position: absolute;margin-top: 2px;margin-left: 75px;}
.d13 .inp-ccv{min-width: 100px}
.d13 .am-1{white-space: nowrap;}
/*BLOCK D14*/
.d14{min-width: 436px}
.d14 .blockd3-form-content p{line-height: 25px;}
.d14 .blockd3-box-1{padding: 3% 12% 2%;}
.d14 label.checkbox-2-1 {padding: 10px;}
.d14 .big-checkbox:checked + label:after {left: 1px;top: -10px;}
.d14 .check-box{float: left; margin-right: 10px;margin-top: 1px;position: absolute;}
.d14 .check-text{float: left;margin-left: 30px}
.d14 .btn-bottom{text-align:center;}
.d14 .blockd3-pop-btn-1 {min-width:346px;background-color: #ef9826;border: none;border-radius: 12px;font-size: 23px;color: #fff;height: 78px;padding: 0 20px;text-align: center;vertical-align: middle;margin: 2% 2% 0px;min-width: 340px;font-weight: normal;}
/*BLOCK D15*/
.d15 {min-width:300px;}
.d15 .table-d15{font-size: 20px}
.d15 .table-d15 .col-1{text-align:right;width: 30%;background: #f7e8da;font-size: 15px;}
.d15 .table-d15 .col-1 .title-8{color: black !important}
.d15 .table-d15 .col-2{font-size: 15px}
.d15 .table-d15 .col-3{width: 15%}
.d15 .table-d15 .row-2 .col-2{background-color: #f8f8f8}
.d15 .table-d15 td{height:45px}
.d15 table {border-collapse: collapse;width: 100%}
.d15 table td {border: 1px solid;padding: 5px;border: 1px solid #ccc;}
.d15 .d3-group-1{text-align: center;}
.d15 #d9-tableMiddle .col-1{min-width: 126px}
.d15 #d9-tableMiddle .col-2{min-width: 126px}
/*BLOCK D17*/
.d17 {min-width:420px;}
.d17 .box-2{padding: 25px;margin: 0px;}
.d17 .row{text-align: center; font-size: 20px;}
.d17 .row .title-3{line-height: 162px}
.d17 .adward {border: 1px solid #FF0000;color: #FF0000;height: 193px;line-height: 313px;margin: auto; min-width: 321px; width: 38%;}
/*BLOCK F21*/
.f21 {min-width: 465px}
.f21 .col-img-1{width: 24%}
.f21 .col-img-2{width: 22%}
.f21 .col-img-3{width: 18%}
.f21 .col-img-4{width: 36%}
.f21 .common-space .cm-left{margin-left:-20px}
.f21 .form-control-1{width: 29%}
/*BLOCK F14*/
.f14 {min-width: 377px}
/*BLOCK F18*/
.f18 .btn-5{width: 50px}
.f18 .f15-buttonHeight{width: 100%!important}
/*BLOCK F22*/
.f22 {min-width: 444px}
.f22 .f14-width{margin-bottom: 0px}
.f22 .tbl-box table{border-collapse: collapse;}
.f22 .tbl-box table tr td{border: 1px solid #ccc;padding: 5px 20px;font-size: 20px;}
.f22 .tbl-box .tbl-hide{display: none}
.f22 .tbl-box .tbl-hide-2{display: none}
.f22 a:link {color: #0070c0;text-decoration: underline;}
.f22 a:hover {color: #0070c0;text-decoration: underline;}
.f22 a:visited {color: #0070c0;text-decoration: underline;}
.f22 .pagination>li>a, .pagination>li>span{border:none;color: #a9a9a9}
/*BLOCK F23*/
.f23 .title-1,.f23 .title-2{font-size: 12px;}
.f23box{border-radius:0;padding:0px 10px}
.f23 .title-3{font-size: 12px}
.f23 .btn-2{font-size: 12px;height: 29px;line-height: 26px;}
.f23 hr{border: #ccc solid 1px}
/*BLOCK F24*/
#block-f2-menu ul li a{color:#333333;}
.f24 .box-1{background-color: #b2de82;padding-bottom: 20px}
.f24 .box-1 .box-1-1{width: 70%;margin: auto;}
.f24 .tbl-box table{width: 70%;margin: auto;background: #fff;}
.f24 .tbl-box table td{border: 1px solid #ccc;font-size: 13px;padding: 5px 14px;}
.f24 .tbl-box .col-1{width: 24%;min-width: 90px}
.f24 .tbl-box .td-end{border:none;border-left:1px solid #b2de82;border-right: 1px solid #b2de82}
.f24 .tbl-box-2 table td{border: none}
.f24 .tbl-box-2 table .td-col-1{border-right:1px solid #ccc}
.f24 .tbl-box-2 table .td-row-1{padding-top: 20px}
.f24 .tbl-box-3{background: none;padding: 0px 15%}
.f24 .btn-5{width: 260px}
.f24 .pull-right{margin-top: 8px;}
.f24 a:link {color: #0070c0;text-decoration: underline;}
.f24 a:hover {color: #0070c0;text-decoration: underline;}
.f24 a:visited {color: #0070c0;text-decoration: underline;}
#popup-6 .btn-5{margin: 4px}
/*BLOCK F25*/
.f25 {min-width: 449px}
.f25 .btn-5{width: 60%;padding: 5%;border: 2px solid #a9a9a9;border-radius: 15px;height: auto}
.f25 .box-1 {background-color: #B2DE82;padding-bottom: 40px;padding-top: 30px;}
/*BLOCK F26*/
.f26 .tbl-box-3 table{background: #e9eff7}
.f26 .box-2{background: #fff}
.f26 .dv-end{color: red;font-size: 16px !important;background: #b2de82 !important;padding: 0px 60px;}
.f26 .tbl-box .td-end {border: none;border-left: 1px solid #fff;border-right: 1px solid #fff;background: #fff;}
.f26 .tbl-box .td-end .btn-5{margin-left: 20px}
/*BLOCK 27*/
.f27 .not-check{margin-bottom: 0px;margin-right: 10px;}
.f27 .btn-5{height: 45px;width: 200px;font-size: 22px;}
.close-popup{margin-right: 7px;margin-top: -25px;}
/** -------responsive----------- **/
@media (max-width: 1046px){
.menu-center{display:none;}
.menu-center-small{display:block !important;}
}
@media (max-width: 1005px){
.blockd3 .blockd3-btnt{padding: 10px;font-size: 15px;height: 44px;line-height: 27px;}
.f21 .col-img-1{width: 50%}
.f21 .col-img-2{width: 50%}
.f21 .col-img-3{width: 50%}
.f21 .col-img-4{width: 50%}
}
@media (max-width : 1000px){
.f14-buttonRight{width: 100% !important}
}
@media (max-width: 991px){
.d15 .table-d15 .col-3{width: 30%}
#d10 .box-1{width: 80%;margin: auto }
#d10 .col-xs-3{width: 100%;padding-bottom: 5px}
#d10 .line-1{border-bottom: 1px solid #ccc;margin: 10px}
#d10 .right{text-align: left;padding-left: 30px;}
#d10 .title-3{font-size: 13px}
#d10 .title-4{font-size: 11px}
.f23 .line-1{border-bottom: 1px solid #ccc;margin: 10px}
.f23 .line-top{margin-bottom: 5px;clear: both}
.f23 .text-right{text-align: left}
.f23 hr{border: none}
.f27 .right{text-align: left;padding-left: 30px;margin-bottom: 6px}
.f27 .line-1{border-bottom: 1px solid #ccc}
}
@media (max-width: 980px){
.blockd3 .blockd3-form-content{font-size: 23px;}
}
@media (max-width: 900px){
#d9 .title-3{font-size: 18px}
#d9 .title-5{font-size: 20px}
#d9 .btn-3{font-size: 14px}
}
@media (max-width: 950px){
.d13 .col-date{width: 551px !important}
.d13 .col-xs-5 .col-xs-3{width: 48% !important}
.d13 .col-xs-6 .col-xs-3{width: 48% !important}
.d13 .img-cvv {left: 270px;position: absolute;top: -89px;width: 150px !important;}
}
@media (max-width: 885px){
.f24 .pull-left,.f24 .pull-right{float: none!important}
.f24 .box-1 .box-1-1{text-align: center;}
}
@media (max-width: 860px){
#popup-1 .modal-dialog {width:80%; min-width: 400px; }
#popup-1 .blockd3-popup-header{margin: 1px;width: 99.6%;}
}
@media (max-width: 820px){
.f26 .tbl-box .td-end .btn-5{margin-left: 0px;margin-top: 5px}
}
@media (max-width: 770px){
#d10 .box-1{width: 90%;margin: auto }
#popup-1{right: 0px; }
.blockd3 .d3-group-1{text-align:center;}
.blockd3 .d3-group-1 .area-right{float: none;}
.blockd3 .d3-group-1 .area-left{float: none}
#d10 .col-xs-3{width: 100%;padding-bottom: 5px}
#d10 .line-1{border-bottom: 1px solid #ccc;margin: 10px}
#d10 .right{text-align: left;padding-left: 30px;}
#d10 .area-right{float: right;}
#d10 .area-left{float: left}
#d5 .area-right{float: right;}
#d5 .area-left{float: left}
#d10 .title-3{font-size: 13px}
#d10 .title-4{font-size: 11px}
.f14 .f14md6{width: 100%;text-align: center;float: none}
.f14 .f14md6 .f14-buttonRight{width: 90% !important}
.f14 .f14-col-1{width: 100%;float: none !important;text-align: center;display: inline-block;}
.f14 #f14Image{float: none !important}
.f14 .f14-md3{width: 100%;float: none !important;text-align: center;display: inline-block;}
.f14 #f14Image{width: 70% !important;}
.f14 .f14-buttonHeight{width: 70% !important;}
}
@media (max-width: 768px){
#popup-4 .modal-footer .row{margin :0px -15px}
#d11 .blockd3-popup-content .text-left{text-align: center;}
}
@media (max-width: 767px){
#popup-1{right: -24%}
}
@media (max-width: 765px){
.menu-center-small{display:none !important;}
.menu-center-number{display:block !important;}
.blockd3 .blockd3-btnt{padding: 10px;font-size: 20px;height: 44px;}
#popup-2 .modal-dialog { width: 97%;min-width: 225px;}
}
@media (max-width: 750px){
.blockd3 .d3-group-1 .area-left{float: none;}
.blockd3 .d3-group-1 .area-right{float: none;}
#d5 .blockd3 .d3-group-1 .area-left{float: left;}
#d5 .blockd3 .d3-group-1 .area-right{float: right;}
#d10 .blockd3 .d3-group-1 .area-left{float: left;}
#d10 .blockd3 .d3-group-1 .area-right{float: right;}
.blockd3 .group-1{text-align: center;}
button.btn-yellow{padding: 0px;margin: 3px 0px;}
button.btn-black{padding: 0px;margin: 3px 0px;}
.f21 .common-space{border:1px solid #ccc;height: 80px}
.f21 .common-space .cm-left{float:none;margin-top:6px;margin-left:0px}
.f21 .common-space .cm-right{float:none;margin-top:8px;margin-right: 8px;text-align: center;}
}
@media (max-width: 665px){
#d9 .table-1 .row .int-1{width:90%}
#d9 .table-1 .row-1{font-size:13px;}
#d9 .table-1 .col-1{width:35%}
#d9 .title-5{width: 100%}
#d9 .sm-area-3 .col-xs-12{padding:0px;margin: 0px;}
#d9 .row .col-xs-6{padding:0px;margin: 10px 0px;}
#d9 .sm-area-3 .btn-4{width: 100%}
#d9 .sm-area-1 .title-6{padding: 2%;width: 90%;margin-left: 5%}
}
@media (max-width: 648px){
.f21 .col-img-1{width: 100%}
.f21 .col-img-2{width: 100%}
.f21 .col-img-3{width: 100%}
.f21 .col-img-4{width: 100%}
}
@media (max-width: 635px){
#popup-2 .modal-dialog { padding-right: 5px}
#popup-2 .make .form-control {width: 100%;}
#popup-2 .make .btn-group select{width: 100%;}
#popup-2 .make .in-1 {width: 100%;}
#popup-2 .make .in-2 {width: 100%;}
#popup-2 .make .in-3 {width: 20%;}
#popup-2 .make .in-4 {width: 25%;}
#popup-2 .make .in-5 {width: 30%;margin-left: 2%}
#popup-2 .make .in-6 {margin-left: 1%;padding-bottom: 5%;padding-right: 1%;}
#popup-2 .make .slt-1{ width: 100%}
#popup-2 .make .col {margin: 1%;border-bottom: 1px solid #ccc;}
#popup-2 .make .text{text-align: left; width: 100%}
#popup-2 .make label.notcheck{padding:3% 8%}
#popup-2 .make label.checked{padding: 3% 8%}
#popup-2 .make .in-5{margin-bottom: 4%;}
#d12 .blockd3-popup-content .box-1{margin: 17px 12px 17px 0px}
#d11 .blockd3-popup-content .box-1{margin: 17px 0px}
#d11 .box-1 .blockd3-pop-btn-1{width: 97%}
#d11 .box-2 .blockd3-pop-btn-1{width: 97%}
#d11 .blockd3-pop-btn-1,#d11 .col-xs-12{padding: 2px 6px 2px 2px;margin: 2px;}
}
@media (max-width: 562px){
.blockd3 .blockd3-form-content{padding-top:3px;padding-right:14px;font-size: 25px; }
.blockd3 .blockd3-form-content .blockd3-box-1{float: none;width:100%;}
.blockd3 .blockd3-form-content .blockd3-tbl{margin-left: 0px;width:100%;}
.f27 .pull-left{float: none !important}
.f27 .pull-right{float: none !important}
}
@media (max-width: 489px){
#popup-1 .blockd3-popup-header{width: 99.5%;}
#popup-2 .modal-dialog { width: 96%;}
#d5 .blockd3 .d3-group-1 .area-left{float: none;}
#d5 .blockd3 .d3-group-1 .area-right{float: none;}
#d10 .blockd3 .d3-group-1 .area-left{float: none;}
#d10 .blockd3 .d3-group-1 .area-right{float: none;}
#d10 .blockd3 .bottom-text{text-align: center !important;}
.d14 .blockd3-pop-btn-1{padding: 0px;}
}
@media (max-width: 434px){
#popup-2 .make .in-5{margin-bottom: 0%;}
#d5 .blockd3-pop-btn-1{font-size: 19px;padding: 0px 5px;min-width: 262px;height: 60px;}
}
@media (max-width: 418px){
#popup-1{right: 0%;}
#popup-1 .modal-content{margin-right: 2%}
}
@media (max-width: 347px){
#popup-2 .modal-dialog { padding-right: 7px;}
}
@media (max-width: 320px){
#popup-2 .modal-dialog { padding-right: 10px;}
.blockd3{min-width: 300px;}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------style E-----------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BLOCK E3 */
h1.blockE-h1{
padding-top:5px;
padding-bottom:5px;
}
.blocke3 {
min-width: 280px;
}
.blocke3-row3-left,
.blocke3-row3-right {
margin-top: 20px;
height: 285px;
}
.blocke3-row3-left {
float: left;
font-size: 15px;
margin-left: 15px;
width: 44.5%;
}
.blocke3-row3-left-content {
background-color: #E6E6E6;
border-radius: 10px;
font-size: 15px;
height: auto;
padding: 35px 0px 20px 0px;
text-align: right;
}
.blocke3-row3-left-content-center {
width: 600px;
margin-left: auto;
margin-right: auto;
}
.blocke3-row3-left-button {
text-align: center;
padding-top: 20px;
}
.blocke3-row3-left-content label {
font-weight: normal;
}
.blocke3-row3-left-content input[type='text'],
.blocke3-row3-left-content input[type='password'] {
border: medium none;
height: 30px;
margin-right: 7%;
width: 60%;
}
.row-user-email-label,
.row-user-password-label {
width: 30%;
float: left;
padding-right: 1%;
line-height: 35px;
}
.row-user-lostpass{padding: 0px 40px 0px 0px;text-align:right;}
.row-user-lostpass a{color:#777;font-size:11px; text-decoration:none;}
.row-user-email-input,
.row-user-password-input {
text-align: left;
float: left;
}
.row-user-email {
padding-bottom: 15px;
}
.row-user-password,.row-user-email,.row-user-checkbox {
clear: both;
}
.row-user-password {
margin-bottom: 10px;
}
.row-user-checkbox {
background-color: red;
margin-right: 5%;
margin-bottom: 10%;
}
label.checkbox-2-1 {
padding: 10px;
}
.blocke3-chk-login {
float: left;
margin-left: 5%;
}
.blocke3-chk-label-login {
font-size: 12px;
float: left;
line-height: 25px;
padding: 5px 5px 15px 5px;
text-align: left;
}
.blocke3-row3-right {
float: left;
margin-left: 2.4%;
width: 50.2%;
}
.blocke3 h3.blocke3-login-text-header {
line-height: 0;
margin-left: 0;
margin-top: 13px;
margin-bottom: 13px;
}
.row-button-content a{
font-size: 12px;
text-shadow: 1px 1px 1px #777777;
color: #FFF;
}
.row-button-content div {
text-align: center;
line-height: 37px;
float: left;
height: 35px;
}
.row-button-content div:hover {
opacity: 0.9;
}
.row-img-content div {
float: left;
}
.row-text-content {
clear: both;
font-size: 11px;
line-height: 13px;
text-align: left;
width: 90%;
}
/*
.btn-yahoo,
.btn-ID,
.btn-facebook,
.btn-google,
.img-yahoo,
.img-ID,
.img-facebook,
.img-google {
width: 44.8%;
}
.img-yahoo,
.img-ID,
.img-facebook,
.img-google {
padding-left: 4px;
margin-bottom: 5px;
margin-top: 5px;
}
.btn-yahoo,
.btn-ID,
.btn-facebook,
.btn-google {
cursor: pointer;
}
.btn-ID, .btn-google, .img-ID, .img-google{
margin-left: 4%;
}
*/
.blocke3-login-left {
width: 14%;
}
.blocke3-login-left img{
height: 28px;
width: 21px;
}
.blocke3-login-right {
width: 86%;
border-left: 1px solid #FFFFFF;
}
.blocke3-login-bg-yahoo {
margin-left: -5px;
}
.blocke3-login-text {
padding-top: 5px;
}
.blocke3-login-text {
font-size: 10px;
line-height: 15px;
}
.blocke3-row4 {
padding-top: 20px;
margin-left: 0px;
font-size: 14px;
}
.blocke3-row4-left,.blocke3-row4-right {
float: left;
}
.blocke3-row4-left {
width: 70%;
margin-left: 0px;
}
@media screen and (max-width : 910px) {
.blocke3-row4-left {
width: 95%;
float: none;
text-align: left;
}
.blocke3-row4-right {
text-align: center;
width: 100%;
float: none;
}
.blocke3-row4 {
margin-bottom: 70px;
}
}
@media screen and (max-width : 850px) {
.row-user-email-label,
.row-user-password-label {
width: 100%;
line-height: 15px;
}
.blocke3-row3-left-content {
padding-top: 10px;
text-align: left;
padding-left: 10%;
}
.blocke3-row3-left-content input[type='text'], .blocke3-row3-left-content input[type='password'] {
width: 90%;
}
.row-user-email {
padding-bottom: 8px;
}
.row-user-password {
margin-bottom: 0px;
}
.row-user-checkbox {
padding: 0px;
margin: 0px;
}
.blocke3-chk-login {
margin-left: 0px;
}
}
@media screen and (max-width : 650px) {
.blocke3-row3-left {
width: 90%;
padding-right: 0px;
}
.blocke3-row3-right {
width: 100%;
}
.row-user-email-label,
.row-user-password-label {
width: 30%;
line-height: 15px;
}
.blocke3-row3-left-content input[type='text'], .blocke3-row3-left-content input[type='password'] {
width: 60%;
}
.blocke3-row3-left-content {
padding-top:10px;
text-align: right;
padding-left: 0px;
}
.row-user-email {
padding-bottom: 3px;
}
.row-user-password {
padding-bottom: 0px;
}
.row-user-checkbox {
margin-bottom: 15%;
margin-left: 5%;
}
.blocke3-chk-login {
margin-left: 5%;
}
}
@media screen and (max-width : 415px) {
.row-user-email-label,
.row-user-password-label {
width: 90%;
line-height: 10px;
}
.blocke3-row3-left-content {
padding-top: 10px;
text-align: left;
padding-left: 10%;
}
.blocke3-row3-left-content input[type='text'], .blocke3-row3-left-content input[type='password'] {
width: 90%;
}
.row-user-email {
padding-bottom: 0px;
}
.row-user-password {
margin-bottom: 0px;
}
.row-user-lostpass{padding: 0px 0px 5px 0px;text-align:center;}
.row-user-lostpass a{color:#777;font-size:11px; text-decoration:none;}
.row-user-checkbox {
padding: 0px;
margin: 0px;
}
.blocke3-chk-login {
margin-left: 0px;
}
}
.blocke3 .big-checkbox:checked + label:after {
top: -10px;
left: 1px;
}
/* BLOCK E4 */
.kuhaku .blocke4 {
min-width: 230px;
}
.blocke4 .naviate-step p {
float: left;
}
.blocke4 .naviate-step p.step1 {
min-width: 100px;
}
.blocke4 .naviate-step p.step2 {
min-width: 190px;
}
.blocke4 .naviate-step p.step3 {
min-width: 160px;
}
.blocke4 .naviate-step p.step4 {
min-width: 85px;
}
.blocke4 .naviate-step .arrow {
float: left;
width: 50px;
height: 45px;
background-image: url(../images/arrow.png);
}
.blocke4-row4-right {
width: 58%;
}
@media screen and (max-width : 986px) {
.blocke4 .naviate-step .arrow {
width: 35px;
}
}
@media screen and (max-width : 920px) {
.blocke4 .naviate-step .arrow {
width: 35px;
}
}
@media screen and (max-width : 900px) {
.blocke4 .blocke4-row4 {
margin-right: -12px;
}
}
@media screen and (max-width : 800px) {
.blocke4 .blocke4-row4 {
margin-right: -10px;
}
}
@media screen and (max-width : 815px) {
.blocke4 .naviate-step .arrow {
width: 20px;
}
}
@media screen and (max-width : 700px) {
.blocke4 .blocke4-row4 {
margin-right: -5px;
}
}
@media screen and (max-width : 740px) {
.blocke4 .naviate-step span {
display: none;
}
.blocke4 .naviate-step p.step1,
.blocke4 .naviate-step p.step2,
.blocke4 .naviate-step p.step3,
.blocke4 .naviate-step p.step4 {
min-width: 30px;
}
}
@media screen and (max-width : 490px) {
.blocke4 .naviate-step p {
width: 15%;
}
}
@media screen and (max-width : 370px) {
.blocke4 .naviate-step p {
width: 15%;
}
}
.blocke4-row3 {
padding: 10px;
margin-top: 20px;
}
.blocke4-row3 p {
font-size: 14px;
color: #FFF;
margin: 0px;
}
.blocke4-row3 hr{
margin-top: 10px;
margin-bottom: 10px;
}
.blocke4-row4 {
margin-top: 20px;
}
.blocke4-row4-left {
margin-left: 15px;
width: 39%;
display: flex;
}
.blocke4-row4-campaign-bottom {
display: none;
}
.blocke4-row4-left img{
width: 100%;
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
}
.blocke4-row4-left, .blocke4-row4-right {
margin-top: 20px;
float: left;
}
.blocke4-row4-right {
height: 250px;
}
.blocke4-row4-right-content {
background-color: #E6E6E6;
border-radius: 10px;
font-size: 15px;
padding-top: 35px;
text-align: right;
padding-bottom: 10px;
}
.blocke4-text-header {
margin: 0px;
margin-bottom: 10px;
}
.blocke4-email {
text-align: right;
}
.blocke4-email .user-email {
border: medium none;
float: left;
height: 30px;
margin-right: 4%;
width: 44.5%
}
.row-text-emai-label {
float: left;
line-height: 35px;
padding-right: 3%;
width: 33%;
}
.row-text-emai-label label{
font-weight: normal;
}
.row-button-email {
float: left;
}
.blocke4-email button{
border-radius: 8px;
font-size: 15px;
height: 30px;
padding: 0;
width: 65px;
}
.blocke4-row4-right-content hr {
margin: 20px 10px 20px 10px;
}
.blocke4-note {
text-align: left;
padding-left: 2%;
font-size: 14px;
}
.blocke4-row5 hr{
margin-bottom: 10px;
border: 1px solid #C8C8C8;
}
.blocke4-row6 {
background: none;
margin-top: -5px;
}
.blocke4-row6 .left,.blocke4-row6 .left .left-left,.blocke4-row6 .left .left-right,
.blocke4-row6 .right,.blocke4-row6 .right .right-left,.blocke4-row6 .right .right-right {
float: left;
width: 50%;
display: inline-block;
}
.blocke4-row6 .left .left-right,
.blocke4-row6 .right .right-right{
text-align: right;
display: inline-block;
}
.blocke4-row6-col {
width: 87%;
text-align: left;
}
.blocke4-login-left,.blocke4-login-right {
float: left;
height: 35px;
line-height: 37px;
text-align: center;
}
.blocke4-row6-col .btn-yahoo,
.blocke4-row6-col .btn-ID,
.blocke4-row6-col .btn-facebook,
.blocke4-row6-col .btn-google {
width: 100%;
margin-left: 0px;
}
.blocke4-login-left {
width: 14%;
}
.blocke4-login-left img{
height: 28px;
width: 21px;
}
.blocke4-login-right {
width: 86%;
border-left: 1px solid #FFFFFF;
}
.blocke4-login-right a {
font-size: 14px;
text-shadow: 1px 1px 1px #777777;
color: #FFF;
}
.blocke4-row6 .col-yahoo {
margin-left: 14px;
}
.blocke4-row6 .col-google ,
.blocke4-row6 .col-ID,
.blocke4-row6 .col-facebook{
margin-right: 14px;
}
.blocke4-row6 .col-ID,
.blocke4-row6 .col-facebook,
.blocke4-row6 .col-google {
display: inline-block;
}
.blocke4-row7{
margin-top: 10px;
}
.blocke4-row7 p{
font-size: 12px;
line-height: 15px;
}
@media screen and (max-width : 780px) {
.blocke4-row6 .left,
.blocke4-row6 .right {
float: none;
width: 100%;
}
.blocke4-row6 .right .right-left {
text-align: left;
}
.blocke4-row6 .col-facebook {
margin-left: 14px;
}
.blocke4-row6-col {
text-align: left;
width: 90%;
}
/*.blocke4-row6-col {
width: 96%;
}
.blocke4-row6 .col-yahoo,
.blocke4-row6 .col-ID,
.blocke4-row6 .col-facebook,
.blocke4-row6 .col-google {
margin-left: 14px;
margin-right: 14px;
}
.blocke4-row6 {
}
.blocke4-row6 {
margin-bottom: 20px;
}*/
}
@media screen and (max-width : 660px) {
.row-text-emai-label {
width: 100%;
}
.blocke4-email {
text-align: left;
padding-left: 10px;
}
.blocke4-row4-right-content {
padding-top: 10px;
}
}
@media screen and (max-width : 520px) {
.blocke4-row4-right-content {
padding-top: 20px;
}
.blocke4-row4-left, .blocke4-row4-right {
float: none;
width: 100%;
text-align: center;
margin-right: 15px;
}
.blocke4-row4-campaign-left {
display: none;
}
.blocke4-row4-campaign-bottom {
clear: both;
display: block;
float: none;
margin-top: 30px;
}
.blocke4-text-header {
text-align: left;
}
.blocke4-row4-right {
margin-left: 15px;
}
.blocke4-row4 {
padding-right: 15px;
margin-right: 0px;
}
.blocke4-email .user-email {
width: 75.5%;
}
}
@media screen and (max-width : 400px) {
.blocke4-row6 .left .left-left,.blocke4-row6 .left .left-right,
.blocke4-row6 .right .right-left,.blocke4-row6 .right .right-right {
float: none;
width: 100%;
text-align: left;
}
.blocke4-row6 .col-yahoo,
.blocke4-row6 .col-ID,
.blocke4-row6 .col-facebook,
.blocke4-row6 .col-google {
margin-left: 14px;
margin-right: 14px;
}
.blocke4-row6-col {
width: 92%;
}
.row-button-email {
float:none;
margin-left: 0px;
margin-top: 20px;
width: 100%;
}
}
@media screen and (max-width : 373px) {
.blocke4-row4-campaign-bottom {
margin-top: 60px;
}
.blocke4-row4-right {
height: 277px;
}
}
@media screen and (max-width : 360px) {
.blocke4-row6-col {
width: 90%;
}
}
@media screen and (max-width : 292px) {
.blocke4-row6-col {
width: 88%;
}
}
@media screen and (max-width : 334px) {
.blocke4-row4-campaign-bottom {
margin-top: 80px;
}
.blocke4-row4-right {
height: 297px;
}
}
@media screen and (max-width : 275px) {
.blocke4-row4-campaign-bottom {
margin-top: 100px;
}
.blocke4-row4-right {
height: 317px;
}
}
@media screen and (max-width : 262px) {
.blocke4-row4-campaign-bottom {
margin-top: 125px;
}
.blocke4-row4-right {
height: 345px;
}
}
/*BLOCK E5*/
.blocke5 p {
font-size: 18px;
}
.blocke5 p.p1 {
margin-top: -10px;
}
.blocke5 p.p2 {
margin-top: -10px;
margin-left: 27%;
}
.blocke5 .row2 hr{
width: 40%;
border: 2px solid #000;
}
/*BLOCK E7*/
.blocke7-row-2 {
margin-top: 50px;
padding-left: 3%;
}
.blocke7-row-2 p{
font-size: 18px;
line-height: 25px;
}
.blocke7-row-3 {
margin-top: 20px;
padding-left: 3%;
padding-right: 15px;
}
.blocke7-row-3 .col-md-12{
border: 1px solid #FF0000;
padding-top: 10px;
}
.blocke7-row-3 p{
font-size: 16px;
line-height: 18px;
}
.blocke7-row-3 p.color-red{
color: #FF0000;
}
/*BLOCK E8*/
.blocke8-row3 {
margin-top: 20px;
}
.blocke8-row3 .col-1,.blocke8-row3 .col-2, .blocke8-row3 .col-3{
float: left;
height: 75px;
}
.blocke8 .blocke8-row3 .blocke8-row3-col2 .col-1,.blocke8 .blocke8-row3 .blocke8-row3-col2 .col-2,.blocke8 .blocke8-row3 .blocke8-row3-col2 .col-3 {
height:65px;
padding-top: 22px;
}
.blocke8 .blocke8-row3 .blocke8-row3-col2 .col-2 {
padding-top: 15px;
}
.blocke8 .blocke8-row3 .blocke8-row3-col2 .col-2 select {
width: 100px;
}
.blocke8 .blocke8-row3 .blocke8-row3-col3 .col-1,.blocke8 .blocke8-row3 .blocke8-row3-col3 .col-2,.blocke8 .blocke8-row3 .blocke8-row3-col3 .col-3 {
height:170px;
padding-top: 20px;
}
.blocke8 .blocke8-row3 .blocke8-row3-col3 .col-1{
padding-top: 75px;
}
.blocke8-row3-col {
clear: both;
padding-left: 15px;
padding-right: 15px;
}
.blocke8-row3 .col-1{
width: 16%;
background-color: #ff9900;
color: #FFFFFF;
font-size: 14px;
padding: 10px;
text-align: right;
padding-top: 28px;
min-width: 132px;
margin-bottom:3px;
}
.blocke8-row3 .col-2{
padding-left: 2%;
padding-top: 12px;
width: 60%;
background-color: #ffffcc;
}
.blocke8-row3 .col-3{
width: 24%;
background-color: #ffffcc;
margin-bottom:3px;
}
.blocke8-row3 span{
line-height: 16px;
padding-right: 40px;
vertical-align: middle;
}
.blocke8-row3 .col-2 div{
float: left;
width: 50%;
}
.blocke8-row3 .blocke8-row3-col3 .col-2 div {
float: none;
width: 100%;
}
.blocke8-row3 .blocke8-row3-col3 .col-2 .notetext {
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
}
.blocke8-row3 .must{
background: url("..//images/indispensable.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.blocke8-row3 .exampletext {
color: #808080;
font-size: 12px;
margin: 0 0 0 10px;
vertical-align: middle;
margin-top: 2px;
}
.blocke8-row3 .textbox {
background-color: #F4F3EF;
border: 1px solid #CFC8BC;
border-radius: 5px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
display: inline !important;
font-size: 14px;
height: 32px;
padding: 5px;
text-align: left;
width: 230px;
}
.blocke8 .blocke8-row3 select {
background: #F4F3EF;
padding:4px 3px;
margin: 0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.5) inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
border:none;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
border: 1px solid #CFC8BC;
font-size: 14px;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: normal;
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.blocke8 select {padding-right:18px}
}
.blocke8 .blocke8-row3 label {position:relative;display: inline-block;}
.blocke8 .blocke8-row3 label:after {
color: #AAAAAA;
content: "<>";
font: 11px "Consolas",monospace;
padding: 0 0 2px;
pointer-events: none;
position: absolute;
right: 8px;
top: 7px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.blocke8 .blocke8-row3 label:before {
background: none repeat scroll 0 0 #F4F3EF;
content: "";
display: block;
height: 25px;
line-height: 35px;
pointer-events: none;
position: absolute;
right: 3px;
top: 4px;
width: 22px;
}
.blocke8-select label{
width: 22%;
}
.blocke8-select select{
width: 100%;
}
.blocke8-select span{
font-size: 14px;
padding: 0 1%;
text-align: center;
width: 10%;
}
.blocke8-select .blocke8-select-year select{
min-width: 70px;
}
.blocke8-select #div-space-1 {
width: 0px;
padding: 0px;
background: none;
}
.blocke8-row4 {
margin-top: 10px;
}
.blocke8-chk-login {
float: left;
margin-left: 5%;
}
.blocke8-chk-login label.checkbox-2-1 {
padding: 10px;
}
.blocke8-chk-label-login label{
float: left;
font-size: 14px;
line-height: 25px;
padding-left: 5px;
text-align: left;
font-weight: normal;
}
.blocke8 .big-checkbox:checked + label:after {
left: 1px;
top: -10px;
}
.blocke8-row4 .col-1 {
height: 100%;
}
.blocke8-row4 .col-2 p {
font-size: 14px;
clear: both;
margin-bottom: 20px;
}
.blocke8-row6 .col-md-12{
text-align: center;
}
.blocke8-row6 #blocke8-button{
background-color: #FFCC00;
border-radius: 12px;
color: #000000;
font-size: 12px;
margin-bottom: 20px;
margin-top: 20px;
padding: 10px 2px;
text-align: center;
width: 40%;
min-width: 255px;
margin: 20px auto;
cursor: pointer;
}
.blocke8-row6 #blocke8-button div {color: #000;}
.blocke8-row6 #blocke8-button .text2{
font-size: 16px;
}
.blocke8-row6 #blocke8-button a{
text-decoration: none;
}
@media screen and (max-width : 970px) {
.blocke8 .blocke8-row3 .col-2 {
min-width: 550px;
}
.blocke8 .blocke8-row3 .col-3{
width: 22%;
}
}
@media screen and (max-width : 935px) {.blocke8 .blocke8-row3 .col-3{width: 20%;}}
@media screen and (max-width : 907px) {.blocke8 .blocke8-row3 .col-3{width: 18%;}}
@media screen and (max-width : 883px) {.blocke8 .blocke8-row3 .col-3{width: 16%;}}
@media screen and (max-width : 860px) {.blocke8 .blocke8-row3 .col-3{width: 14%;}}
@media screen and (max-width : 841px) {.blocke8 .blocke8-row3 .col-3{width: 12%;}}
@media screen and (max-width : 821px) {.blocke8 .blocke8-row3 .col-3{width: 10%;}}
@media screen and (max-width : 805px) {.blocke8 .blocke8-row3 .col-3{width: 8%;}}
@media screen and (max-width : 789px) {.blocke8 .blocke8-row3 .col-3{width: 6%;}}
@media screen and (max-width : 772px) {.blocke8 .blocke8-row3 .col-3{width: 4%;}}
@media screen and (max-width : 760px) {
.blocke8 .blocke8-row3 .col-3{width: 0%;display: none;}
.blocke8 .blocke8-row3 .col-2{ border-right:1px solid #CCCCCC;}
.blocke8 .blocke8-row3 .col-3{width: 0%;}
.blocke8 .blocke8-row3 .col-2 {
min-width: 0px;
width: 79%;
}
.blocke8 .blocke8-row3 .col-2 div {
width: 100%;
}
.blocke8 .blocke8-row3 .blocke8-row3-col1 .col-1,.blocke8 .blocke8-row3 .blocke8-row3-col1 .col-2,.blocke8 .blocke8-row3 .blocke8-row3-col1 .col-3 {
height:140px;
}
.blocke8 .blocke8-row3 .col-2-1 {
margin-bottom: 10px;
}
.blocke8 .blocke8-row3 .blocke8-row3-col1 .col-1 {
padding-top: 60px;
}
.blocke8 .blocke8-row3 .blocke8-row3-col2 .col-2,.blocke8 .blocke8-row3 .blocke8-row3-col2 .col-3,
.blocke8 .blocke8-row3 .blocke8-row3-col3 .col-2,.blocke8 .blocke8-row3 .blocke8-row3-col3 .col-3 {
border-left: 1px solid #DDDDDD;
}
}
@media screen and (max-width : 705px) {.blocke8 .blocke8-row3 .col-2{width:77%;}}
@media screen and (max-width : 643px) {.blocke8 .blocke8-row3 .col-2{width:75%;}}
@media screen and (max-width : 590px) {.blocke8 .blocke8-row3 .col-2{width:73%;}}
@media screen and (max-width : 546px) {.blocke8 .blocke8-row3 .col-2{width:71%;}}
@media screen and (max-width : 509px) {.blocke8 .blocke8-row3 .col-2{width:69%;}}
/*@media screen and (max-width : 477px) {.blocke8 .blocke8-row3 .col-2{width:69%;}}
@media screen and (max-width : 450px) {.blocke8 .blocke8-row3 .col-2{width:67%;}}
@media screen and (max-width : 425px) {
.blocke8 .blocke8-row3 .col-2{width:65%;}
.blocke8 .blocke8-row3 .blocke8-row3-col1 .col-1,.blocke8 .blocke8-row3 .blocke8-row3-col1 .col-2,.blocke8 .blocke8-row3 .blocke8-row3-col1 .col-3 {
height:160px;
}
.blocke8 .blocke8-row3 .blocke8-row3-col1 .col-1 {
padding-top: 80px;
}
.blocke8 .blocke8-row3 .textbox {
width: 95%
}
}
@media screen and (max-width : 404px) {.blocke8 .blocke8-row3 .col-2{width:63%;}}
@media screen and (max-width : 384px) {.blocke8 .blocke8-row3 .col-2{width:61%;}}
@media screen and (max-width : 367px) {.blocke8 .blocke8-row3 .col-2{width:59%;}}
*/
@media screen and (max-width : 510px) {
.blocke8 .blocke8-row3 .textbox {
width: 95%
}
.blocke8 .blocke8-row3 .col-1,.blocke8 .blocke8-row3 .col-2{
width: 100%;
}
.blocke8 .blocke8-row3 .blocke8-row3-col1 .col-1,.blocke8 .blocke8-row3 .blocke8-row3-col2 .col-1,.blocke8 .blocke8-row3 .blocke8-row3-col3 .col-1 {
height:65px;
padding-top: 25px;
}
.blocke8 .blocke8-row3 .col-1, .blocke8-row3 .col-2, .blocke8-row3 .col-3 {
float: none;
}
.blocke8 .blocke8-row3 .col-1{
text-align: center;
}
.blocke8 .blocke8-row3 .blocke8-row3-col1 .col-2,.blocke8 .blocke8-row3 .blocke8-row3-col1 .col-3 {
height:130px;
border-left: 1px solid #DDDDDD;
}
}
@media screen and (max-width : 370px) {
.blocke8 .blocke8-select #div-space-1 {
//padding-right: 70%;
}
.blocke8 .blocke8-select {
text-align: center;
padding-top: 25px!important;
}
.blocke8 .blocke8-select label {
width: 35%;
}
.blocke8 .blocke8-row3 .blocke8-row3-col2 .col-2 {
height: 120px;
border-left: 1px solid #DDDDDD;
}
}
@media screen and (max-width : 295px) {
.blocke8 .blocke8-row3 .blocke8-row3-col1 .col-2,.blocke8 .blocke8-row3 .blocke8-row3-col1 .col-3 {
height:160px;
}
}
@media screen and (max-width : 291px) {
.blocke8 .blocke8-row3 .blocke8-row3-col3 .col-2, .blocke8 .blocke8-row3 .blocke8-row3-col3 .col-3{
height: 190px;
}
}
/*BLOCK E9*/
.blocke9 .blocke8-row3 .col-1, .blocke9 .blocke8-row3 .col-2, .blocke9 .blocke8-row3 .col-3 {
float: left;
height: 60px;
}
.blocke9 .blocke8-row3 .col-1{
min-width: 125px;
}
.blocke9 .blocke8-row3 .col-1, .blocke9 .blocke8-row3 .col-2 {
.blocke8-row3 .blocke8-row3-col1 .col-2, .blocke8-row3 .blocke8-row3-col1 .col-3 {
height:160px;
}
}
.blocke9 span.blocke9-row3-span1{
padding-right: 5px;
}
.blocke9 p.blocke9-row3-span2{
font-size: 14px;
padding-right: 5px;
padding-top: 10px;
}
.blocke9 .blocke8-row3 .col-2 {
padding-left: 2%;
padding-top: 12px;
width: 84%;
}
.blocke9 span.blocke9-row3-span2 {
padding-top: 25px;
}
.blocke9 .blocke8-row3 .col-1 {
padding-top: 22px;
}
.e9-blockButton{
width:100%;
text-align:center;
padding-top:20px!important;
float:left;
padding-bottom:60px;
}
@media screen and (max-width : 830px) {.blocke9 .blocke8-row3 .col-2{width: 83%;}}
@media screen and (max-width : 785px) {.blocke9 .blocke8-row3 .col-2{width: 82%;}}
@media screen and (max-width : 745px) {.blocke9 .blocke8-row3 .col-2{width: 81%;}}
@media screen and (max-width : 705px) {.blocke9 .blocke8-row3 .col-2{width: 79%;}}
@media screen and (max-width : 645px) {.blocke9 .blocke8-row3 .col-2{width: 77%;}}
@media screen and (max-width : 590px) {.blocke9 .blocke8-row3 .col-2{width: 75%;}}
@media screen and (max-width : 550px) {.blocke9 .blocke8-row3 .col-2{width: 73%;}}
@media screen and (max-width : 510px) {.blocke9 .blocke8-row3 .col-2{width: 71%;}}
@media screen and (max-width : 478px) {.blocke9 .blocke8-row3 .col-2{width: 69%;}}
@media screen and (max-width : 450px) {.blocke9 .blocke8-row3 .col-2{width: 67%;}}
@media screen and (max-width : 425px) {.blocke9 .blocke8-row3 .col-2{width: 65%;}}
@media screen and (max-width : 405px) {.blocke9 .blocke8-row3 .col-2{width: 63%;}}
@media screen and (max-width : 385px) {.blocke9 .blocke8-row3 .col-2{width: 61%;}}
@media screen and (max-width : 368px) {.blocke9 .blocke8-row3 .col-2{width: 59%;}}
@media screen and (max-width : 351px) {
.blocke9 .blocke8-row3 .col-1,.blocke9 .blocke8-row3 .col-2{
float: none;
width: 100%;
}
.blocke9 .blocke8-row3 .col-1{
float: none;
text-align: center;
}
}
/*BLOCK E10*/
.blocke10-row-2 {
margin-top: 30px;
padding-left: 1%;
}
#blocke10 .blocke10-row p {
font-size: 18px;
line-height: 25px;
}
.blocke10-row-3,.blocke10-row-7 {
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
}
.blocke10-row-4 {
background-color: #BFBFBF;
margin-bottom: 20px;
}
#blocke10 .blocke10-row-4 p{
margin: 5px 0;
margin-top: 10px;
margin-bottom: 10px;
}
#blocke10 .blocke10-row-7 button {
width: 330px;
}
#blocke10 .blocke10-row-7 hr {
border: 1px solid #C8C8C8;
}
#blocke10 .blocke10-row-8{
margin-bottom: 20px;
margin-top: -20px;
}
.blocke10-row-8 ul li a:link {
color: #3566CC;
}
.blocke10-row-8 div.line {
border-right: 1px solid;
float: left;
height: 20px;
margin-left: 5px;
margin-right: 5px;
}
#blocke10 .blocke10-row-3 button.blocke11-btn1 {
width: 320px;
}
#blocke10 .blocke10-row-3 .left, #blocke10 .blocke10-row-3 .right {
float: left;
width: 50%;
}
#blocke10 .blocke10-row-3 .left{
text-align: left;
padding-left: 40px;
}
#blocke10 .blocke10-row-3 .right{
text-align: right;
padding-right: 40px;
}
@media screen and (max-width : 700px) {
#blocke10 .blocke10-row-3 .left, #blocke10 .blocke10-row-3 .right {
float: none;
width: 100%;
text-align: center;
padding: 0px;
}
}
@media screen and (max-width : 895px) {
.blocke10-row-8 div.line6{
margin-right: 10px;
}
}
@media screen and (max-width : 895px) {
.blocke10-row-8 div.line6{
margin-right: 10px;
}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------style F-----------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Block F2 */
.f27btn{
border-radius:0;
}
.kuhaku .container {
margin-top: 65px;
max-width: 1024px;
}
.f-title-banner{
background: url("../images/banner-f2.gif");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
width: 100%;
height: 156px;
padding-left: 25px;
padding-top: 76px;
font-size: 34px;
color: #ffffff;
margin-top: 10px;
}
#block-f2-menu{
margin-top: 5px;
height: 30px;
}
#block-f2-menu ul li.item{
border-left: 1px solid #7E6D65;
}
/* Block F2 */
#block-f2-breadcrumb a{
color: #666666;
}
.f-title-banner{
background: url("../images/banner-f2.gif");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
width: 100%;
height: 156px;
padding-left: 25px;
padding-top: 76px;
font-size: 34px;
color: #ffffff;
margin-top: 10px;
}
#block-f2-menu{
margin-top: 5px;
height: 30px;
}
#block-f2-menu ul li.item{
border-left: 1px solid #7E6D65;
}
#block-f2-menu ul li{
float: left;
padding: 4px 6px;
color: #FFFFFF;
display: inline-block;
}
#block-f2-breadcrumb{
margin-top: 10px;
margin-bottom: 18px;
font-size: 12px;
color: #666666;
}
.f27-block-f2-breadcrumb{
margin-bottom: 0!important;
}
#block-f2-title{
margin-bottom: 12px;
}
div#block-f3-sidebar{
font-weight: bold;
}
#block-f2-searchbar{
background-color: #5B4E46;
height: 40px;
padding-left: 20px;
padding-top: 9px;
margin-bottom: 12px;
}
.block-f2-searchbar-left{
min-width: 332px;
float: left;
font-size: 13px;
}
.block-f2-searchbar-right{
float: right;
color: #ffffff;
margin-right: 30px;
margin-top: 4px;
}
.block-f2-searchbar-right a{
text-decoration: none;
color: #fff;
}
.buttonLink a,.buttonLink{
color: #333333!important;
text-decoration: none!important;
}
.buttonLink2 a,.buttonLink2{
color: #666666!important;
text-decoration: none!important;
}
.f2-link-footer a{
color: #333333;
}
.block-f2-searchbar-right span{
margin-left: 2px;
}
.active_right-f2{
//background-color: #C40010;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 8px;
padding-right: 8px;
}
.block-f2-content{
margin-top: 5px;
margin-left: 20px;
margin-right: 20px;
}
.block-f2-box{
background-color: #CCCCCC;
width: 120px;
height: 130px;
margin-top: 6px;
margin-bottom: 6px;
float: left;
}
.block-f2-title-box{
margin-left: 128px;
}
.f2-title-left{
color: #E60012;
font-size: 20px;
font-weight: bold;
width: 80%;
float: left;
padding-top: 12px;
font-weight: normal!important;
}
.text-gray{
color: #666666!important;
}
.text-orange{
color: #CC9900!important;
}
.f2-title-right{
font-size: 16px;
padding-top: 12px;
color: #333333;
}
.block-f2-title-box ul{
height: 25px;
}
.box-f2-info1{
float:left;
width: 35.5%;
color:#333333;
font-size: 18px;
border-right: 1px solid #C8C8C8;
margin-top: 15px;
}
.box-f2-info1 span,.box-f2-info2 span{
margin-top: 5px;
margin-bottom: 3px;
margin-right: 5px;
color: #ffffff;
font-size: 14px;
}
.box-f2-info2{
float:left;
width: 31.5%;
color:#333333;
font-size: 18px;
margin-left: 18px;
margin-top: 15px;
}
.box-f2-info3{
font-size: 18px;
margin-right: 8px;
}
.box-f2-bg{
background-color: #66999A;
color: #FFFFFF;
font-size: 14px;
height: 23px;
padding-left: 7px;
padding-top: 2px;
width: 46px;
float: left;
margin-right: 8px;
}
.box-f2-bg2{
background-color: #66999A;
width: 73px;
height: 25px;
padding-left: 8px;
padding-top: 2px;
color: #fff;
font-size: 14px!important;
float: left;
margin-right: 5px;
}
.box-f2,.box-f2b{
margin-bottom: 10px;
font-size: 14px!important;
}
.box-f2-info3{
border: 1px solid;
border-radius: 14px;
color: #3F3F3F;
float: right;
font-size: 18px;
height: 46px;
margin-top: 24px;
padding: 5px 39px;
padding-top: 0px;
text-align: center;
vertical-align: middle;
width: 156px;
}
.box-f2-info3 button {
color: #333333!important;
text-decoration: none!important;
font-size: 18px;
background-color: transparent;
}
.top-bgbox{
background-color:#66999A;
color: #ffffff;
text-align: center;
font-size: 16px;
width: 100%!important;
padding-top: 3px;
padding-bottom: 3px;
}
.bgbox-image{
margin-top: 7px;
position: absolute;
width: 120px;
height: 102px;
text-align: center;
}
.bgbox-image img {
margin-left: 0px;
margin-top: 0px;
max-height: 88px;
}
.bgbox-image2{
margin-left: 14px;
margin-top: 22px;
position: absolute;
}
.img_border{
background-color: #ffffff;
padding: 4px;
}
.menu-f2 a:link{
color:#333333;
font-size: 12px;
margin-right: 5px;
}
/*
.text-white{color:#ffffff;}
.text-black{color:#333333;}
*/
.search-f2{color:#999999; margin-left: 5px; height:22px; width: 60.5%; padding-left: 8px;}
.submit-f2{
background-color: #3399CB;
color: #ffffff;
border: 0;
padding: 3px;
margin-left: -4px;
font-size: 11px;
height:22px;
}
.right-menu-f2{
border-left: solid 1px #ffffff;
padding-left: 15px;
}
.itemfrist{
border: none!important;
}
/*
.underline{
text-decoration: underline;
}
*/
.f2-button-footer{
width: 29.5%;
text-align: center;
border-radius: 14px;
background-color: #FBEF8B;
padding: 8px;
font-size: 20px;
margin: auto;
margin-top: 14px;
}
.f2-link-footer{
width: 100%;
text-align: right;
font-weight: normal;
padding-right: 33px;
margin-bottom: 10px;
}
.f2-box-footer{
float: left;
margin-left: 18px;
margin-right: 30px;
width: 200px;
margin-top: 5px;
margin-bottom: 5px;
margin-bottom: 20px;
}
.footer-box{
margin-top: 25px;
margin-bottom: 15px;
}
/*
hr.line{
margin: 0 !important;
padding: 0 !important;
}
hr.line2{
margin-bottom:0 !important;
}
*/
#block-f2-banner{
margin-top: 10px;
}
@media (max-width: 280px){
#block-f2-searchbar {
height: 70px!important;
}
}
@media (max-width: 685px){
#block-f2-searchbar {
height: 70px!important;
}
.block-f2-searchbar-right{
margin-top: 10px;
}
}
@media (max-width: 324px){
#block-f2-searchbar {
height: 90px!important;
}
}
@media(max-width:470px){
.box-f2-info1{
float: none!important;
width: auto!important;
border-right: none!important;
}
.box-f2-info2{
width: auto!important;
margin-left: 0 !important;
}
.f2-title-left{
width: 100% !important;
}
.block-f2-box{
float: none!important;
}
.block-f2-title-box{
margin-left: 0!important;
}
.f2-title-right{
padding-bottom: 10px;
}
}
@media(max-width:1016px){
.f2-title-left{
float: none !important;
}
.box-f2-info1,.box-f2-info2{
margin-top: 28px!important;
}
.f-title-banner{
font-size: 25px!important;
height: 150px!important;
}
}
@media(max-width:485px){
.box-f2-info3{
float: left !important;
}
}
@media(max-width:205px){
.box-f2-info3{
width: auto!important;
font-size: 12px!important;
}
#contents{
font-size: 2px!important;
}
}
@media(max-width:590px){
.f2-button-footer{
width: 158px!important;
margin-bottom: 8px;
}
.f3-button{
width: 140px!important;
}
.f3-button-footer{
width: 200px!important;
}
.box-f2-info3{
margin-bottom: 10px;
}
}
@media(max-width:1040px){
.footer-box{
margin-left: 12%!important;
}
.f-title-banner{
font-size: 30px!important;
height: 110px!important;
padding-top: 50px!important;
}
}
@media(max-width:891px){
.footer-box{
margin-left: 18%!important;
}
}
@media(max-width:681px){
.footer-box{
margin-left: 32%!important;
}
.f-title-banner{
font-size: 22px!important;
margin-top: -10px!important;
}
}
@media(max-width:380px){
.footer-box{
margin-left: 5%!important;
}
.f-title-banner{
font-size: 10px!important;
}
}
@media(max-width:570px){
.f-title-banner{
font-size: 14px!important;
height: 100px!important;
}
}
@media(max-width:725px){
.f-title-banner{
margin-top: -16px!important;
}
}
@media(max-width:595px){
.f-title-banner{
margin-top: -18px!important;
}
}
@media(max-width:592px){
.f-title-banner{
margin-top: -25px!important;
}
}
@media(max-width:457px){
.f-title-banner{
margin-top: -28px!important;
}
}
@media(max-width:376px){
.f-title-banner{
margin-top: -45px!important;
}
}
@media(max-width:225px){
.f-title-banner{
margin-top: -50px!important;
font-size: 8px!important;
}
}
@media(max-width:343px){
.f-title-banner{
font-size: 10px!important;
}
}
@media(max-width:715px){
.btn-yellow-small{
width: 162px!important;
}
.btn-white-small{
width: 162px!important;
}
}
@media screen and (max-width : 992px) {
.rowtext {
width: 70%;
margin: auto;
text-align:center;
}
.rowtext div {
margin-bottom: 5%;
}
}
@media screen and (max-width : 560px) {
.rowtext div {
width: 100%;
}
}
.rowtext img{
margin-bottom: 12px;
}
/* end block f2 */
/* block F3 */
#block-f3-sidebar{
background-color: #CC9900;
margin-bottom: 12px;
padding-left: 20px;
padding-top: 9px;
font-size: 18px;
min-width: 224px;
}
#block-f3-searchbar{
background-color: #5B4E46;
height: 40px;
padding-left: 20px;
padding-top: 9px;
margin-bottom: 12px;
}
.right-menu-f3{
padding-left: 15px;
}
.f3-container-bottom table tr td{
border: solid 1px #999999;
font-size: 15px;
font-family:Meiryo;
padding: 4px;
}
.bg_green{
background-color: #A1DCB0;
}
.bg_green2{
background-color: #DFFCE6;
}
.f3-image{
width: 16.9%!important;
margin-bottom: 12px;
min-width: 80px;
}
.block-f3-searchbar-left{
float: left;
font-size: 15px;
margin-top: 5px;
}
.block-f3-searchbar-right{
float: right;
color: #ffffff;
margin-right: 30px;
font-size: 15px;
margin-top: 5px;
}
#block-f3-sidebar{
height:45px;
font-size: 15px;
margin-top: 3px;
}
.f3-middle{
height:320 !important;
}
.f3-button-footer{
font-family: Meiryo;
background-color: #FECCFF;
border-radius: 14px;
font-size: 16px;
margin: 14px auto auto;
padding: 24px;
text-align: center;
width: 68.2%;
margin-bottom: 20px;
}
.f3-button{
background-color: #FFF;
border-radius: 14px;
font-size: 20px;
margin: 14px auto auto;
padding: 8px;
text-align: center;
width: 45.5%;
min-width: 29.5%;
}
.f3-container table tr td{
border: solid 1px #999999;
font-family:Meiryo;
padding: 4px;
}
.f3-container table#f3-tableMiddle tr td,.f3-container table#f3-table-footer tr td{
border: 0 !important;
}
.f3-tdYellow{
background-color: #FBEF8B;
width:12.7%;
text-align: center;
}
.f3-tdWhite{
width:19%;
}
#f3-tabletop{
margin-bottom: 15px;
font-size: 13px;
}
.table-f3{
font-size: 11px!important;
margin-bottom: 15px!important;
}
#f3-bg_yellow{
background-color: #fbf4ae;
font-size:17px !important;
}
.f3-bg_orange{
background-color: #CC9900;
color: #fff;
font-size: 15px;
padding-left: 5px;
}
#f3-bg_yellow tr td,td.f3-bg_orange{
width: 25%;
}
table#f3-tableMiddle{
margin-bottom: 10px;
border-spacing: 1px !important;
border-collapse: separate !important;
}
#f3-tableMiddle tr{
font-size: 15px;
}
table#f3-tableMiddle a{
color: #0066ff !important;
text-decoration: underline !important;
font-size:14px;
}
#f3-tableMiddle tr.lineheight{
line-height: 0px !important;
}
.lineTable{
background-image: url('../images/line.gif');
background-repeat: repeat-x;
}
.f3-middle{
background-color: #E6E6E6;
width: 100%;
height: 230px;
margin-bottom: 20px;
}
.f3-middle img{
margin: 0px 0px 0px 0px;
max-width: 100px;
max-height: 112px;
}
.f3-image-middle{
text-align: center;
padding-top: 30px;
}
.f3-footer{
text-align: right;
margin-top: 10px;
padding-right: 15px;
}
.f3-footer a{
text-decoration: underline !important;
color:#3300ff !important;
}
#f3-table-footer{
font-size: 17px;
margin-top: 3px;
margin-left: 10px;
}
#f3-table-footer td{
background-color: #fff !important;
}
.f3-col-md-1 {
background-color: #FFFFFF;
margin-right: 2px;
padding: 6px;
width: 24%;
font-size: 17px;
float: left;
}
#f3-row {
margin-right: -8px !important;
margin-top: 5px;
padding-left: 24px;
}
@media (max-width: 562px){
#block-f3-searchbar {
margin-bottom: 20px;
}
}
@media (max-width: 316px){
.block-f3-searchbar-right{
margin-left: -8px;
margin-top: 5px;
}
}
@media (max-width: 350px){
#block-f3-searchbar {
margin-bottom: 20px;
}
.block-f3-searchbar-right{
float: left!important;
}
}
@media (max-width: 300px){
#block-f3-searchbar {
margin-bottom: 20px;
}
.block-f3-searchbar-right{
float: left!important;
}
}
@media (max-width: 440px){
#block-f3-sidebar{
height:65px!important;
}
}
@media (max-width: 325px){
#block-f3-searchbar{
height:58px!important;
}
}
@media (max-width: 532px){
.f3-col-md-1{
float: none !important;
width: 92%;
margin-top: 2px;
}
.f3-middle{
height: auto!important;
padding-bottom: 10px;
}
}
@media (max-width: 339px){
.btn-yellow-small{
margin-left: -3px!important;
}
.btn-white-small{
margin-left: -3px!important;
}
}
@media (max-width: 481px){
.f3-footer{
text-align: left!important;
}
}
/* end block F3 */
/* Block F5 */
div#block-f5-sidebar{
font-weight: bold;
min-width: 233px;
}
#block-f5-sidebar{
background-color: #e60012;
height: 45px;
padding-left: 20px;
padding-top: 8px;
margin-bottom: 12px;
}
.right-menu-f5{
background-color: #FFFFFF;
border-radius: 5px;
color: #000000;
margin: 14px auto auto;
padding-left: 23px;
padding-right: 21px;
padding-top: 5px;
}
.block-f5-searchbar-left{
float: left;
font-size: 18px;
margin-top: 2px;
}
.block-f5-searchbar-right{
color: #FFFFFF;
float: right;
font-size: 14px;
margin-right: 16px;
margin-top: 6px;
}
.footer-box5{
margin-top: 25px;
margin-bottom: 15px;
}
button.f5-btn {
background-color: #FFFFFF;
border: medium none;
border-radius: 5px;
color: #000000;
font-size: 16px;
font-weight: normal;
height: 27px;
margin-right: 10px;
padding-top: 3px;
text-align: center;
vertical-align: middle;
width: 125px;
margin-top: -5px;
}
@media (max-width: 420px){
#block-f5-sidebar{
height: 70px !important;
}
}
@media (max-width: 1035px){
.footer-box-f5{
margin-left:11% !important;
}
}
@media (max-width: 1025px){
.footer-box-f5{
margin-left:8% !important;
}
}
@media (max-width: 880px){
.footer-box-f5{
margin-left:20% !important;
}
}
@media (max-width: 850px){
.footer-box-f5{
margin-left:18% !important;
}
}
@media (max-width: 840px){
.footer-box-f5{
margin-left:14% !important;
}
}
@media (max-width: 679px){
.footer-box-f5{
margin-left:30% !important;
}
}
@media (max-width: 340px){
.footer-box-f5{
margin-left:5% !important;
}
}
@media (max-width: 480px){
.footer-box-f5{
margin-left:22% !important;
}
}
@media (max-width: 360px){
.footer-box-f5{
margin-left:12% !important;
}
}
@media (max-width: 375px){
.footer-box-f5{
margin-left:5% !important;
}
}
/* end block F5 */
/* Block F8 */
#block-f8-sidebar{
background-color: #666666;
height: 45px;
margin-bottom: 12px;
padding-left: 20px;
padding-top: 9px;
font-size: 18px;
font-size: 15px;
margin-top: 3px;
font-weight: bold;
min-width: 205px;
}
/* end block F8 */
/* Block F9 */
.f9{min-width: 320px}
/* end block F9 */
//* Block F4 */
/*
.table tr td{
width: 50%!important;
}
.bgtop{
background-color: #c5e0b4;
font-size: 13px;
}
.bgtop2{
background-color: #d5f89c;
font-size: 13px;
}
.bgContainer{
background-color: #e9eff7;
font-size: 13px;
}
button.btn-white {
background-color: #ffffff;
border: 2px solid #DDDDDD;
border-radius: 12px;
color: #000000;
font-size: 20px;
font-weight: normal;
height: 45px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 98%;
margin-left: 10px;
margin-bottom: 10px;
}
*/
ul.menu-f2 a{
color:#333333;
font-size: 12px;
margin-right: 5px;
}
.btn-white-small {
background-color: #ffffff;
border: 1px solid #DDDDDD;
border-radius: 12px;
color: #000000;
font-size: 20px;
font-weight: normal;
height: 45px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 40%;
margin-bottom: 10px;
margin-top: 15px;
}
.btn-white-small2 {
background-color: #ffffff;
border: 1px solid #DDDDDD;
border-radius: 12px;
color: #000000;
font-size: 20px;
font-weight: normal;
height: 45px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 60%;
margin-bottom: 40px;
margin-top: 15px;
}
.btn-yellow-small {
background-color: #fbef8b;
border: 1px solid #DDDDDD;
border-radius: 12px;
color: #000000;
font-size: 20px;
font-weight: normal;
height: 45px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 25%;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 15px;
}
.f4-txtInfo{
font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
}
/* end block f4*/
/* Block F6 */
.f2{min-width: 320px}
.f4{min-width: 320px}
.f6{min-width: 320px}
.bgContainer td{
width: 50%;
}
/* end block f6 */
/* Block F7 */
.block-f2-searchbar-right a{
color: #ffffff!important;
}
.f7-popup-content{
font-size: 17px;
padding: 25px 20px 5px 23px;
text-align: center;
}
.f7-pop-btn {
background-color: #ffcc00;
border-radius: 12px;
color: #000000;
font-size: 15px;
font-weight: normal;
height: 40px;
margin: 3% 0;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 150px;
}
.f7-pop-btn2 {
background-color: #FFFFFF;
border: 2px solid #000000;
border-radius: 12px;
color: #000000;
font-size: 15px;
font-weight: normal;
height: 40px;
margin: 3% 0;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 190px;
}
button.f7-pop-btn{
margin-right: 10px;
}
@media (max-width: 497px){
#f3-row{
text-align: left!important;
}
}
/* End block F7*/
/* block F11 */
.f11-popup{
width: 90%!important;
font-size: 20px;
}
.f11-poup-title{
font-size: 22px;
}
.f11-poup-title,.f11-poup-footer{
margin-top: 10px;
margin-bottom: 10px;
margin-left: -25px;
}
.f11-poup-content{
margin-top: 5px;
margin-bottom: 5px;
}
.f3-container table#f11-table-popup tr td{
border:0!important;
font-size: 17px;
padding-top: 4px;
}
.f3-container table#f11-table-popup{
margin-bottom: 10px!important;
width: 70%!important;
text-align: center;
margin-left: 55px;
margin-top: 8px;
}
.f11-text{
font-size: 13px;
color: #666666;
margin-bottom: 12px;
text-align: left;
width:70%;
margin: auto;
margin-top: 10px!important;
}
.f11-popup{
margin: auto!important;
}
hr.f11{
border: solid 1px #999999;
margin: auto;
margin-bottom: 10px!important;
}
.f11-popup-text{
width: 30%!important;
}
.f11-poup-footer{
color: #999999;
padding-bottom: 25px;
padding-top: 10px;
margin:auto;
}
.f11-popup-btn{
margin-top: 10px;
}
.f12-inputsmall{
width: 40%!important;
}
.show-grid [class^="col-"] {
background-color: rgba(86, 61, 124, 0.15);
border: 1px solid rgba(86, 61, 124, 0.2);
padding-bottom: 10px;
padding-top: 10px;
}
.f10-table{
background-color:#e9eff7;
font-size: 14px;
margin-left: 14px!important;
width: 95%!important;
}
.f10-popup2{
font-size: 14px;
margin-left: 16px !important;
width: 90% !important;
}
.f10-popup2 img{
width: 60%;
}
.f3-container table#f10-popup2 tr td{
border:0!important;
}
table#f10-popup2{
border:0!important;
}
@media (max-width: 400px){
.btn-white-small2{
width: 260px!important;
font-size: 17px!important;
}
}
@media (max-width: 630px){
.btn-white-small2{
width: 250px!important;
font-size: 15px!important;
}
}
@media (max-width: 600px){
.f10-table{
width: 95%!important;
}
@media (max-width: 670px){
.f10-table{
width: 88%!important;
}
}
@media (max-width: 370px){
}
.f10-table{
width: 88%!important;
}
}
@media (max-width: 330px){
.btn-white-small2{
width: 100% !important;
font-size: 15px!important;
margin-left: -15px!important;
}
}
@media (max-width: 225px){
.btn-white-small2{
width: 160px!important;
font-size: 15px!important;
margin-left: -10px!important;
}
.f10-table{
width: 85%!important;
}
}
@media (max-width: 490px){
.f11-poup-footer{
margin-left: 0px!important;
}
.f12-inputsmall{
width: 100%!important;
}
.f3-container table#f11-table-popup tr td{
font-size: 14px!important;
}
.f11-popup-text{
font-size: 14px!important;
width: auto!important;
}
.f11-popup-btn{
width: 150px!important;
font-size: 14px!important;
width: 140px!important;
}
#f11-popup,.f11-poup-footer{
margin:auto;
padding-left:0;
padding-right:0;
text-align:center;
font-size:13px;
}
}
/* end block f11 */
/* Block F10 */
.f10-inputsmall{
width: 100%!important;
}
.f11-popup button{
font-size: 18px!important;
}
div.f10Col{
font-size: 13px!important;
}
td.f10-popup-image{
}
.f10-linkpopup{
margin-right:12px;
}
/* end block f10 */
/* Block F13 */
.f13-Table tr{
border: solid 2px #000000!important;
font-size: 14px;
}
.f13-Table tr td,.f13-TableTop tr td{
border: 0!important;
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.f13-Table tr.noneborder{
border-top: 0!important;
border-bottom: 0!important;
}
.f13-TableTop table tr td{
border: 0!important;
}
.f13-TableTop{
font-size: 14px;
}
.f13-Tabletext,.f13-Tabletext2{
color: #da8b3d;
margin-left: 120px;
margin-right: 120px;
}
.f13-TableTop a{
color: #0066FF !important;
text-decoration: underline!important;
}
.f13-amazon{
margin-left: -10px!important
padding-left: -10px!important
}
.f13-Table,.f13-TableTop{
width: 95%!important;
margin:auto !important;
}
.f13-borderbutton {
border-bottom: 1px solid #000000;
float: left;
height: 10px;
padding-right: 45px;
width: 88%;
}
table.f13-Table td{
padding-top: 6px!important;
}
table.f13-Table{
margin-bottom: 50px!important;
}
.downline{
display: none;
}
@media (max-width: 885px){
.f13-borderbutton{
padding-right: 75px!important;
}
}
@media (max-width: 730px){
.f13-borderbutton{
width: 80%!important;
}
}
@media (max-width: 570px){
.f13-borderbutton{
width: 72%!important;
}
}
@media (max-width: 450px){
.f13-borderbutton{
width: 40px!important;
padding-right:2px!important;
}
}
@media (max-width: 420px){
.f13-borderbutton{
width: 40px!important;
padding-right:2px!important;
}
.f13-Table,.f13-TableTop{
font-size: 13px!important;
}
}
@media (max-width: 400px){
.f13-Table,.f13-TableTop{
font-size: 11px!important;
}
}
@media (max-width: 290px){
.f13-borderbutton{
display: none;
}
.f13-Table,.f13-TableTop{
font-size:9px!important;
}
}
@media (max-width: 360px){
.f13-borderbutton{
width: 30px!important;
padding-right:2px!important;
}
.f13-Table,.f13-TableTop{
font-size: 10px!important;
}
.f13-Widthline{
width: 28%!important;
}
}
@media (max-width: 800px){
.f13-Tabletext, .f13-Tabletext2{
margin-left: 0!important;
}
.f13-Tabletext, .f13-Tabletext2{
margin-right: 10px!important;
}
}
@media (max-width: 310px){
.downline{
display: block!important;
margin-top: -15px;
}
}
/* end block f13 */
/* Block F14 */
.f14-boxheader{
width: 100%;
border: solid 1px #C8C8C8!important;
font-size: 17px;
}
.f14-btn{
font-size: 17px!important;
width: 175px!important;
margin-left: 90px;
}
.f14 hr{
border-top: solid 1px #bfbfbf!important; //F14 line hr tag TOP & BOTTOM bold
}
.f14-width{
margin-top: 20px;
margin-bottom: 20px;
font-size: 22px;
}
.f14-col8{
margin-top: 20px;
margin-left: 10px;
}
.f14-col6{
font-size:35px;
}
.f14-col6-right{
text-align: center;
}
.f14-box2{
width: 100%;
border: solid 1px #C8C8C8!important;
margin-bottom: 20px;
font-size: 20px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.f14-buttonHeight{
font-size: 16px;
height: 80px;
margin-bottom: 10px;
margin-top: 15px;
padding: 0 20px;
width: 83% !important;
margin-bottom: 0px!important;
margin-top: 10px!important;
height: 90px;
}
.f14-buttonRight{
font-size: 14px!important;
width: 100%;
margin-bottom: 0px!important;
margin-top: 5px!important;
}
table.f14Table{
width: 100%;
margin: auto;
text-align: center;
}
table.f14Table tr td{
border: 0!important;
padding: 0px!important;
}
#f14Image{
width: 100%;
margin-top: 25px;
}
.f14-xs6{
margin-right: 30px;
}
.f14-xs6b{
margin-right: 30px;
}
.f14-xs6c{
margin-right: 30px;
}
.f14-xs6d{
margin-right: 30px;
}
.f14-xsBox{
margin-left: 10px;
margin-top: 10px;
margin-bottom: 20px;
margin-right: 20px;
}
.f14-xsBoxc{
margin: 7px 15px 0 0;
}
.f14-xsBoxd{
margin: 7px 15px 0 0;
}
img.f14-rowtext,.f14-rowtext img{
max-width: auto!important;
width: auto!important;
}
@media (max-width: 800px){
.f13-Tabletext, .f13-Tabletext2{
margin-left: 0!important;
}
.f13-Tabletext, .f13-Tabletext2{
margin-right: 10px!important;
}
}
@media (max-width: 545px){
.f14-row-content{
text-align: center;
}
.f14-col6-right{
width: 100%;
}
.f14-col6-left{
width: 100%;
margin-bottom: 10px;
}
}
.f14-row{
padding-bottom: 20px;
}
.f14-md3{
float: left!important;
text-align: center;
}
.f14-rowtext{
padding-bottom: 50px!important;
width: 90%!important;
margin: auto!important;
text-align: center;
}
.f14-text{
position: absolute;
margin-left: 25px;
margin-top: 10px;
font-size: 13px;
}
.f14-text2{
margin-left: -14px;
margin-top: 10px;
position: absolute;
font-size: 13px;
}
.f14-text3{
font-size: 13px;
margin-left: -9px;
margin-top: 108px;
position: absolute;
}
.f14-text4{
font-size: 13px;
margin-left: 32px;
margin-top: 57px;
position: absolute;
}
.f14-img1{
border: solid 1px #939393;
padding-left: 20px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 20px;
}
.f14-img2{
border: solid 1px #939393;
padding-left: 20px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 20px;
}
.f14-img3{
border: solid 1px #939393;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 45px;
}
.f14-img4{
border: solid 1px #939393;
padding-left: 10px;
padding-right: 25px;
padding-top: 15px;
padding-bottom: 74px;
}
.f14-rowText{
width: 90%!important;
margin: auto!important;
}
.f14-col2{
text-align: center!important;
margin: auto!important;
}
@media (max-width: 1000px){
#f14Image{
width: 220px!important;
float: left!important;
margin-top: 25px;
}
.f14-buttonRight{
width: 100%;
}
.f15-col12{
margin-bottom: 2%!important;
}
.f15-buttonHeight{
width: 350px!important;
}
.f14-col8{
margin: auto!important;
text-align: center!important;
padding-top: 20px;
padding-bottom: 10px;
}
.f14-btn{
margin: auto!important;
text-align: center!important;
margin-left: 0!important;
margin-bottom: 10px!important;
}
.f14col3{
min-width: 200px;
}
.f14md6{
width: 48%;
text-align: right;
}
}
@media (max-width: 340px){
.f14-col2{
margin-left: 12px!important;
}
}
@media (max-width: 225px){
.f14-col2{
margin-left: 8px!important;
}
.f14-btn{
width: 150px!important;
}
}
@media (max-width: 400px){
.f15-buttonHeight{
width:200px!important;
}
.f14-buttonRight{
width: auto!important;
}
}
@media (max-width: 320px){
.f15-buttonHeight{
width: 100% !important;
}
}
@media (max-width: 950px){
.f14a{
width: 100%;
margin: auto;
text-align: center;
}
}
/* end block f14 */
/* Block F15 */
.f15-col8{
text-align: center;
margin-top: 10px;
}
.f15-icon{
text-align: center;
}
.f15-row{
margin: auto!important;
text-align: center!important;
width: 100%!important;
padding-bottom: 10px;
}
.f15-buttonHeight{
font-size: 16px;
height: 80px;
margin-bottom: 10px;
margin-top: 15px;
padding: 0 20px;
width: 100%;
margin-bottom: 0px!important;
margin-top: 10px!important;
height: 90px;
}
.f15-flex{
width: 100%;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.f15-row{
margin: auto!important;
text-align:center!important;
}
@media (max-width: 1000px){
.f15-buttonHeight{
width: 275px !important;
}
}
@media (max-width: 990px){
.f15-col4 {
float: left;
margin: auto!important;
text-align: center!important;
}
}
@media (max-width: 740px){
.f15-btnEnd {
width: 30%!important;
float: none!important;
margin: auto;
}
.f15-btn{
font-size: 13px!important;
margin-bottom: 10px!important;
}
}
@media (max-width: 730px){
.f15-col4{
float: none!important;
margin: auto!important;
text-align: center!important;
}
.f15-btn {
width: 275px!important;
}
.f15-btnEnd {
width: 200px!important;
margin: auto;
}
}
@media (max-width: 350px){
.f15-btn {
width: 220px!important;
font-size: 12px!important;
}
}
@media (max-width: 300px){
.f15-btn{
width: 150px!important;
font-size: 12px!important;
}
.f15-buttonHeight{
width: 160px!important;
font-size: 12px!important;
}
}
/* end f15 */
/* Block F16 */
.f16-row{
border: 0!important;
font-size: 16px;
padding-bottom: 10px!important;
}
/* end block f16 */
/* block f17 */
.f17-popup{
font-size: 13px;
text-align: left;
background-color: #eeeeee;
margin-top: 5px!important;
padding-top: 5px!important;
padding-bottom: 10px!important;
margin-bottom: 20px;
}
.redcolor{
color: #ff0000;
}
.f17-poup-title{
font-size: 18px;
text-align: left;
margin-top: 10px;
margin-left: -25px;
}
.f17-border{
border: solid 1px #b7b7b7;
}
/* end block f17 */
/* block f19 */
.f19-list{
margin-left: 20px;
font-size: 14px;
}
.f19-textpopup{
color: #468d69;
}
.f19btn{
width:50px;
}
/* end block f19 */
/* Block f21 */
.f21-btn{
width: 90%;
background-color: #ff9900;
text-align: center;
color:#FFFFFF;
font-size:20px;
border-radius:14px;
font-weight:bold;
margin: 30px 0px 80px 0px;
height:80px;
padding: -40px 20px 0px 20px;
}
.btn-21 {width:100%; height: 34px;padding: 10px;font-size: 14px;}
.f21-button{
margin: auto!important;
width: 100%!important;
text-align: center!important;
}
.f21-footer{
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
}
.f21-box{
border: 1px solid #808080;
border-radius: 12px;
color: #000000;
font-size: 20px;
font-weight: normal;
line-height: 26px;
margin: 13px 10px 10px 0;
min-height: 45px;
text-align: center;
vertical-align: middle;
}
.f21-f28-box{
border: 1px solid #808080;
border-radius: 12px;
color: #000000;
font-size: 20px;
font-weight: normal;
line-height: 26px;
margin: 13px 10px 10px 0;
min-height: 45px;
text-align: center;
vertical-align: middle;
}
#f21-popup-input{
width: 60%;
float: left;
margin-right: -75px;
}
.f21-active a{
margin-top: 5px;
}
.f21-row{
font-size: 15px;
margin-top: 10px;
}
.f21-col3{
width: 18%!important;
margin-top:3px;
}
a.f21-active{
text-decoration: none;
margin-left: 5px;
color:#ffffff!important;
background-color: #548235;
padding: 3.5px;
font-size: 15px!important;
position: relative;
top:5px;
}
a.f21-link{
font-size: 15px!important;
text-decoration: none;
color: #333333!important;
}
.f21-active2 a{
color:#ffffff!important;
background-color: #808080!important;
font-size: 15px!important;
}
.f21-end{
width: 48%!important;
margin-left: 20px;
text-align: right;
}
.f21-col3b{
margin-left: -25px!important;
margin-top:-5px;
}
.f21-img1{
border: solid 1px #939393;
padding: 9px 11px 28px 29px;
}
.f21-img2{
border: solid 1px #939393;
padding:5px 6px 36px 20px;
}
.f21-img3{
border: solid 1px #939393;
padding: 5px 7px 30px;
margin-top: 20px;
}
.f21-img4{
border: solid 1px #939393;
padding:18px 36px 38px 11px;
margin-top: 10px;
}
@media (max-width: 1010px){
.f21-col3,.f21-col3b {
float:left!important;
}
.f21-end{
margin-left: 70px!important;
}
.f21-col3b{
width: 230px!important;
}
.f21-col3{
width: 180px!important;
}
.f21-btn{
width: auto!important;
height: auto!important;
padding-top: 5px!important;
padding-bottom: 5px!important;
}
#f21-popup-input{
margin-right:-30px!important;
}
}
@media (max-width: 710px){
.f21-col3,.f21-col3b {
float:none!important;
}
.f21-col3b{
margin-left: 0px!important;
margin-top: 10px!important;
margin-bottom: 20px!important;
}
.f21-end{
text-align: left!important;
margin-left: 0!important;
}
}
@media (max-width: 340px){
#f21-popup-input{
margin-left:-2px!important;
}
}
@media (max-width: 225px){
.f21-col3{
font-size:12px!important;
margin-left:-5px!important;
}
.f21-col3b{
width:155px!important;
font-size:11px!important;
}
#f21-popup-input{
width:100px!important;
}
}
@media (max-width: 990px){
.f21-end{
width:auto!important;
}
}
@media (max-width: 637px){
.f21-col3,.f21-col3b,.f21-end{
float:none!important;
margin:auto!important;
text-align:center!important;
}
}
@media (max-width: 1030px){
.f21-box{
padding-top:5px!important;
}
}
/* end block f21 */
/* Block F28 */
.f28-title{
font-size: 17px;
margin-bottom: 20px;
width: 100%;
}
.f28-col3 {
width: 32%;
}
.f28-end {
margin-top: -1px;
text-align: right;
width: 51% !important;
}
.f28-col3b {
margin-left: -35px;
margin-top: -5px;
width: 20%;
z-index: 2;
}
.f28-footer{
width: 80%;
text-align: center;
margin: auto;
}
.f28-btn-white {
background-color: #FFFFFF;
border: 1px solid #828282;
border-radius: 12px;
color: #000000;
font-size: 20px;
font-weight: normal;
height: 45px;
margin-bottom: 10px;
margin-top: 15px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 90%;
}
@media (max-width: 1030px){
.f28-col3{
margin-top: 10px;
margin-bottom: 10px;
float: left;
}
.f28-col3b{
text-align: left!important;
}
.f21-row{
text-align: center!important;
margin:auto!important;
}
}
@media (max-width: 225px){
.f28-listbox{
width: 125px!important;
}
.f28-end{
width: 180px!important;
text-align: center!important;
margin-left: -30px!important;
}
.f28-btn-white{
width: 100%!important;
}
.f21-row{
text-align: center!important;
margin:auto!important;
}
}
@media (max-width: 280px){
.f28-link{
margin-right: 10px!important;
}
}
@media (max-width: 280px){
.f28-col3b{
width: auto!important;
}
}
@media (max-width: 1030px){
.f28-end{
width:auto!important;
margin-top: 10px;
margin-left: 40px;
}
.f28-col3b{
margin-right: 260px;
margin-top: 5px!important;
margin-left: -20px!important;
float: left;
}
}
@media (max-width: 960px){
.f28-col3{
width: 275px!important;
}
.f28-col3b{
margin-right: 0!important;
}
}
@media (max-width: 680px){
.f28-col3,.f28-col3b,.f28-end{
float: none!important;
margin: auto!important;
text-align: center!important;
padding-top: 6px;
padding-bottom: 3px;
}
.f28-col3b{
width: 170px!important;
margin: auto!important;
text-align: center!important;
}
}
@media (max-width: 400px){
.f28-col3{
width: 170px!important;
}
}
.f28-cs6{
background-color: #bfbfbf;
padding: 15px;
height: 140px!important;
margin: 0px;
vertical-align: middle!important;
text-align: center!important;
border: 3px solid #fff;
}
.f28-row{
width: 100%!important;
margin: auto!important;
text-align: center!important;
}
.f28-box{
margin-top: -10px;
}
.f28-box-small{
margin-top: 18px;
}
.f28-link a,.f28-linkb a{
color: #0070c0!important;
text-decoration: underline!important;
font-size: 13px;
}
.f28-link{
text-align: left;
margin-right: 100px;
}
.f28-linkb{
text-align: right;
}
.f28-boxFooter{
margin-top: 20px;
text-align: left!important;
font-size: 14px!important;
}
.f28-btn{
border: solid 1px #000000;
}
.f28-popup{
padding-top: 10px;
}
.f28-line{
border: solid 1px #808080;
margin-bottom: 10px;
}
.f28-popup button {
font-size: 15px !important;
}
.f28-popup{
width: 90%!important;
font-size: 20px;
margin: auto!important;
}
.f28-listbox{
width: 150px!important;
}
@media (max-width: 991px){
.f28-row{
width: 50%!important;
}
.f28-link{
margin-right: 60px!important;
}
}
@media (max-width: 840px){
.f28-link{
margin-right: 25px!important;
}
}
@media (max-width: 740px){
.f28-link{
margin-right: 10px!important;
width: 100%!important;
}
}
@media (max-width: 660px){
.f28-link{
//margin-right: 11px!important;
}
.f28-row{
width: 65%!important;
}
}
@media (max-width: 600px){
.f28-row{
width: 60%!important;
}
}
@media (max-width: 300px){
.f28-row{
width: 100%!important;
}
}
@media (max-width: 560px){
.f28-row{
width: 60%!important;
}
}
@media (max-width: 320px){
.f28-listbox{
width: 120px!important;
}
.f28-col3b{
width: 155px!important;
}
}
@media (max-width: 360px){
.f28-row{
width: 80%!important;
}
}
@media (max-width: 240px){
.f28-col3b{
width: auto!important;
margin-left: -17px!important;
}
.f28-col3{
font-size: 13px!important;
margin-left: -20px!important;
}
}
@media (max-width: 225px){
.f28-row{
width: 100%!important;
}
.f28-col3{
margin-left: -25px!important;
}
.f28-end{
font-size: 13px!important;
width: 150px!important;
margin-left: -12px!important;
}
}
/* block f29*/
.f29-footer{
font-size: 18px;
text-align: center;
margin-bottom: 20px;
}
.f29-box{
border: 1px solid #808080;
border-radius: 12px;
color: #000000;
font-size: 20px;
font-weight: normal;
margin-bottom: 40px;
margin-top: 13px;
padding: 0 20px 5px;
text-align: center;
vertical-align: middle;
margin-left: 10px;
margin-right: 10px;
}
.f29-end{
margin-left: 125px;
text-align: right;
}
.f29-row{
font-size: 15px;
padding-top: 8px;
}
.f29-col3{
width: 45%!important;
float: left;
}
.f29-col3b{
margin-left: -25px!important;
}
@media (max-width: 350px){
.f29-col3{
float: none!important;
width: 100%!important;
text-align: center!important;
}
.f29-end{
text-align: center!important;
height: auto!important;
margin: auto!important;
}
.f29-footer{
font-size: 15px!important;
}
.f29-row{
margin-top:3px!important;
margin-bottom:3px!important;
}
}
@media (max-width: 225px){
.f29-col3{
// width: 120px!important;
font-size: 13px!important;
}
.f29-end{
width: 150px!important;
font-size: 13px!important;
}
}
/* end block f28 */
/* block f30 */
.f30-row{
font-size: 17px;
border: solid 1px #9f9f9f;
}
.f30left{
text-align: left;
padding-top: 20px!important
}
.f30right{
text-align: right;
padding-top: 20px!important
}
.f30-boxheader{
width: 100%;
margin-bottom: 20px;
font-size: 17px;
margin-top: 15px;
}
.f30largesize{
font-size: 50px;
padding-top: 0px!important;
width: 10.6%!important;
}
.f30-box2{
width: 100%;
border: solid 1px #C8C8C8!important;
margin-bottom: 10px;
font-size: 20px;
padding-left: 20px;
}
@media (max-width: 991px){
.f30largesize{margin-right: 38px !important}
.f30right{margin-right: -10px;margin-left: -20px}
.f30left{margin-left: 10px}
}
@media (max-width: 500px){
.f30right,.f30left,.f30largesize{
text-align: center!important;
margin: auto!important;
width: 100%;
}
.f30left{
width: 100%!important;
margin-top: 26px !important;
float:none!important;
}
#f30center{
height:50px!important;
}
.f30largesize{
top:0!important;
}
.f30-box2{height: 165px}
}
@media (max-width: 225px){
.f30right,.f30left{
font-size: 14px!important;
}
.f30largesize{
font-size: 30px!important;
font-weight: bold;
}
#f30center{
height:50px!important;
}
}
table.f30Table td{
width: 16.6%!important;
font-size: 15px!important;
}
/* end block f30 */
/* Block F31 */
.f31{min-width: 320px}
.f31-link a{
text-decoration:underline!important;
color:#0070c0!important;
font-size:13px;
}
#f31left{
text-align:left;
padding-top:16px !important
}
#f31right{
text-align:right;
padding-top:16px !important;
width:25%;
}
.f31middle{
margin-left:-45px;
margin-right:90px;
}
.f31-box2{
width: 100%;
border: solid 1px #C8C8C8!important;
margin-bottom: 10px;
font-size: 20px;
}
.f31-box2 .f31-md9{margin-left: 0px !important;padding-left: 10%}
.f31-box2 .f31-number{padding: 0px 20px;margin-right: 0px !important;}
.f31height{
height:100px;
}
.f31-text{
font-size:15px;
width:100%;
margin-bottom:15px;
margin-top:15px;
}
.f31end a{
line-height:10px;
}
#f31link p{
margin-bottom:2px!important;
}
.f31-md9{
border-right: 1px solid #B0B0B0;
margin-bottom: 0;
margin-left: 50px;
padding-bottom: 10px;
width: 70% !important;
}
.f30-number{
top: 2px!important;
}
.f30largesize{
position: relative;
margin-right:5px;
margin-left:0px!important;
}
#f31link{
height: 69px;
margin-top: 5px;
}
.f31-titlelink{
position:relative;
top:6px;
}
@media (max-width: 1020px){
.f31-md9{
float:left!important;
width:65%!important;
}
}
@media (max-width: 655px){
.f31-md9{
float:none!important;
width:100%!important;
margin:auto!important;
text-align:center!important;
border-right: none;
padding-left: 0px !important;
}
.f31 .line-none{border-bottom: 1px solid #B0B0B0;margin-left: 15px;width: auto;}
#f31link{
width:100%;
margin:auto!important;
text-align:center!important;
}
}
@media (max-width: 350px){
.f31-md9{
font-size:14px!important;
}
}
@media (max-width: 990px){
.f31-md9{
margin-right:15px;
}
}
/* end block f31 */
/* Block F32 */
div.block-f3-searchbar-right a{
color:#ffffff!important;
}
.f32-popup{
text-align:left!important;
font-size:16px;
margin-bottom:15px;
}
.f32-popup .close{
padding-right: 20px;
margin-top: -10px;
}
#f32title{
font-size: 18px !important;
margin-left: 25px !important;
}
.f32-popup-text{
//width: 45%!important;
font-size:15px;
}
.f32-borpopup{
border: 1px solid #919191 !important;
margin: auto;
width: 94%;
line-height:32px;
}
.f32-popup-title-point {
text-align:center;
margin-left: auto;
margin-right:auto;
font-size: 18px !important;
}
.f32input{
margin-left:-10px!important;
}
@media (max-width: 990px){
.f32-popup-text{
width:100%!important;
text-align:center!important;
margin:auto!important;
}
.f32input{
//width:220px!important;
text-align:center!important;
margin:auto!important;
padding-bottom:20px;
}
.f32input{
margin-left:0!important;
}
}
.f32left{
text-align:right;
font-size:40px;
}
.f32right{
text-align:left;
margin-top:20px;
}
.f32btn2{
width:80%!important;
margin-top:-10px!important;
}
.f32-popup2{
width:100%!important;
margin:auto!important;
text-align:center!important;
padding-top:10px;
}
.f32-borpopup2{
margin-bottom: auto !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 12px;
text-align: center;
width: 96%;
}
.f32line{
margin-top:10px;
width:100%!important;
}
#f32line{
border: 1px solid #a0a0a0;
}
.f32text2{
margin-top:10px;
}
.f32-borpopup .col-md-6 {
padding:15px;
}
/* end block f32 */
/* block f33 */
.f33btn{
width: 30%;
min-width: 250px;
}
.f33-col12{
text-align:right;
padding-right:0;
}
h2.f33title{
margin-bottom:0px!important;
padding-bottom:0px!important;
margin-left: 15px;
}
.f33table{
font-size:15px;
margin-top:10px;
}
.f33-box,.f33-box2{
width:50%;
text-align:center;
}
.f33row{
font-size:15px;
padding-bottom:20px;
padding-top:10px;
width:100%;
margin:auto;
}
table.f33row{
margin-bottom:40px;
}
.f33bgyellow{
background-color:#ffff00;
text-align:center;
}
.f33bggray{
background-color:#a6a6a6;
text-align:center;
}
.f33row a{
text-decoration:underline!important;
color:#3aa2ea!important;;
}
.f33row img{
margin-left:10px;
margin-right:10px;
}
/* end block f33*/
/* Block F34 */
.f34footer{
text-align:right!important;
}
.f34footer a{
text-decoration:underline!important;
color:#3aa2ea!important;
font-size:14px;
}
.f34btn{
text-align:right;
}
.f34btn2{
text-align:left;
}
.f34-popup-content{
min-width: 250px;
}
@media (max-width: 991px){
.f34btn{
text-align:center!important;
}
.f34btn2{
text-align:center!important;
}
}
@media (max-width: 350px){
.f34btn{
float: none;
width: 100%;
text-align: center;
}
.f34btn2{
float: none;
width: 100%;
text-align: center;
}
}
/* end f34 */
/* Block f35 */
.f35popuptitle{
font-size:18px!important;
}
.f35row{
font-size:16px!important;
padding-bottom:10px;
border: solid 1px #808080;
padding:10px;
width:100%;
}
.f35rowpopup{
background-color:#bfbfbf;
font-size:16px!important;
padding:10px;
}
.f35title{
text-align:center;
font-size:16px!important;
margin:auto!important;
padding-bottom:20px;
}
.f35-row{
width:100%;
margin:auto!important;
}
.f35bg{
background-color:#bfbfbf;
}
.f35button{
width:85px!important;
}
.f35popupleft{
margin-top:10px;
}
.f35popupbutton{
margin-left: -10px;
margin-top: 28px;
text-align: left;
}
.f35btnright,.f35btnleft{
width:200px;
}
.f35btnfooter{
text-align:right;
}
.f35btnfooter2{
text-align:left;
}
.f35close{
border:0!important;
}
.f35demo{
width:100%;
margin:auto;
text-align:center;
}
.f35btndemo{
font-size:14px;
width:140px;
}
@media (max-width: 991px){
.f35popupbutton{
margin-top:0!important;
text-align:center!important;
}
.f35button{
width:180px!important;
}
.f35btnfooter{
float:right!important;
width:50%!important;
text-align: left!important;
}
.f35btnfooter2 {
float: left !important;
text-align: right!important;
width: 50% !important;
}
}
@media (max-width: 410px){
.f35btnfooter,.f35btnfooter2{
float:none!important;
width: 100% !important;
text-align:center!important;
}
.f35title{
width:160px!important;
}
.f35rowpopup{
width:95%!important;
margin:auto!important;
text-align:center!important;
}
}
/* end block f35 */
#alert_text{ width:100%;margin: 8px 0px 8px 0px;padding:10px; text-align:center;color:#FF0000;font-size:16px; background:#FFEBEC;}
#fin_text{ width:100%;margin: 8px 0px 8px 0px;padding:10px; text-align:center;color:#fff;font-size:16px; background:#5E78C1;}
.table-tab-wrapper table.table-tab-area{
background-color:#F1F3FF;
width:100%; height:60px;
}
.table-tab-wrapper table.table-tab-area{
background-color:#ac5100;
}
ul.tab_area{
margin:0 10px;
font-size: 15px;
}
ul.tab_area li{
width:180px;
float:left;
display:inline;
text-align:center;
color:#FFFFFF;
margin-right:5px;
}
ul.tab_area li a{
display:block;
line-height:40px
!important;
color:#fff !important;
padding:0 10px;
border:1px solid #ccc;
border-bottom:none;
cursor: default;
border-radius:4px 4px 0 0;
}
ul.tab_area li.tab_off a{ cursor:pointer;}
ul.tab_area li a{text-decoration:none;}
ul.tab_area li a{background:#ac5100;}
ul.tab_area li.tab_off a{background:#f7e8da; color:#ac5100 !important;}
ul.tab_area li.tab_off a:hover{ text-decoration:none !important;}
ul.tab_area li.tab_off a:hover{background:#fff;}
.width180{width:180px !important;}
.btn-c46{
background-color: #e6e6e6;
border: none;
border-radius: 12px;
font-size: 15px;
color: #000000;
height: 30px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 140px;
margin-left:10px;
font-weight: normal;
}
.btn-c46-search, .btn-c46-close{
background-color: #e6e6e6;
border: none;
border-radius: 12px;
font-size: 15px;
color: #000000;
height: 30px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 80px;
margin-left:10px;
font-weight: normal;
}
.btn-c46-confirm{
background-color: #e6e6e6;
border: none;
border-radius: 12px;
font-size: 15px;
color: #000000;
height: 30px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 200px;
margin-left:10px;
font-weight: normal;
}
/*
td.number{
padding: 12px 0 0 0;
width: 240px;
vertical-align: middle;
}
*/
p.str-c46{
font-size: 15px;
color: #ffffff;
}
p.str-c46-newadd{
font-size: 10px;
color: #ffffff;
}
table .dispalaynumber{
padding: 12px 0 0 0;
width:60px;
}
table.table-tab-area td.select{
width:70px;
padding:0 5px;
}
table.table-tab-area td.reviews{
border-right:1px
solid #ccc;
padding: 12px 0 0 0;
width: 30px;
}
table.table-tab-area td.table-tab-search input{
width:240px;
}
table.table-tab-area td.table-tab-submit{
padding:0 9px 0 5px;
width:80px;
}
.table-tab-search .textbox {
background-color: #F4F3EF;
border: 1px solid #CFC8BC;
border-radius: 5px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
display: inline !important;
font-size: 14px;
height: 32px;
padding: 5px;
text-align: left;
width: 230px;
margin-left:10px;
}
.cp0201{
padding:20px;
border-left:1px
solid #ccc;
border-right:1px
solid #ccc;
}
.cp0201 span{
display:inline-block;
width:140px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
/* <----- SFV ----- */
/* <----- SFV ----- */
/* Page 1 */
.sfv-company01{
background:url(../images/info/2background.png) center;
background-size: cover;
height: auto;
background-repeat: none;
}
.sfv-company02{
background:url(../images/info/1background.png) center;
background-size: cover;
height: auto;
background-repeat: none;
}
.sfv-company03{
background:url(../images/info/3background.png) center;
background-size: cover;
height: auto;
background-repeat: none;
}
.sfv-contents .sfv-company01 #company01{
height:280px;
padding:20px 420px 0 0;
text-align:center;
background:url(../images/info/web.png) right center no-repeat;
background-size:250px 250px;
font-size:25px;
color:#192a7d;
background-position: 90% -50%;
}
.sfv-contents .sfv-company02 #company02{
height:280px;
padding:20px 0 0 420px;
text-align:center;
background:url(../images/info/spa.png) left center no-repeat;
background-size:250px 250px;
font-size:25px;
color:#fff;
background-position: 12% -50%;
}
.sfv-contents .sfv-company03 #company03{
height:280px;
padding:20px 0 0 420px;
text-align:center;
background:url(../images/info/api.png) left center no-repeat;
background-size:250px 250px;
font-size:25px;
color:#fff;
background-position: 12% -50%;
}
.sfv-contents .sfv-company02 #company02, .sfv-contents .sfv-company03 #company03
{
padding-right: 30px;
}
.sfv-contents .sfv-company01 #company01
{
padding-left: 30px;
}
.sfv-contents .sfv-company-header{
border-left: 5px solid #ff0000;
background-color: #5B4E46;
height: auto;
margin-bottom: 5px;
padding-left: 20px;
padding-top: 9px;
color: #FFFFFF;
font-size: 18px;
padding-bottom: 9px;
text-align: left;
}
.sfv-contents .sfv-company-content{
color: #000000;
text-align: left;
font-size: 15px;
background: #FFFFFF;
margin-bottom: 7px;
opacity: 0.8;
padding: 4px 8px;
}
.sfv-container{
margin-bottom: 80px;
}
@media screen and (max-width: 502px){
.sfv-contents .sfv-company-content{
padding: 2px 5px;
}
}
@media screen and (max-width: 800px) {
.sfv-contents .sfv-company-header {
font-size: 12px;
padding-top: 6px;
padding-bottom: 6px;
}
.sfv-contents .sfv-company-content{
font-size: 10px;
margin-bottom: 5px;
}
.sfv-contents .sfv-company01 #company01{
height:300px;
padding:140px 0 0;
text-align:center;
background:url(../images/info/web.png) center -30px no-repeat;
background-size:156px 156px;
font-size:18px;
color:#192a7d;
margin-bottom: 5px;
}
.sfv-contents .sfv-company02 #company02{
height:300px;
padding:140px 0 0;
text-align:center;
background:url(../images/info/spa.png) center -30px no-repeat;
background-size:156px 156px;
font-size:18px;
color:#FFF;
margin-bottom: 5px;
}
.sfv-contents .sfv-company03 #company03{
height:300px;
padding:140px 0 0;
text-align:center;
background:url(../images/info/api.png) center -30px no-repeat;
background-size:156px 156px;
font-size:18px;
color:#FFF;
margin-bottom: 5px;
}
#company04 p{
padding: 0px 10px 0px 10px;
text-align:left;
font-size:12px;
color:#555;
}
}
/* // Page 1 */
/* // Page 2 */
/*
.sfv-header{
background: url(../images/info/bg2.png) center;
background-repeat: no-repeat;
text-align: center;
padding: 2% 19%;
}
.sfv-bottom{
background: #FFFFFF center;
background-repeat: no-repeat;
text-align: center;
margin-top: 73px;
}
#sfv-header-content{
display: inline-block;
text-align:center;
padding: 60px 10px 62px 40px;
background: #FFFFFF left center no-repeat;
font-size: 13pt;
color: #a3a3a3;
width: 100%;
background-size: 250px 250px;
box-shadow: 2px 1px 8px #888888;
}
.sfv-block1-col-1{
text-align: left;
padding-left: 0;
padding-right: 0;
}
.sfv-block1-col-2{
text-align: left;
padding-left: 0;
padding-right: 0;
}
.sfv-space{
clear: both;
margin-bottom: 20px;
}
.sfv-block1-child-col-1{
padding-left: 0;
padding-right: 0;
}
#sfv-bottom-content{
height: auto;
text-align: center;
font-size: 25px;
color: #192a7d;
}
.sfv-bottom-row{
padding-left: 0;
margin-left: 0;
}
.sfv-book1-gallery-content{
padding-left: 0;
margin-left: 0;
}
.sfv-col-md-6{
text-align: left;
border-left: 2px solid #c40010;
margin-top: 10px;
margin-bottom: 28px;
height: 140px;
font-size: 13pt;
padding: 11px 0 25px 25px;
color: #7a7a7a;
}
.sfv-col-md-6-header{
font-size: 15pt;
color: #000000;
margin-bottom: 5px;
}
@media screen and (max-width: 1320px) {
#sfv-col-md-6-2{
height: 105px;
}
.sfv-col-md-6 {
font-size: 13px;
height: 132px
}
.sfv-col-md-6-header{
font-size: 15px;
}
#sfv-header-content{
font-size: 13px;
height: auto;
}
}
@media screen and (max-width: 1260px) {
.sfv-header {
padding: 2% 19%;
}
}
@media screen and (max-width: 1140px) {
.sfv-block1-child-screen-mobile1{
width: 15%;
}
.sfv-block1-child-screen-mobile{
width: 12%;
}
.sfv-block1-child-screen-mobile2{
width: 65%;
}
}
@media screen and (max-width: 1160px) {
#sfv-header-content {
//font-size: 13px;
}
}
@media screen and(max-width: 1048px) {
.sfv-block1-child-screen-mobile2{
width: 80%;
}
.sfv-bottom{
padding: 0 5%;
}
.sfv-bottom-content{
margin-left: 30px;
margin-right: 30px;
}
}
@media screen and (max-width: 1025px) {
.sfv-bottom-content{
margin: 0 45px;
}
}
@media screen and (max-width: 502px) {
.sfv-contents .sfv-company-content{
padding: 2px 5px;
}
}
@media screen and (max-width: 991px) {
.sfv-block1-col-1{
float: left;
width: 15%;
}
.sfv-block1-col-2{
float: left;
width: 85%;
}
.sfv-header{
padding: 2% 15%;
}
.sfv-block1-child-screen-mobile2{
width: 100%;
}
}
@media screen and (max-width: 989px) {
.sfv-col-md-6 {
height: auto;
}
#sfv-col-md-6-2 {
height: auto;
}
}
@media screen and (max-width: 940px) {
.sfv-col-md-6 {
font-size: 10pt;
}
.sfv-col-md-6-header{
font-size: 9pt;
}
}
@media screen and (max-width: 854px) {
.sfv-block1-child-screen-mobile2{
width: 100%;
}
}
@media screen and (max-width: 882px) {
.sfv-block1-child-screen-mobile{
width: 15%;
}
}
@media screen and (max-width: 861px) {
#sfv-header-content{
padding-left: 5%;
}
}
@media screen and (max-width: 767px) {
#sfv-header-content
{
padding: 5px;
}
.sfv-block1-col-2{
width: 100%;
//float: none;
}
#sfv-child-6{
width: 100%;
}
#sfv-col-1{
width: 100%;
}
.sfv-block1-col-2-marTop{
margin-top: 15px;
}
}
@media screen and (max-width: 791px) {
.sfv-block1-child-col-1{
//min-width: 145px;
}
}
@media screen and (max-width: 640px) {
.sfv-header {
//padding: 1% 1%;
}
.sfv-block1-child-screen-mobile{
width: 15%;
}
.sfv-block1-child-screen-mobile2{
width: 90%;
}
#sfv-header-content {
font-size: 11px;
margin-top: 5%;
}
#sfv-child-7{
width: 20%;
}
#sfv-child-1
{
width: 123px;
}
#sfv-child-2
{
width: 123px;
}
#sfv-child-3
{
width: 180px;
}
#sfv-child-4
{
width: 137px;
}
#sfv-child-5
{
width: 129px;
}
#sfv-child-6{
width: 100%;
}
}
*/
/* //Page 3 */
/* //-------Bottom------- */
.sfv-book1-col-md-6{
padding: 0;
color: #666666;
}
.sfv-book1-col1-left{
//background: url(../images/info/book1.jpg) no-repeat;
width: 241px;
height: 166px;
float: left;
padding-left: 0;
padding-right: 0;
}
.sfv-book1-col2-left{
//background: url(../images/info/book2.jpg) no-repeat;
width: 241px;
height: 166px;
float: left;
padding-left: 0;
padding-right: 0;
}
.sfv-book1-col1-right{
float: left;
width: 50%;
text-align: left;
padding: 10px 10px;
}
.sfv-book1-right-top{
font-size: 15px;
border-bottom: 1px solid #666666;
margin-bottom: 15px;
padding-bottom: 5px;
padding-left: 5px;
}
.sfv-book1-gallery-img{
padding-left: 0;
}
.sfv-book1-gallery-img2
{
padding-left: 0;
padding-right: 0;
}
.sfv-book1-right-bottom{
font-size: 13px;
}
.sfv-book1-row-header{
background: #f06544;
margin-top: 30px;
padding: 5px 10px;
color: #FFFFFF;
font-size: 20px;
}
.sfv-book1-gallery{
margin-top: 10px;
}
.sfv-book1-gallery-content{
padding: 20px 20px 20px 0;
}
#sfv-book1-gallery-img1{
padding: 1%;
}
#sfv-book1-gallery-img2{
padding: 1%;
}
#sfv-book1-gallery-img3{
padding: 1%;
}
#sfv-book1-gallery-img4{
padding: 1%;
}
#sfv-book1-gallery-img5{
padding: 1%;
}
#sfv-book1-gallery-img6{
padding: 1%;
}
.sfv-col-padding{
padding: 0;
}
.sfv-book1-container{
margin-bottom: 0;
}
#sfv-buttons-footer{
background: #adebfc;
}
.sfv-book1-col-bgimg{
float:left;
}
.sfv-block-top{
padding: 15px 23%;
max-width: none;
}
.sfv-book1-gallery{
width: 98%;
text-align: center;
margin: auto;
}
.sfv-bottom-row{
margin-top: 25px;
}
@media screen and (max-width: 998px)
{
.sfv-book1-col-md-6{
width: 100%;
margin-bottom: 10px;
}
.sfv-book1-col1-right{
width: 70%;
padding-right: 0;
}
.sfv-book1-right-top{
}
}
@media screen and (max-width: 836px)
{
.sfv-book1-col1-right{
width: 67%;
}
}
@media screen and (max-width: 762px)
{
.sfv-book1-col1-right{
width: 63%;
}
}
@media screen and (max-width: 683px)
{
.sfv-book1-col1-right{
width: 60%;
}
}
@media screen and (max-width: 640px)
{
.sfv-book1-col1-right{
width: 65%;
}
.sfv-book1-right-top{
font-size: 12px;
}
.sfv-book1-right-bottom{
font-size: 11px;
}
.sfv-book1-col1-left img, .sfv-book1-col2-left img{
width: 161px;
height: 111px;
//background-size: cover;
}
.sfv-book1-col1-left, .sfv-book1-col2-left{
width: 100%;
height: 111px;
//background-size: cover;
}
.sfv-bottom-row{
padding-left: 0;
}
.sfv-book1-row-header{
padding: 2px 5px;
color: #FFFFFF;
font-size: 14px;
}
.sfv-book1-btns{
font-size: 11px;
height: 36px;
font-weight: normal;
padding-left: 14px;
padding-right: 14px;
margin-right: 7px;
}
}
@media screen and (max-width: 491px)
{
.sfv-book1-col1-right{
width: 60%;
}
}
@media screen and (max-width: 434px)
{
.sfv-book1-col1-right{
width: 50%;
}
}
@media screen and (max-width: 415px)
{
.sfv-book1-col1-right{
width: 100%;
padding-left: 0;
}
.sfv-book1-col-bgimg{
width: 100%;
text-align: center;
}
}
@media screen and (max-width: 365px)
{
.sfv-book1-col1-right{
width: 100%;
padding-left: 0;
}
}
.block4top{
font-size: 15px;
margin: auto;
max-width: 1000px;
padding: 15px;
}
.block4-btn{
background-color: #ff9900;
border-radius: 15px;
color: #ffffff;
font-size: 16px;
font-weight: normal;
height: 50px;
margin-right: 6px;
padding-left: 32px;
padding-right: 32px;
}
.block4top .col-md-6{
padding-left: 0;
padding-right: 0;
}
.blockf4Container1{
width: 100%;
background-color: #fbddd5;
margin: auto;
}
.block4right{
text-align: right;
padding-right: 0;
width: 44%;
}
.blockf4Container2
{
margin: auto;
max-width: 995px;
padding: 0;
}
.blockf4Container3
{
max-width: 1070px;
padding-left: 30px;
padding-top: 10px;
margin: auto;
}
.block4Table{
margin-top: 20px;
font-size: 13px;
margin-left: 7px;
color:#666666;
}
.tdblock4{
text-align: center;
vertical-align : middle!important;
}
.tdblock4b{
text-align: right;
vertical-align : middle!important;
}
.border_block4{
border-bottom: solid 1px #000000;
font-size: 15px;
text-align: center;
margin-bottom: 20px;
padding-bottom: 8px;
}
.block4Float{
width: 47%;
float: left;
margin-left: 5px;
}
.block4Intro,.block4Float{
font-size: 13px;
}
.block4Float p{
margin-top: 5px;
}
.blockf4_third{
margin-left: 0px;
margin-right: 0px;
color:#666666;
}
.blockf4_mdleft{
padding-left: 10px;
width: 48%;
}
.blockf4_mdright{
padding-right: 0px;
width: 51%;
}
.tdblock4,.tdblock4size{
width: 16.6%;
}
.block4left{
color: #666666;
margin-left: 28px;
position: relative;
top: 5px;
width: 53%;
}
.sfv-tdright{
text-align: right;
}
.block4topfull .col-md-6{
padding-left: 0;
padding-right: 0;
}
.block4topfull{
font-size: 15px;
margin: auto;
max-width: 1060px;
padding: 15px;
}
.block5-btn{
background-color: #ff9900;
border-radius: 15px;
color: #ffffff;
font-size: 16px;
height: 50px;
font-weight: normal;
padding-left: 26px;
padding-right: 26px;
margin-right: 10px;
}
.block5left{
width: 43%;
color: #666666;
font-size: 16px;
margin-left: 28px;
}
.block5right{
margin-left: 33px;
margin-right: 0;
padding-right: 0;
text-align: right;
width: 51%;
}
.tdblock5{
text-align: center;
vertical-align : middle!important;
}
.sfv-header{
padding-top: 16px;
}
.tdblock5b{
text-align: left;
vertical-align : middle!important;
}
.headersmall{
margin-top: 10px;
}
.tdblock5c{
text-align: right;
vertical-align : middle!important;
}
.tdblock5,.tdblock5b,.tdblock5c{
width: 16.6%;
}
@media screen and (max-width: 640px){
.block5left,.block5-btn{
font-size: 14px;
}
}
@media screen and (max-width: 1070px){
.block5left{
float: left;
}
.block5right{
width: 50%;
}
.block5-btn{
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width: 1095px){
.block4left,.block4right{
float: none;
width: 100%;
text-align: center;
margin: auto;
}
.block4left{
margin-bottom: 10px;
top:0px;
}
.block4right{
padding-left: 0px;
}
.block4Table{
margin: auto;
margin-top: 25px;
margin-bottom: 10px;
}
.blockf4Container3{
padding-left: 0px;
}
}
@media screen and (max-width: 1060px){
.block4Table{
width: 95%;
}
}
@media screen and (max-width: 495px){
.block4-btn{
margin-bottom: 8px;
}
}
@media screen and (max-width: 640px){ // size small
.block4right button{
font-size: 14px;
}
.block4left{
font-size: 13px;
}
.block4Table{
font-size: 9px;
}
.block4Intro{
font-size: 11px;
}
.block4Float{
font-size: 8.5px;
}
.block5-btn{
font-size: 14px;
}
}
@media screen and (max-width: 995px){
.blockf4_mdleft,.blockf4_mdright{
width: 100%;
text-align: center;
margin: auto;
padding-bottom: 20px;
padding-top: 10px;
}
}
@media screen and (max-width: 992px){
.block5left,.block5right{
float: none;
width: 100%;
text-align: center;
margin: auto;
}
.block5left{
margin-bottom: 10px;
}
}
@media screen and (max-width: 730px){
.block4Float img{
width: 85%;
}
}
@media screen and (max-width: 777px){
.tdblock4{
width: 10.6%;
}
.tdblock4size{
width: 22.6%;
}
}
/* ----- SFV -----> */
/* ----------------------------
START Common
------------------------------ */
/* Start sub 1 page : top/_orders_list.html.erb */
/*
.modal{z-index:10000000}
*/
/* End sub 1 */
/* ----------------------------
End Common
------------------------------ */
/* ----------------------------
START <POPUP> senders/index.html.erb
------------------------------ */
/*
.f23-f8 .modal-header{border-bottom:none}
.f23-f8 .modal-header .close{margin-top:-20px;margin-right: -8px;}
.f23-f8 .modal-body{padding-top:0px;}
.f23-f8 .btn-2{border-radius:0px;background:#6699ff;color:#fff;height:30px;border:none}
.f23-f8 .form-control{height:30px;border-radius:0px;border:1px solid #b1b1b1;margin-bottom:1px}
.f23-f8 .col-md-9{padding-left:0px}
.f23-f8 .col-md-3{padding-right:0px}
.f23-f8 .modal-dialog{width:630px;}
.f23-f8 .modal-dialog .div-sender-left{padding-left: 15px; padding-right: 4px;}
.f23-f8 .modal-dialog .div-sender-right{padding-left: 4px; padding-right: 15px;}
.f23-f8 .modal-dialog .title-1,.f23-f8 .modal-dialog .title-1 label { color: #666666;font-size: 13px;font-weight: normal;}
.f23-f8 .modal-dialog .modal-title {font-size:20px}
.f23-f8 .modal-dialog .title-3,.f23-f8 .modal-dialog .title-2{font-size:13px}
.f23-f8 .modal-dialog .text-title-1{font-size: 15px;line-height: 20px;margin-bottom: 20px;margin-top: -5px;}
.f23-f8 .modal-dialog #div-row-zip {margin-top:30px}
.f23-f8 .modal-dialog .font13 {font-size:13px;font-weight: normal;}
.f23-f8 .title-3{color:#ccc;}
.f23-f8 .col-md-9 select{width:120px;font-size: 14px;line-height: 1.42857;padding: 6px 12px;}
.f23-f8 hr{border-bottom: 1px solid #999999;border-top:none}
.f23-f8 .btn-9{width:260px;height:50px;background:#ffcc00;color:#000;border-radius:7px;font-size:18px;margin-bottom:30px}
.f23-f8 .title-2{background:#cc0000}
.f23-f8 .f8-hide{display:none}
.f23-f8 .f8-text-right {margin-top: 9px;}
.f23-f8 .modal-dialog #div-field-zip input, .f23-f8 .modal-dialog #div-field-zip button {
float: left;
}
.f23-f8 .modal-dialog #div-field-zip .div-note {
clear: both;
float: left;
margin-left: 15px;
}
.f23-f8 .modal-dialog #div-field-zip input {
margin-left: 15px;
margin-right: 8px;
width: 205px;
}
@media screen and (max-width: 991px){
.f23-f8 .modal-dialog #div-field-zip input {
width: 350px!important;
}
.f23-f8 .modal-dialog .space-1-none{margin-bottom: 0px;}
.f23-f8 .modal-dialog .space-3-none{margin-bottom: 10px;}
.f23-f8 .modal-dialog .text-title-1{margin-bottom: 0px;}
.f23-f8 .input-1 {float: left;width: 80%;}
.f23-f8 .input-2 {float: left;width: 20%;}
.f23-f8 .modal-dialog .div-sender-left,
.f23-f8 .modal-dialog .div-sender-right{ padding-left: 15px; padding-right: 15px;text-align:left!important;}
.f23-f8 .modal-dialog #div-row-zip {margin-top:0px}
}
#sender_address_pref_new{
border: 1px solid #b1b1b1;
border-radius: 0;
height: 30px;
margin-bottom: 1px;
background-color: #fff;
background-image: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
display: block;
font-size: 14px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
@media (max-width: 768px){
.f23-f8 .modal-dialog{width:300px;}
*/
/*.f23-f8 .input-1 {float: left;width: 250px;}*/
/*
.f23-f8 .btn-9{width:150px;}
.f23-f8 .f8-hide{display:block}
.f23-f8 .f8-show{display:none}
.f23-f8 .modal-dialog .btn-9 {width: 220px;}
.f23-f8 .modal-dialog .text-title-1{margin-bottom: 0px;}
.f23-f8 .modal-dialog .f8-text-right {margin-top: -8px;}
*/
/*.f23-f8 .modal-dialog .space-3 {margin-bottom: 20px;}*/
/*
.f23-f8 .modal-dialog .space-3 {margin-bottom: 3px;}
*/
/*.f23-f8 .modal-dialog .space-1 {margin-bottom: -24px;}
.f23-f8 .modal-dialog .btn-9 {margin: 30px auto;}*/
/*}
@media (max-width: 580px){
.f23-f8 .modal-dialog #div-field-zip input {
width: 150px!important;
}
.f23-f8 .input-2 {float: left;width: auto;}
.f23-f8 .input-1 {float: left;width: 250px;}
}
@media (max-width: 400px){
.f23-f8 .modal-dialog #div-field-zip input {
width: 142px!important;
}
.f23-f8 .input-1 {float: left;width: 150px;}
}
*/
/* ----------------------------
End <POPUP> senders/index.html.erb
------------------------------ */
/* START BLOCK-P4
F1 - top/_orders_list.html.erb
*/
/*BLOCK-P1*/
/*
#footer{min-width:200px !important}
*/
.f2-mypage{margin-right:20px !important}
.f2-mypage{margin-right:20px !important}
.f2-mypage .f2new-title{font-size:18px !important}
.f2-mypage .f2new-title-right, .f2-mypage .top-bgbox{font-size:15px !important}
/*END*/
/*
#text-white {
color: #333333 !important;
}
#text-orange {
color: #cc9900 !important;
}
*/
.box-f1new{
color: #999999;
float: right;
font-size: 12px;
height: 46px;
margin-top: 35px;
text-align: center;
text-decoration: underline;
vertical-align: middle;
width: 80px;
}
.f1new-Info1{
width: 43.5%!important;
}
.f1new-Info2{
border-right: 1px solid #c8c8c8;
width: 43.5%!important;
}
.f2new-footer{
background-color:#dbe7f0;
width: 50%;
text-align: center;
margin: auto;
padding: 5px;
margin-bottom: 20px;
margin-top: 30px;
}
.f2new-foottext{
font-size: 20px;
color: #6699ff;
}
.f2new-footer p{
margin-bottom: 0px;
}
.block-f2new-searchbar{
background-color: #333333!important;
}
.submit-f2new{
background-color: #6699ff!important;
}
.submit-f2new{
padding-left: 12px!important;
padding-right: 12px!important;
margin-left: 0px!important;
font-size: 13px;
}
.active-f2new{
background:none;
}
.block-f2-searchbar-right .active-f2new a{
color:#6699ff!important;
}
.search-f2{
width: 50%!important;
}
.downdrop{
display: none;
}
.line-f2new{
border: solid 1px #cccccc;
}
.f2new-title{
width: 78%;
}
.f1new-Info1 .box-f2-bg{
width: 70px!important;
text-align: center;
margin-left:0px!important;
padding-left:0px!important;
height: auto!important;
}
.f1new-Info2 .box-f2-bg2{
width: 110px!important;
text-align: center;
margin-left:0px!important;
padding-left:0px!important;
height: auto!important;
}
.f2new-content{
margin-right: 0px;
}
.box-f1new a{
color: #999999!important;
}
.f2new-border{
display: none;
}
.f2new-right{
font-size: 12px;
}
.block4Table td{
padding:4px!important;
}
.blockphoto1-space{
margin-left: 3px!important;
}
.block4top2 {
font-size: 15px;
margin: auto;
max-width: 1030px;
padding: 0 15px;
}
.block4right{
text-align: right;
padding-right: 0;
width: 46%;
}
.block4left-space{
margin-left: 26px;
}
.book1title{
margin-top: 100px!important;
}
.block4left{
margin-left: 0px;
}
.block5left{
position:relative;
top:4px;
left:10px;
margin-left:19px;
}
.sfv-header{
margin-right:auto;
padding-top: 14px;
width: 101%;
}
.sfv-book1-gallery-content{
margin-top: 5px;
margin-bottom:7px;
padding: 0!important;
}
.block5right{
margin-left:40px;
}
.block4left{
width:54%;
}
.blogfooter-photo1{
margin-bottom: 32px!important;
}
.blogfooter-book1{
margin-bottom: 103px!important;
}
.blogfooter-photo1{
margin-bottom: 32px!important;
}
.headersmall{
width:100.3%;
}
.sfv-book1-align{
padding-top: 10px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
}
.sfv3-bgheader{
background-color: #66999a;
font-size: 12px;
color:#ffffff;
}
@media (max-width:710px){
.f2new-left{
float: none;
width: 100%;
text-align: center;
padding-bottom: 10px!important;
}
.f2new-right{
float: none!important;
text-align: center;
margin: auto;
margin-top: 10px;
margin-right: 0px!important;
}
.block-f2new-searchbar{
padding-left: 0px!important;
height: auto!important;
padding-bottom: 5px;
}
}
@media (max-width: 420px){
.downdrop{
display: block;
height: 10px;
}
#block-f2-searchbar.block-f2new-searchbar{
height: auto!important;
}
.block4Float{
margin-left: 4px;
}
}
@media (max-width: 640px){
.f2new-left,.f2new-left.search-f2{
font-size: 11px!important;
}
.f2new-right{
font-size: 10px;
}
.block4Float img{
width: auto;
height: auto;
}
}
@media (max-width: 470px){
.f2new-box,.f2new-title{
margin: auto;
text-align: center;
margin-top: 20px;
}
.f2new-title-right{
text-align: right;
}
.box-f2-info1{
border-top: solid 2px #cccccc;
padding-top: 10px;
width: 100%!important;
}
.f1new-Info2{
border-right:none;
margin-top: 5px!important;
}
.box-f2-info1.f1new-Info1{
margin-top: 35px!important;
}
.f2new-footer{
width: 88%;
}
.box-f1new{
float: none;
text-align: right;
height: auto;
display: inline-block;
width: 100%;
margin-top: 10px;
}
.f2new-border{
display: block;
}
.f2new-hide{
display: none;
}
.f1new-Info2{
width: auto!important;
}
}
@media (max-width: 990px){
.blockf4_mdright{
padding-left: 10px;
}
.block5left{
margin-left: 0px!important;
}
.block5right{
margin-left: 0px!important;
}
}
@media screen and (max-width: 1050px){
.block4Table {margin-left: 0px;}
.sfv-book1-row-header{
width: 100%;
}
.sfv-book1-gallery-content{
margin-right: 0px;
}
.block4topfull, .blockf4Container3{
min-width: auto;
}
.blockf4Container2{
width: 95%;
}
}
@media screen and (max-width: 1090px){
.sfv-book1-gallery-content{
padding:3px!important;
}
.block4right{
width: 100%!important;
text-align: center!important;
}
.block4left-space{
margin-left: 0px;
}
.block5left {
left:0px;
}
}
@media (max-width:1095px){
.blockf4Container1{
padding: 15px!important;
}
.block4left{
width:100%!important;
text-align:center!important;
}
.block4topfull, .blockf4Container3{
padding:0px!important;
}
.blockf4Container1{
padding:10px!important;
}
}
/* END
F2 - top/_orders_list.html.erb
*/
/* START
F15 - orders/index.html.erb, orders/_get_point_info.html.erb
*/
.sfv-f15-boxheader{
font-size: 15px;
margin-bottom: 33px;
//margin-top: 15px;
width: 100%;
color: #666666;
}
.sfv-f15-box2{
border: 0 !important;
font-size: 20px;
margin-bottom: 25px;
width: 100%;
}
.sfv-f15-md6{
border: 1px solid #66999a;
margin-bottom: 0;
margin-left: 50px;
//padding-bottom: 10px;
width: 50%!important;
padding-left: 2%!important;
text-align: center;
padding: 1% 2% 2%;
//width: 70% !important;
color: #66999a;
font-size: 17px;
}
.sfv-f15-numbertext{
width: auto!important;
font-size: 35px;
}
.sfv-f15-btn-orange{
border-radius: 15px;
padding: 4% 3%;
width: 100%;
text-align: center;
height: auto;
}
.sfv-f15-btn-orange a{
color: #FFFFFF !important;
font-size: 16px!important;
}
.sfv-f15-link-button{
padding-left: 46px;
padding-right: 85px;
padding-top: 1%;
text-align: right;
}
.sfv-f15-sp{
padding-right: 3%;
}
.sfv-f15-row-1{
margin-left: 0;
margin-right: 0;
}
.sfv-f15-row-2{
margin-left: 0;
}
.sfv-f15-link-button a{
text-decoration: none!important;
}
.sfv-f15-row-1-block1{
font-size: 15px;
background: #c5e0b4;
margin-left: 0;
margin-right: 0;
}
.sfv-f15-row-1-block2{
font-size: 15px;
margin-left: 0;
margin-right: 0;
}
.sfv4-f15-row-1-block2{
margin-right: 0;
}
.sfv-col-md-4-blocks{
padding-left: 0;
padding-right: 0;
}
.sfv-f15-row-1-block2-1{
//padding-left: 15px;
}
.sfv-f15-block-1{
padding: 10px 0;
padding-left: 10px!important;
border: 1px solid #dddddd;
}
.sfv-f15-block-1{
padding-left: 0;
}
.sfv-f15-block-visible
{
//visibility: hidden;
display: none;
}
.sfv-f15-blockContent{
height: 1000px;
}
.sfv-table-f15-responsive{
margin-bottom: 145px;
margin-left: 0;
margin-right: 0;
}
.sfv-f15-boxheader{
font-size: 15px;
}
.sfv-block-none-f15{
display: none;
}
.sfv-bg-yellow{
background: none repeat scroll 0 0 #ffffcc;
color: #666666;
font-size: 20px;
padding: 3% 0!important;
width: 100%;
margin-bottom: 145px;
text-align: center;
line-height: 33px;
}
@media screen and (max-width: 991px)
{
.sfv-col-md-4-blocks .sfv-f15-row-1-block2 .sfv4-f15-border-block2{
border-left: 1px solid #dddddd;
}
.sfv-f15-numbertext{
margin-right: 0 !important;
}
.sfv-f15-block-visible
{
display: block;
}
.sfv-f15-content-table-1{
margin-top: 10px;
}
.sfv-f15-link-button{
margin-top: -3%!important;
text-align: left;
padding: 2% 14px;
}
.sfv-f15-row-1-block2-1{
padding-left: 0;
}
.sfv-f15-media-margin span
{
//margin-left: 10px;
}
.sfv-col-md-4-blocks{
padding-right: 15px;
}
}
@media screen and (max-width: 655px)
{
.sfv-bg-yellow {
width: 100%;
}
.sfv-f15-row-1{
padding: 0 15px;
}
.sfv-f15-link-button{
width: 100%;
}
.sfv-f15-md6{
width: 100%!important;
}
.sfv-f15-link-button {
padding: 3% 0px;
}
.sfv-f15-box2 {
margin-bottom: 1%;
}
.sfv-table-f15-responsive{
margin-left: 15px;
margin-right: 0;
}
.f15-new-btn-orange{
padding: 20px 10px;
font-size: 16px!important;
}
.sfv-f15-row-1-block1, .sfv-f15-row-1-block2{
font-size: 15px;
}
}
@media screen and (max-width: 640px)
{
.sfv-bg-yellow{
font-size: 15px;
text-align: left;
padding-left: 13px!important;
line-height: 23px;
}
.sfv-f15-boxheader{
font-size: 14px;
}
.sfv-f15-numbertext{
font-size: 40px;
}
.sfv-f15-btn-orange a{
font-size: 16px!important;
}
.sfv-f15-row-1{
padding: 0 20px;
}
.sfv-f15-block-1{
font-size: 15px;
}
}
@media screen and(max-width: 340px)
{
.sfv-f15-block-1{
min-width: 121px;
}
}
@media screen and (max-width: 320px)
{
.sfv-f15-md6{
padding-right: 10%;
padding-left: 4%!important;
padding-top: 3%;
}
.sfv-f15-span-span {
margin-left: 6px;
margin-top: 34px;
position: absolute;
text-align: right;
}
.sfv-block-none-f15{
display: block;
width: 100%;
text-align: right;
}
.sfv-f15-span-1{
width: 100%;
text-align: left;
}
.sfv-f15-span-number{
text-align: right;
}
.sfv-div-f15-textsmall{
text-align: left;
}
.sfv-f15-numbertext{
width: 68%!important;
text-align: right!important;
top: 10px!important;
}
.sfv-f15-span-1{
width: 100%;
float: left;
text-align: left;
}
.sfv-f15-block-1{
min-width: 138px;
}
.sfv-f15-media-margin{
min-width: 255px;
}
.sfv-f15-row-1-block1{
min-width: 255px;
}
}
/* END
F15 - orders/index.html.erb, orders/_get_point_info.html.erb
*/
/*==============================================================================================*/
/*=======================================BLOCK-P1===================================================*/
/*==============================================================================================*/
/*
.sfv2-menu-b .sfv-menu .sfv-menu-content {
padding-right: 0px;
}
*/
#pageAB .container.b1{
padding-left: 0px!important;
padding-right: 0px!important;
}
#pageAB .bg-grey-1 {
background-color: #666666;
}
#pageAB .block-bg-grey {
background-color: #e6e6e6;
}
#pageAB .box-22 {
height: auto;
padding: 12px 0px;
}
#pageAB .b1 .b1c8-white-row-2,
#pageAB .b1 .b1c8-white-row-1 {
padding-left: 0px;
padding-right: 0px;
}
#pageAB .b1 .b1c8-hr hr {
color: #666;
border-bottom: 1px solid;
margin: 0;
padding: 0;
}
#pageAB .container.b1 .box-padding {
padding-left: 10px!important;
padding-right: 10px!important;
}
#pageAB .b1 .box-container {
max-width: 1000px;
}
#pageAB .b1 .box{
margin-left: 0px;
display: block;
}
#pageAB .b1 .a5title {
padding-top: 17px;
margin-top: 0px;
width: 100%;
margin-bottom: 10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#pageAB .b1 .a5title {
padding-top: 23px; /* IE10 */
}
}
#pageAB .b1 .a5title h1 {
font-size : 20px;
font-color: #000;
}
#pageAB .b1 .b1c8-col-header-left ul li {
height: 50px;
line-height: 50px;
padding-left: 30px;
width: 250px;
text-align: left;
}
#pageAB .b1 .b1c8-col-header-left ul li span{
font-size: 15px;
}
#pageAB .b1 .b1c8-col-header-left {
padding: 7px 0px;
margin-left: 0;
width: 55%;
}
#pageAB .b1.b1c8 .b1c8-col-header-right {
padding-top: 7px;
width: 45%;
}
#pageAB .b1 .b1c8-block-header {
padding: 5px;
margin-left: 0;
margin-right: 0;
margin-top: -10px;
}
/* button */
#pageAB .b1 .btn-14 {
padding-left: 20px;
padding-right: 20px;
text-align: left;
width: auto;
height: auto;
background: #FFCC00;
border-radius: 7px;
}
#pageAB .b1 .btn-14 .title-1{
color: #000;
font-weight: normal;
font-size: 16px;
}
#pageAB .b1 .btn-11, #pageAB .b1 .btn-12 ,#pageAB .b1 .btn-13 {
font-size: 18px;
}
#pageAB .b1.b1c8 .b1c8-bg-grey {
padding: 30px 10px;
margin-bottom: 0px;
}
#pageAB .b1 .b1c8-white-row-1 .title-1 {
color: #0F5300;
font-size: 15px;
}
#pageAB .b1 .b1c8-white-row-2 span {
font-size: 13px;
color: #333;
}
#pageAB .b1 .b1c8-hr {
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
}
#pageAB .b1c8 .b1c8-btn2 ul li {
padding: 0 4px;
}
#pageAB .b1c8 .b1c8-white-row-1 {
margin-bottom: 0;
}
#pageAB .b1 .b1c8-col-left ,#pageAB .b1 .b1c8-col-right{
float: left;
width: 50%;
}
#pageAB .b1 .b1c8-col-left img,#pageAB .b1 .b1c8-col-right img{
height: auto;
margin-bottom: 10px;
}
#pageAB .b1 .b1c8-col-left.img2 img, #pageAB .b1 .b1c8-col-right.img2 img{
height: 245px;
}
#pageAB .b1 .b1c8-col-left {
padding-right: 15px;
}
#pageAB .b1 .b1c8-col-right{
padding-left: 15px;
}
#pageAB .b1 .b1c8-nav {
margin-bottom: 20px;
margin-top: 30px;
font-size: 13px;
color: #666;
}
#pageAB .b1 .b1c8-nav a:link {
font-size: 13px;
color: #666;
}
#pageAB .b1 .b1c8-nav ul li{
display: inline-block;
}
#pageAB .b1 .b1c8-buttons-plus-fb img {
width: auto;
height: auto;
margin-top: 10px;
}
#pageAB .b1 .b1c8-buttons-plus-fb a:last-child img {
margin-top: 11px;
}
@media screen and (max-width: 1030px){
#pageAB .b1 .box-container {
padding-left: 10px;
padding-right: 10px;
}
#pageAB .b1 .bg-grey-1 .box-container {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width: 991px){
#pageAB .b1 .b1c8-col-header-left, #pageAB .b1.b1c8 .b1c8-col-header-right {
width: 100%;
float: none;
display: inline-block;
margin-bottom: 10px;
}
#pageAB .b1 .b1c8-col-left ,#pageAB .b1 .b1c8-col-right{
float: none;
width: 100%;
text-align: center;
padding: 0px;
}
}
@media screen and (max-width: 871px){
#pageAB .b1 .b1c8-col-header-right {
text-align: right;
}
#pageAB .b1 .b1c8-col-header-left ul li {
border-left: 1px solid;
}
}
@media screen and (max-width: 768px){
#pageAB .b1 .b1c8-col-left img,#pageAB .b1 .b1c8-col-right img{
margin-bottom: 0px;
}
#pageAB .b1.b1c8 .b1c8-col-header-right {
text-align: center;
}
#pageAB .b1.b1c8 .b1c8-bg-grey {
padding : 20px 0px;
}
#pageAB .b1 .b1c8-block-header {
margin-top: -20px;
}
#pageAB .b1.b1c8 .b1c8-col-header-right {
padding-top: 10px;
}
#pageAB .b1 .btn-14 {
padding-left: 10px;
padding-right: 10px;
}
#pageAB .b1 .btn-11, #pageAB .b1 .btn-12, #pageAB .b1 .btn-13 {
width: 150px;
font-size: 15px;
}
}
@media screen and (max-width: 540px){
#pageAB .b1 .b1c8-col-header-left ul li {
line-height: 10px;
width: 145px;
padding-left: 15px;
min-width: 0px;
}
#pageAB .b1 .b1c8-col-header-left ul li:last-child {
width: 95px;
}
#pageAB .b1 .b1c8-col-left img,#pageAB .b1 .b1c8-col-right img{
height: auto;
}
#pageAB .b1 .b1c8-col-left.img2 img, #pageAB .b1 .b1c8-col-right.img2 img{
height: auto;
}
#pageAB .b1 .b1c8-col-header-left ul li span.b1c8-block-header-span-left{
line-height: 31px;
width: 100%;
display: block;
}
#pageAB .b1 .b1c8-col-header-left ul li span.b1c8-block-header-span-right {
//line-height: 20px;
}
#pageAB .b1.b1c8 .b1c8-btn2 ul li {
padding: 0px 1px;
}
#pageAB .b1 .btn-11, #pageAB .b1 .btn-12, #pageAB .b1 .btn-13 {
width: 92px;
font-size: 9px;
height: 20px;
line-height: 19px;
padding-top: 0px;
border: 1px solid;
}
#pageAB .b1 .btn-12{
border: 1px solid #FF0000;
}
#pageAB .b1 .btn-13{
border: 1px solid #FF9900;
}
#pageAB .b1 .btn-11 {
height: 20px;
}
}
@media screen and (max-width: 400px){
#pageAB .b1 .btn-14 {
max-width: 100%;
}
#pageAB .b1 .b1c8-nav {
display: none;
}
#pageAB .b1 .b1c8-btn-footer {
margin-bottom: 50px;
}
#pageAB .b1 .b1c8-buttons-plus-fb a{
display: block;
}
#pageAB .b1 .b1c8-buttons-plus-fb a:last-child img {
margin-top: 5px;
}
#pageAB .b1 .b1c8-hr {
padding-top: 10px;
}
}
@media screen and (max-width: 340px){
#pageAB .b1 .btn-14 {
max-width: 290px;
}
}
/*F20*/
.sfv1-F20 {
padding-left: 10px;
padding-right: 10px;
max-width: 1000px;
margin: auto;
min-width: 300px;
margin-top: 75px;
}
.sfv1-F20 .sfv1-F20-h1 h1 {
color: #000;
font-size: 20px;
}
.sfv1-F20 .sfv1-bg-yellow-header {
background: none repeat scroll 0 0 #fbef8b;
color: #000000;
display: inline-block;
font-size: 15px;
padding: 5px 10px;
text-align: left;
width: 100%;
}
.sfv1-F20 .notice-message {
background: #E9E9E9;
font-size: 15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
margin-top: 5px;
}
.sfv1-F20 form {
text-align: center;
margin-top: 15px;
}
.sfv1-F20 .sfv1-form {
margin: auto;
display: table;
}
.sfv1-F20 .sfv1-form .sfv1-form-row {
display: table-row;
}
.sfv1-F20 .sfv1-form .sfv1-form-row > div {
text-align: left;
display: table-cell;
}
.sfv1-F20 .sfv1-form .sfv1-form-row .form-label{
width: 235px;
padding-top: 2px;
}
.sfv1-F20 .sfv1-form .sfv1-form-row .form-label div:first-child{
background: none repeat scroll 0 0 #cc0000;
color: #ffffff;
display: inline-block;
font-size: 11px;
margin-top: 3px;
padding: 3px;
text-align: center;
width: 50px;
}
.sfv1-F20 .sfv1-form .sfv1-form-row .form-label.none div:first-child{
background: none;
}
.sfv1-F20 .sfv1-form .sfv1-form-row .form-label div:last-child{
display: inline-block;
font-size: 13px;
padding: 5px;
color: #666;
}
.sfv1-F20 .sfv1-form .sfv1-form-row .form-input{
width: 300px;
}
.sfv1-F20 .sfv1-form .sfv1-form-row .form-input input{
font-family: inherit !important;
font-size: 14px;
height: 30px;
margin-bottom: 5px;
padding: 0 10px;
width: 100%
}
.sfv1-F20 .sfv1-form .sfv1-form-row .form-input span {
color: #d3d3d3;
font-size: 13px;
}
.sfv1-F20 .sfv1-form .sfv1-form-row .form-input span.span2 {
color: #666;
}
.sfv1-F20 .sfv1-form .sfv1-space {
display: inline-block;
padding: 5px 0;
width: 100%;
}
.sfv1-F20 .sfv1-form2 {
width: 698px;
margin: auto;
}
.sfv1-F20 .sfv1-form2 .form-notice {
font-size: 15px;
text-align: left;
margin-top: 20px;
}
.sfv1-F20 .sfv1-form2 .form-radio, .sfv1-F20 .sfv1-form2 .form-textarea {
width: 100%;
margin: auto;
}
.sfv1-F20 .sfv1-form2 .form-radio{
background: #fde3e3;
padding-top: 15px;
padding-bottom: 5px;
}
.sfv1-F20 .sfv1-form2 .form-radio > div{
color: #333;
font-size: 15px;
}
.sfv1-F20 .sfv1-form2 .form-radio > div:last-child {
margin-top: 10px;
text-align: left;
padding-left: 10px;
}
.sfv1-F20 .sfv1-form2 .form-radio .radio-inline{
margin-left: 17px;
}
.sfv1-F20 .sfv1-form2 .form-radio .radio-check {
margin-left: -26px;
margin-top: -2px;
position: absolute;
}
.sfv1-F20 .sfv1-form2 .form-radio label{
color: #666;
font-size: 13px;
margin-bottom: 15px;
}
.sfv1-F20 .sfv1-form2 .form-radio .regular-radio:checked + label:after {
background: none repeat scroll 0 0 #3399cc !important;
height: 10px;
left: 4px;
top: 4px;
width: 10px;
}
.sfv1-F20 .sfv1-form2 .form-textarea textarea {
width: 100%;
margin-top: 20px;
height: 235px;
font-size: 14px;
padding: 10px;
font-family: inherit !important;
}
.sfv1-F20 .sfv1-form2 .form-textarea button{
background: none repeat scroll 0 0 white;
border: 1px solid #4c4b4c;
border-radius: 7px;
color: #666;
font-size: 18px;
height: 50px;
margin-bottom: 20px;
margin-top: 20px;
width: 309px;
}
.sfv1-F20 .sfv1-form2 .form-textarea p{
color: #666;
font-size: 12px;
}
.sfv1-F20 .sfv1-form2 .terms {
width: 430px!important;
margin: auto;
font-size: 12px;
color: #666;
}
@media screen and (max-width: 768px){
.sfv1-F20 .sfv1-form, .sfv1-F20 .sfv1-form2, .sfv1-F20 .sfv1-form2 .terms {
width: 450px;
}
.sfv1-F20 .sfv1-form .sfv1-space {
padding: 3px 0;
}
.sfv1-F20 .sfv1-form .sfv1-form-row > div {
text-align: left;
display: inline-block;
width: 100%!important;
}
.sfv1-F20 .sfv1-form .sfv1-form-row .form-label.label-none {
display: none;
}
.sfv1-F20 .sfv1-form .sfv1-form-row .form-label.none div:first-child{
display: none;
width: 0px;
}
.sfv1-F20 .sfv1-form .sfv1-form-row .form-label.none div:last-child{
padding-left: 0px;
}
.sfv1-F20 .sfv1-form .sfv1-form-row .form-input span.span2 {
padding-left: 10px;
}
.sfv1-F20 .sfv1-form2 .form-radio .radio-inline{
margin-left: 12px;
}
.sfv1-F20 .sfv1-form2 .form-radio .radio-inline {
min-width: 125px;
}
}
@media screen and (max-width: 600px){
.sfv1-F20 {
margin-top: 50px;
}
.sfv1-F20 .sfv1-form, .sfv1-F20 .sfv1-form2, .sfv1-F20 .sfv1-form2 .terms{
width: 284px!important;
}
.sfv1-F20 .sfv1-form2 .terms{
margin-bottom: -30px;
}
.sfv1-F20 .sfv1-form2 .form-radio label {
font-size: 12px;
}
.sfv1-F20 .sfv1-form2 .form-radio .radio-inline{
margin-left: 5px;
}
.sfv1-F20 .sfv1-form2 .form-textarea p{
text-align: left;
}
.sfv1-F20 .sfv1-form2 .form-textarea button {
width: 100%;
}
}
/*D2*/
.sfv1-d2{
max-width: 1000px;
margin: auto;
min-width: 300px;
}
#main .kuhaku#d10 .container {
padding: 0px;
}
#main .kuhaku#d10 .sfv1-d2 .sfv4-menu-container {
padding-left: 0px!important;
padding-right: 0px!important;
}
.sfv1-d2 .sfv1-d2-h1 h1 {
color: #000;
font-size: 20px;
}
.sfv1-d2 .sfv1-bg-yellow-header {
background: none repeat scroll 0 0 #fbef8b;
color: #000000;
display: inline-block;
font-size: 15px;
padding: 5px 10px;
text-align: left;
width: 100%;
}
.sfv1-d2 form {
text-align: center;
margin-top: 15px;
}
.sfv1-d2 .sfv1-form {
margin: auto;
display: table;
}
.sfv1-d2 .sfv1-form .sfv1-form-row {
display: table-row;
}
.sfv1-d2 .sfv1-form .sfv1-form-row > div {
text-align: left;
display: table-cell;
}
.sfv1-d2 .sfv1-form .sfv1-form-row .form-label{
width: 150px;
padding-top: 2px;
}
.sfv1-d2 .sfv1-form .sfv1-form-row .form-label div:first-child{
background: none repeat scroll 0 0 #cc0000;
color: #ffffff;
display: inline-block;
font-size: 11px;
margin-top: 3px;
padding: 3px;
text-align: center;
width: 50px;
}
.sfv1-d2 .sfv1-form .sfv1-form-row .form-label.none div:first-child{
background: none;
}
.sfv1-d2 .sfv1-form .sfv1-form-row .form-label div:last-child{
display: inline-block;
font-size: 13px;
padding: 5px;
color: #666;
}
.sfv1-d2 .sfv1-form .sfv1-form-row .form-input{
width: 380px;
}
.sfv1-d2 .sfv1-form .sfv1-form-row .form-input input{
font-family: Meiryo;
font-size: 14px;
height: 30px;
line-height: 28px;
margin-bottom: 5px;
padding: 0 10px;
width: 100%;
}
.sfv1-d2 .sfv1-form .sfv1-form-row .form-input.form-input-browser input{
width: 205px;
margin-right: 3px;
}
.sfv1-d2 .sfv1-form .sfv1-form-row .form-input .btn-browser {
background: none repeat scroll 0 0 #6699ff;
border: none;
border-radius: 0;
color: #fff;
height: 30px;
font-size: 13px;
padding: 2px 10px;
font-family: Meiryo;
font-weight: normal;
}
.sfv1-d2 .sfv1-form .sfv1-form-row .form-input span {
color: #d3d3d3;
font-size: 13px;
}
.sfv1-d2 .sfv1-form .sfv1-form-row .form-input span.span2 {
color: #666;
}
.sfv1-d2 .sfv1-form .sfv1-space {
display: inline-block;
padding: 5px 0;
width: 100%;
}
.sfv1-d2 .sfv1-form-2 {
margin-top: 20px;
}
.sfv1-d2 .sfv1-form-2 div:first-child{
float: right;
}
.sfv1-d2 .sfv1-form-2 div:first-child button{
background-color: #ffcc00;
border: medium none;
border-radius: 12px;
color: #000;
font-size: 18px;
font-weight: normal;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 260px;
font-family: inherit;
}
.sfv1-d2 .sfv1-form-2 div:last-child{
float: left;
}
.sfv1-d2 .sfv1-form-2 div:last-child button{
background-color: #efefef;
border: medium none;
border-radius: 12px;
color: #b5b5b5;
font-size: 18px;
font-weight: normal;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 100px;
font-family: inherit;
}
.sfv1-d2 .sfv1-form-3 {
text-align: right;
display: inline-block;
width: 100%;
margin-top: 20px;
font-size: 13px;
color: #666;
}
.sfv1-d2 .content-note {
border-top: 1px solid #999;
margin-top: 17px;
padding-top: 30px;
font-size: 13px;
color: #666;
margin-bottom: 40px;
}
.sfv1-d2 .content-note p{
margin-bottom: 5px;
}
.sfv1-d2 .content-note p.space-top {
margin-top: 20px;
}
@media screen and (max-width: 1030px){
.sfv1-d2{
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 768px){
.sfv1-d2 .sfv1-form {
width: 450px;
}
.sfv1-d2 .sfv1-form .sfv1-space {
padding: 3px 0;
}
.sfv1-d2 .sfv1-form .sfv1-form-row > div {
text-align: left;
display: inline-block;
width: 100%!important;
}
.sfv1-d2 .sfv1-form .sfv1-form-row .form-label.label-none {
display: none;
}
.sfv1-d2 .sfv1-form .sfv1-form-row .form-label.none div:first-child{
display: none;
width: 0px;
}
.sfv1-d2 .sfv1-form .sfv1-form-row .form-label.none div:last-child{
padding-left: 0px;
}
.sfv1-d2 .sfv1-form .sfv1-form-row .form-input span.span2 {
padding-left: 10px;
}
.sfv1-d2 .sfv1-form2 .form-radio .radio-inline{
margin-left: 12px;
min-width: 125px;
}
.sfv1-d2 .content-note {
font-size: 11px;
}
}
@media screen and (max-width: 600px){
.sfv1-d2 .sfv1-form {
width: 100%!important;
}
.sfv1-d2 .sfv1-form-2 div:last-child{
margin-top: 20px;
}
.sfv1-d2 .sfv1-form-2 div{
float: none!important;
text-align: center!important;
}
.sfv1-d2 .sfv1-form-2 div:last-child button{
width: 260px;
}
.sfv1-d2 .sfv1-form-2 div:last-child {
margin-top: 15px;
}
.sfv1-d2 .sfv1-form-3 {
margin-top: 15px;
}
.sfv1-d2 .sfv1-form-3 {
text-align: left;
}
}
/*------------------------D1----------------------------*/
#main #d9 {
min-width: 0px;
}
#main .container.sfv1-d1 {
margin: 0 auto auto !important;
max-width: 1000px;
min-width: 300px;
padding-left: 0 !important;
padding-right: 0 !important;
}
#main .kuhaku#d9 .sfv1-d1 .sfv4-menu-container {
padding-left: 0px!important;
padding-right: 0px!important;
}
#main .container.sfv1-d1 .row {
margin-left: 0;
margin-right: 0;
}
.sfv1-d1 div {
padding-left: 0;
padding-right: 0;
}
.sfv1-d1 .sfv1-d1-h1 h1{
font-size: 20px;
}
.sfv1-d1 .sfv1-d1-row-1 {
border: 1px solid #d3d3d3;
color: #333333;
margin-bottom: 15px;
font-size: 13px;
}
.sfv1-d1 .sfv1-d1-row-1 > div {
border-right: 1px solid #d3d3d3;
}
.sfv1-d1 .sfv1-d1-row-1 > div:last-child {
border-right: none;
}
.sfv1-d1 .sfv1-d1-row-1 > div > div {
padding: 4px 10px;
}
.sfv1-d1 .sfv1-d1-row-1 > div > div:first-child {
border-bottom: 1px solid #d3d3d3;
background: none repeat scroll 0 0 #ffffcc;
}
.sfv1-d1 .sfv1-d1-row-1 > div:first-child > div:last-child {
text-align: left;
}
.sfv1-d1 .sfv1-d1-row-1 > div > div.align-right {
text-align: right;
}
.sfv1-d1 .sfv1-d1-row-data > div:last-child {
font-size: 15px;
color: #333;
text-align: right;
border-bottom: 1px solid #d3d3d3;
margin-bottom: 15px;
padding: 10px 0px;
}
.sfv1-d1 .sfv1-d1-row-data.doubleborder > div:last-child {
border-bottom: 3px double #d3d3d3;
}
.sfv1-d1 .sfv1-d1-row-data > div:last-child > div {
padding-right: 5px;
}
.sfv1-d1 .sfv1-d1-row-data-table > div:last-child {
font-size: 13px;
color: #333;
text-align: left;
border: 1px solid #d3d3d3;
}
.sfv1-d1 .sfv1-d1-row-data-table > div:last-child > div > div:first-child {
border-bottom: 1px solid #d3d3d3;
background: none repeat scroll 0 0 #ffffcc;
padding: 4px 10px;
}
.sfv1-d1 .sfv1-d1-row-data-table > div:last-child > div > div:last-child {
font-size: 15px;
height: 55px;
text-align: right;
padding: 17px 10px;
}
.sfv1-d1 .sfv1-d1-row-data-table > div:last-child > div:last-child > div:last-child {
text-align: left;
padding-top: 12px;
padding-left: 15px;
position: relative;
}
.sfv1-d1 .sfv1-d1-row-data-table > div:last-child > div:first-child > div {
border-right: 1px solid #d3d3d3;
}
.sfv1-d1 .sfv1-d1-row-data-table input {
height: 30px;
width: 150px;
}
.sfv1-d1 .sfv1-d1-row-data-table button {
background: none repeat scroll 0 0 #6699ff;
border: medium none;
border-radius: 0;
color: #fff;
font-family: Meiryo;
font-size: 13px;
font-weight: normal;
height: 30px;
padding: 2px 10px;
width: 60px;
position: absolute;
margin-left: 5px;
}
.sfv1-d1 .sfv1-d1-row-2 {
color: #333333;
margin-top: 15px;
font-size: 15px;
}
.sfv1-d1 .sfv1-d1-row-2 > div:last-child{
border-left: 1px solid #d3d3d3;
padding-left: 20px;
padding-top: 10px;
}
.sfv1-d1 .sfv1-d1-row-2 > div:last-child p{
margin-bottom: 4px;
}
.sfv1-d1 .sfv1-d1-row-2 > div:last-child p.p-gray{
font-size: 12px;
color: #999;
text-align: right;
margin-top: 9px;
}
.sfv1-d1 .sfv1-d1-row-3 {
color: #333333;
margin-top: 15px;
font-size: 15px;
}
.sfv1-d1 .sfv1-d1-row-3 > div:last-child{
background: #ffffcc;
padding-left: 15px;
padding-top: 15px;
padding-bottom: 5px;
padding-right: 15px;
}
.sfv1-d1 .sfv1-d1-row-3 > div:last-child select{
font-size: 14px;
height: 30px;
line-height: 30px;
padding: 5px 5px;
width: 130px;
}
.sfv1-d1 .sfv1-d1-row-3 > div:last-child button{
background-color: #ffcc00;
border: none;
border-radius: 0px;
color: #333;
font-size: 13px;
font-weight: normal;
height: 30px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 175px;
margin-left: 15px;
font-family: Meryo Regular;
}
.sfv1-d1 .sfv1-d1-row-3 > div:last-child p:last-child {
font-size: 12px;
margin-top: 10px;
}
.sfv1-d1 .sfv1-d1-row-4 {
background: none repeat scroll 0 0 #fbef8b;
color: #000000;
display: inline-block;
font-size: 15px;
padding: 5px 10px;
text-align: left;
width: 100%;
margin-top: 40px;
}
.sfv1-d1 .sfv1-d1-row-5 {
font-size: 15px;
margin-top: 10px;
margin-bottom: 20px;
}
.sfv1-d1 .sfv1-d1-row-5 > div > div > div {
display: inline-block;
width: 49%;
}
.sfv1-d1 .sfv1-d1-row-5 button.btn-trigger{
background-color: #ffffff;
border: 1px solid #999999;
border-radius: 10px;
font-weight: normal;
height: 40px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 230px;
font-size: 13px;
margin: 0;
display: inline-block;
color: #333;
font-family: Meryo Regular;
background: url("../images/arrow_red_button.jpg") no-repeat 10px center;
margin-bottom: 10px;
}
.sfv1-d1 .sfv1-d1-row-5 > div:first-child > div button:first-child{
margin-right: 15px;
}
.sfv1-d1 .sfv1-d1-row-5 > div:last-child > div:first-child{
font-size: 15px;
color: #FFF;
background: #66999a;
padding-top: 15px;
padding-bottom: 10px;
text-align: center;
height: 50px;
}
.sfv1-d1 .sfv1-d1-row-5 > div:last-child > div:last-child >div {
min-height: 88px;
}
.sfv1-d1 .sfv1-d1-row-5 > div:last-child > div:first-child p{
margin: 0px;
}
.sfv1-d1 .sfv1-d1-row-5 > div:last-child {
border: 1px solid #d3d3d3;
}
.sfv1-d1 .sfv1-d1-row-5 > div:last-child > div:last-child > div{
font-size: 13px;
color: #333;
float: left;
}
.sfv1-d1 .sfv1-d1-row-5 > div:last-child > div:last-child > div:first-child{
padding-left: 15px;
padding-top: 30px;
width: 45%;
}
.sfv1-d1 .sfv1-d1-row-5 > div:last-child > div:last-child > div:last-child{
padding-top: 25px;
width: 55%;
text-align: center;
}
.btn-np {
font-size: 15px;
color: #333;
height: 40px;
font-family: Meryo Regular;
width: 230px;
border-radius: 10px;
text-align: center;
background-color: #ffffff;
border: 1px solid #999999;
font-weight: normal;
}
@media screen and (max-width: 1030px){
#main .container.sfv1-d1 {
padding-left: 10px!important;
padding-right: 10px!important;
}
}
@media screen and (max-width: 991px){
.sfv1-d1 .sfv1-d1-row-1 > div {
border-right: none;
}
.sfv1-d1 .sfv1-d1-row-1 > div:first-child div:first-child {
border-top: none;
}
.sfv1-d1 .sfv1-d1-row-1 > div div:first-child {
border-top: 1px solid #d3d3d3;
}
.sfv1-d1 .sfv1-d1-row-data > div:first-child {
display: none;
}
.sfv1-d1 .sfv1-d1-row-data > div:last-child {
width: 100%;
}
.sfv1-d1 .sfv1-d1-row-data > div:last-child > div {
display: inline-block;
width: 49%
}
.sfv1-d1 .sfv1-d1-row-data > div:last-child > div:first-child {
padding-right: 15px;
}
.sfv1-d1 .sfv1-d1-row-data-table > div:first-child {
display: none;
}
.sfv1-d1 .sfv1-d1-row-data-table > div:last-child {
margin-top: 5px;
}
.sfv1-d1 .sfv1-d1-row-data-table > div:last-child > div:first-child > div {
border-right: none;
}
.sfv1-d1 .sfv1-d1-row-data-table input {
width: 300px;
}
.sfv1-d1 .sfv1-d1-row-data-table > div:last-child > div:last-child > div:first-child {
border-top: 1px solid #d3d3d3;
}
.sfv1-d1 .sfv1-d1-row-2 div:first-child {
display: none;
}
.sfv1-d1 .sfv1-d1-row-3 div:first-child {
display: none;
}
.sfv1-d1 .sfv1-d1-row-4 {
margin-top: 30px;
}
.sfv1-d1 .sfv1-d1-row-5 > div:first-child {
float: none;
text-align: center;
}
.sfv1-d1 .sfv1-d1-row-5 > div:last-child {
display: inline-block;
width: 100%;
}
}
@media screen and (max-width: 768px){
.sfv1-d1 .sfv1-d1-row-5 > div:last-child > div:last-child > div {
width: 100%;
}
.sfv1-d1 .sfv1-d1-row-5 > div:last-child > div:last-child > div:last-child {
text-align: center;
}
}
@media screen and (max-width: 540px){
.sfv1-d1 .sfv1-d1-row-data-table input {
width: 150px;
}
.sfv1-d1 .sfv1-d1-row-3 > div:last-child button{
display: block;
margin-top: 10px;
margin-left: 0px;
width: 100%;
}
.sfv1-d1 .sfv1-d1-row-5 > div > div > div {
width: 100%;
}
.sfv1-d1 .sfv1-d1-row-5 > div:last-child > div:last-child > div {
width: 100%!important;
min-height: 0px;
}
.sfv1-d1 .sfv1-d1-row-5 > div:last-child > div:last-child > div:first-child {
padding-top: 10px;
}
.sfv1-d1 .sfv1-d1-row-5 > div:last-child > div:last-child > div:last-child {
padding-top: 0px;
padding-bottom: 10px;
}
.sfv1-d1 .sfv1-d1-row-5 > div:last-child > div:last-child > div:first-child {
padding-right: 10px;
}
}
/*------------------------D7 use css of D1----------------------------*/
.sfv1-d7 .sfv1-d7-row-0 {
border-left: 1px solid #d3d3d3;
padding-left: 20px;
padding-top: 10px;
color: #333333;
font-size: 15px;
margin-bottom: 20px;
}
.sfv1-d7 .sfv1-d7-row-0 p.p-gray {
color: #999;
font-size: 12px;
margin-top: 9px;
text-align: right;
max-width: 432px;
}
.sfv1-d7 .sfv1-d7-row-0 p {
margin-bottom: 4px;
}
.sfv1-d7 .sfv1-d7-row-0 p.row-0-left,
.sfv1-d7 .sfv1-d7-row-0 p.row-0-right {
display: inline-block;
}
.sfv1-d7 .sfv1-d7-row-0 p.row-0-right {
margin-left: 80px;
}
.sfv1-d7 .sfv1-d7-row-5 {
margin-top: 10px;
}
.sfv1-d7 .sfv1-d7-row-5 > div {
display: table;
width: 100%;
border-right: 1px solid #d3d3d3;
border-top: 1px solid #d3d3d3;
}
.sfv1-d7 .sfv1-d7-row-5 > div:last-child {
border-bottom: 1px solid #d3d3d3;
}
.sfv1-d7 .sfv1-d7-row-5 > div > div {
width: 50%;
float: left;
}
.sfv1-d7 .sfv1-d7-row-5 > div > div > div{
display: table-cell;
vertical-align: middle;
font-size: 13px;
height: 30px;
}
.sfv1-d7 .sfv1-d7-row-5 > div > div > div.row-5-label {
background: #66999a;
width: 150px;
text-align: center;
color: #fff;
border-right: 1px solid #d3d3d3;
border-left: 1px solid #d3d3d3;
}
.sfv1-d7 .sfv1-d7-row-5 > div > div > div.row-5-value {
padding-left: 15px;
}
.sfv1-d7 .sfv1-d7-row-6 {
margin: 30px 0px;
display: inline-block;
width: 100%;
}
.sfv1-d7 .sfv1-d7-row-6 > div {
float: right;
}
.sfv1-d7 .sfv1-d7-row-6 > div:first-child {
text-align: right;
width: 60%;
}
.sfv1-d7 .sfv1-d7-row-6 > div:first-child button{
background-color: #ffcc00;
border: medium none;
border-radius: 12px;
color: #000;
font-size: 18px;
font-weight: normal;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 260px;
font-family: inherit
}
.sfv1-d7 .sfv1-d7-row-6 > div:last-child {
text-align: left;
width: 40%;
}
.sfv1-d7 .sfv1-d7-row-6 > div:last-child button{
background-color: #efefef;
border: medium none;
border-radius: 12px;
color: #b5b5b5;
font-size: 18px;
font-weight: normal;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 100px;
font-family: inherit;
}
@media screen and (max-width: 991px){
.sfv1-d7 .sfv1-d7-row-5 div{
width: 100%!important;
float: none!important;
display: block!important;
border: none;
}
.sfv1-d7 .sfv1-d7-row-5 > div > div > div {
padding: 6px 5px;
min-height: 30px;
border-top: 1px solid #d3d3d3;
border-left: 1px solid #d3d3d3;
border-right: 1px solid #d3d3d3;
}
}
@media screen and (max-width: 768px){
.sfv1-d7 .sfv1-d7-row-0 p.row-0-left,
.sfv1-d7 .sfv1-d7-row-0 p.row-0-right {
display: block;
}
.sfv1-d7 .sfv1-d7-row-0 p.row-0-right {
margin-left: 0px;
}
}
@media screen and (max-width: 540px){
.sfv1-d7 .sfv1-d1-h1 h1 {
margin-bottom: 10px;
}
.sfv1-d7 .sfv1-d7-row-0 {
margin-bottom: 10px;
}
.sfv1-d7 .sfv1-d1-row-4 {
margin-top: 5px;
}
.sfv1-d7 .sfv1-d7-row-6 {
margin-top: 0px;
margin-bottom: 30px;
}
.sfv1-d7 .sfv1-d7-row-6 > div {
float: none;
width: 100%!important;
text-align: center!important;
display: inline-block;
margin-bottom: 10px;
}
.sfv1-d7 .sfv1-d7-row-6 > div button {
width: 260px!important;
}
.sfv1-d7 .sfv1-d7-row-5 {
margin-bottom: 40px;
}
}
/*------------------------C10----------------------------*/
#main .sfv1-c10 {
text-align: center;
min-width: 300px;
margin-top: 0px;
}
#main .sfv1-c10 .sfv1-c10-body{
max-width: 1000px;
margin: auto;
}
#main .sfv1-c10 .row {
margin-left: 0;
margin-right: 0;
}
.sfv1-c10 div {
padding-left: 0;
padding-right: 0;
}
.sfv1-c10 .sfv1-c10-h1 h1 {
color: #333;
font-size: 20px;
text-align: left;
}
.sfv1-c10 .sfv1-c10-row1 {
text-align: right;
width: 100%;
}
.sfv1-c10 .sfv1-c10-row1 button {
background-color: #ffcc00;
border: medium none;
border-radius: 12px;
color: #000;
font-family: inherit;
font-size: 18px;
font-weight: normal;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 260px;
}
.sfv1-c10 .sfv1-c10-row2 {
margin-top: 10px;
height: 45px;
background: #504f4f;
width: 100%
text-align: center;
}
.sfv1-c10 .sfv1-c10-row2 > div{
padding-left: 5px;
padding-right: 10px;
}
.sfv1-c10 .sfv1-c10-row2 > div > div{
float: left;
width: 50%;
padding-top: 8px;
}
.sfv1-c10 .sfv1-c10-row2 > div > div:first-child > div {
float: left;
}
.sfv1-c10 .sfv1-c10-row2 .sfv1-text {
font-size: 15px;
color: #FFF;
padding-top: 5px;
margin-right: 15px;
}
.sfv1-c10 .sfv1-c10-row2 .sfv1-button {
text-align: right;
}
.sfv1-c10 .sfv1-c10-row2 .sfv1-button button {
color: #000;
font-size: 14px;
width: 115px;
height: 30px;
border-radius: 5px;
font-family: inherit;
font-weight: normal;
background: #FFF;
}
.sfv1-c10 .sfv1-c10-row2 .sfv1-button button:first-child {
margin-right: 10px;
}
.sfv1-c10 .sfv1-c10-row2 .sfv1-button button:last-child {
background: #ffff99;
}
.sfv1-c10 .sfv1-c10-row2 > div > div:last-child {
text-align: right;
}
.sfv1-c10 .sfv1-c10-row2 > div > div button.btn-download {
background: url("../images/arrow-download.png") no-repeat scroll 0 7px #504f4f;
border-radius: 5px;
border-right: 2px none;
color: #fff;
font-family: inherit;
font-size: 15px;
font-weight: normal;
height: 30px;
padding-left: 25px;
padding-right: 0;
width: 400px;
}
.sfv1-c10 .sfv1-c10-row3 > div{
text-align: center;
font-size: 20px;
color: #333;
background: #ffffcd;
padding-top: 11px;
padding-bottom: 8px;
width: 100%;
}
.sfv1-c10 .sfv1-c10-row3 p{
margin: 0px;
}
.sfv1-c10 .sfv1-c10-row4 {
background: #666;
padding-top: 10px;
padding-bottom: 10px;
font-size: 15px;
color: #333;
}
.sfv1-c10 .sfv1-c10-row4 > div > div{
text-align: center;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-nav {
background: none repeat scroll 0 0 #fff;
border-radius: 10px;
display: inline-block;
margin-bottom: 30px;
padding: 10px 20px;
max-width: 905px;
width: 100%;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-nav > div{
float: left;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-nav .sfv1-c10-page{
width: 85%;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-nav .sfv1-c10-total{
width: 15%;
text-align: right;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-nav > div > div >{
float: left;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-nav .sfv1-c10-page p {
float: left;
font-size: 18px;
line-height: 29px;
margin: 0 30px 0 0;
padding-top: 3px;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-nav .sfv1-c10-page ul {
float: left;
margin-bottom: 0px;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-nav .sfv1-c10-page ul li {
display: inline-block;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-nav .sfv1-c10-page ul li {
border: 1px solid #666;
height: 35px;
width: 35px;
padding-top: 6px;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-nav .sfv1-c10-page ul li:hover {
background: #504f4f;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-nav .sfv1-c10-page ul li a{
color: #333;
font-size: 15px;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-nav .sfv1-c10-total p {
border-bottom: 2px solid #c3c3c3;
clear: both;
color: #333;
display: inline-block;
line-height: 15px;
margin: 0;
padding-top: 10px;
width: 68px;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-img > div {
margin-bottom: 20px;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-img > div img{
height: 495px;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-button {
max-width: 905px;
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-button > div {
float: left;
width: 50%;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-button > div:first-child {
padding-right: 2px;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-button > div:last-child {
padding-left: 2px;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-button> div button {
background: #fff;
width: 100%;
color: #666;
font-size: 18px;
font-family: inherit;
font-weight: normal;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-button > div:first-child button {
border-radius: 10px 0px 0px 10px;
margin-left: 1px;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-button > div:last-child button{
border-radius: 0px 10px 10px 0px;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-button > div button span{
padding-top: 3px;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-button > div button span:last-child{
display: none;
}
#main .sfv1-c10 .sfv1-c10-row5 {
margin-top: 5px;
margin-bottom: 10px;
display: inline-block;
width: 100%
}
.sfv1-c10 .sfv1-c10-row5 >div {
width: 50%;
font-size: 15px;
color: #fff;
float: left;
}
.sfv1-c10 .sfv1-c10-row5 >div:first-child {
padding-right: 1px;
}
.sfv1-c10 .sfv1-c10-row5 >div:last-child {
padding-left: 1px;
}
.sfv1-c10 .sfv1-c10-row5 > div > button{
background: none repeat scroll 0 0 #504f4f;
border-radius: 0;
color: #fff;
font-family: inherit;
font-size: 15px;
font-weight: normal;
height: 60px;
padding-top: 0;
width: 100%;
}
.sfv1-c10 .sfv1-c10-row5 button{
background: none repeat scroll 0 0 #504f4f;
border-radius: 0;
color: #fff;
font-family: inherit;
font-size: 15px;
font-weight: normal;
height: 60px;
padding-top: 0;
width: 100%;
}
#main .sfv1-c10 .sfv1-c10-footer {
display: inline-block;
margin: 0 0 30px;
padding: 0;
width: 100%;
}
.sfv1-c10 .sfv1-c10-footer > div {
float: right;
}
.sfv1-c10 .sfv1-c10-footer > div:first-child {
text-align: right;
width: 60%;
}
.sfv1-c10 .sfv1-c10-footer > div:last-child {
text-align: left;
width: 40%;
}
.sfv1-c10 .sfv1-c10-footer .btns-black {
background-color: #efefef;
border: medium none;
border-radius: 12px;
color: #b5b5b5;
font-family: inherit;
font-size: 18px;
font-weight: normal;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 100px;
}
.sfv1-c10 .sfv1-c10-footer .btns-yellow {
background-color: #ffcc00;
border: medium none;
border-radius: 12px;
color: #000;
font-family: inherit;
font-size: 18px;
font-weight: normal;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 260px;
}
@media screen and (max-width: 1030px){
#main .sfv1-c10 .sfv1-c10-body{
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 991px){
.sfv1-c10 .sfv1-c10-row2 > div > div {
float: none;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.sfv1-c10 .sfv1-c10-row2 {
height: auto;
}
.sfv1-c10 .sfv1-c10-row2 > div > div:last-child {
display: none;
}
.sfv1-c10 .sfv1-c10-row2 > div > div:first-child > div {
float: none;
text-align: center;
width: 100%;
}
.sfv1-c10 .sfv1-c10-row2 .sfv1-text {
padding-top: 0px;
}
.sfv1-c10 .sfv1-c10-row2 .sfv1-text p{
margin-bottom: 5px;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-nav {
display: none;
}
.sfv1-c10 .sfv1-c10-row5 >div:first-child {
display: none;
}
.sfv1-c10 .sfv1-c10-row5 >div:last-child {
width: 100%;
}
}
@media screen and (max-width: 768px){
.sfv1-c10 .sfv1-c10-row2 {
margin-top: 0px;
}
.sfv1-c10 .sfv1-c10-row1 {
display: none;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-img > div img{
height: 360px;
}
}
@media screen and (max-width: 600px){
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-img > div img{
height: 220px;
}
.sfv1-c10 .sfv1-c10-footer > div {
float: none!important;
width: 100%!important;
text-align: center!important;
}
.sfv1-c10 .sfv1-c10-footer .btns-black{
width: 260px;
margin-top: 20px;
}
}
@media screen and (max-width: 480px){
.sfv1-c10 .sfv1-c10-row2, .sfv1-c10 .sfv1-c10-row4 {
background: #FFF;
}
.sfv1-c10 .sfv1-c10-row2 .sfv1-c10-body > div, .sfv1-c10 .sfv1-c10-row4 .sfv1-c10-body > div{
background: #504f4f;
}
.sfv1-c10 .sfv1-c10-row4 {
padding-top: 0px;
padding-bottom: 0px;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-body > div{
padding-top: 10px;
padding-bottom: 0px;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-button {
padding-left: 5px;
padding-right: 5px;
}
.sfv1-c10 .sfv1-c10-row3 > div {
text-align: left;
padding-left: 10px;
}
.sfv1-c10 .sfv1-c10-row3 {
padding: 0px 10px;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-img > div img{
height: 173px;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-button > div button span:last-child{
display: block;
}
.sfv1-c10 .sfv1-c10-row4 .sfv1-c10-button > div button span:first-child{
display: none;
}
.sfv1-c10 .sfv1-c10-row5 >div:last-child span {
display: block;
}
.sfv1-c10 .sfv1-c10-row5 >div:last-child span:first-child {
display: block;
}
.sfv1-c10 .sfv1-c10-row5 > div > div {
padding-top: 10px;
}
.sfv1-c10 .sfv1-c10-row2 .sfv1-text{
font-size: 13px;
}
.sfv1-c10 .sfv1-c10-row2 .sfv1-button button {
font-size: 15px;
}
.sfv1-c10 .sfv1-c10-row3 > div {
font-size: 16px;
}
#main .sfv1-c10 .sfv1-c10-row5 {
margin-top: 1px;
}
}
/************ C4 tab****************/
/*
#main .container.blockC.C44.C47 {
padding-left: 0px !important;
padding-right: 0px !important;
}
*/
/*
.sfv7-c4-tab {
width: 100%;
display: inline-block;
margin-bottom: 10px;
}
.sfv7-c4-tab .row-tab {
display: table;
margin: 0px;
}
.sfv7-c4-tab .row-tab > li {
border-radius: 5px 5px 0 0;
float: left;
font-family: inherit;
font-size: 13px;
font-weight: normal;
height: 33px;
margin-right: 5px;
padding-top: 8px;
text-align: center;
width: 160px;
cursor: pointer;
background: #228784;
}
.sfv7-c4-tab .row-tab > li:last-child {
margin-right: 0px;
}
.sfv7-c4-tab .row-tab > li a {
color: #fff;
}
.sfv7-c4-tab .row-tab > li.tab_off, .sfv7-c4-tab .row-tab > li.tab_off a {
background: #a3dbdb;
color: #228784;
}
.sfv7-c4-tab .row-pagging {
background: #228784;
color: #FFF;
display: inline-block;
width: 100%;
}
.sfv7-c4-tab .row-pagging {
float: left;
}
.sfv7-c4-tab .row-pagging > div {
float: left;
}
.sfv7-c4-tab .row-pagging .row-pagging-left{
width: 585px;
height: 50px;
}
.sfv7-c4-tab .row-pagging .row-pagging-left > div{
float: left;
}
.sfv7-c4-tab .row-pagging .row-pagging-left > div:last-child {
margin-left: 50px;
width: 290px;
margin-top: -10px;
}
.sfv7-c4-tab .row-pagging .row-pagging-left ul li{
height: 20px;
padding-top: 3px;
width: 20px;
display: inline-block;
background: #FFF;
text-align: center;
}
.sfv7-c4-tab .row-pagging .row-pagging-left ul li:first-child {
padding-right: 3px;
}
.sfv7-c4-tab .row-pagging .row-pagging-left ul li:last-child {
padding-left: 3px;
}
.sfv7-c4-tab .row-pagging .row-pagging-left ul li:hover, .sfv7-c4-tab .row-pagging .row-pagging-left ul li a:hover,
.sfv7-c4-tab .row-pagging .row-pagging-left ul li.active, .sfv7-c4-tab .row-pagging .row-pagging-left ul li.active a{
background: #003300;
color: #fff!important;
}
.sfv7-c4-tab .row-pagging .row-pagging-left ul li a {
font-size: 10px;
color: #228784;
}
.sfv7-c4-tab .row-pagging .row-pagging-left ul nav {
margin: 0px;
}
.sfv7-c4-tab .row-pagging .row-pagging-left ul span {
height: 20px;
padding-top: 3px;
width: 20px;
display: inline-block;
background: #FFF;
text-align: center;
padding-left: 0px;
padding-right: 0px;
}
*/
/*.sfv7-c4-tab .row-pagging .row-pagging-left ul span:first-child {
padding-right: 3px;
}
.sfv7-c4-tab .row-pagging .row-pagging-left ul span:last-child {
padding-left: 3px;
}*/
/*
.sfv7-c4-tab .row-pagging .row-pagging-left ul span:hover, .sfv7-c4-tab .row-pagging .row-pagging-left ul span a:hover,
.sfv7-c4-tab .row-pagging .row-pagging-left ul span.current, .sfv7-c4-tab .row-pagging .row-pagging-left ul span.current a{
background: #003300;
color: #fff!important;
}
.sfv7-c4-tab .row-pagging .row-pagging-left ul span a {
font-size: 10px;
color: #228784;
}
.sfv7-c4-tab .page-label {
font-size: 15px;
padding-left: 20px;
padding-top: 10px;
}
.sfv7-c4-tab .row-pagging .row-pagging-right {
width: 415px;
}
.sfv7-c4-tab .row-pagging .row-pagging-right > div {
float: left;
padding-top: 11px;
}
.sfv7-c4-tab .row-pagging .row-pagging-right .page-show{
padding-top: 12px;
width: 170px;
}
.sfv7-c4-tab .row-pagging .row-pagging-right .page-show p,
.sfv7-c4-tab .row-pagging .row-pagging-right .page-show select{
float: left;
}
.sfv7-c4-tab .row-pagging .row-pagging-right .page-show p {
font-size: 15px;
margin-bottom: 0px;
margin-top: -1px;
margin-right: 5px;
}
#main .sfv7-c4-tab .row-pagging .row-pagging-right .page-show select {
color: #333;
font-size: 12px;
height: 21px;
padding: 1px 5px;
width: 80px;
margin-top: -1px;
}
#main .sfv7-c4-tab .row-pagging .row-pagging-right .page-search input {
width: 175px;
height: 21px;
color: #333;
font-size: 12px;
padding: 1px 10px;
}
#main .sfv7-c4-tab .row-pagging .row-pagging-right .page-search button {
background: #6699ff;
border-radius: 0px;
height: 20px;
width: 50px;
color: #fff;
font-size: 13px;
font-family: inherit;
font-weight: normal;
}
.sfv7-c4-tab .row-buton{
background: #ece1d7;
padding-top: 5px;
padding-left: 10px;
display: inline-block;
width: 100%;
padding-right: 5px;
}
.sfv7-c4-tab .row-buton form {
display: inline-block;
}
.sfv7-c4-tab .row-buton p {
font-size: 13px;
color: #339999;
}
.sfv7-c4-tab .row-buton button {
background: none repeat scroll 0 0 #228784;
border-radius: 5px;
color: #fff;
font-family: inherit;
font-size: 13px;
font-weight: normal;
height: 22px;
margin-bottom: 10px;
margin-right: 5px;
padding: 2px 10px;
}
@media screen and (max-width: 1030px) {
#main .kuhaku #main {
padding-left: 10px!important;
padding-right: 10px!important;
}
.sfv7-c4-tab .row-pagging {
text-align: center;
}
.sfv7-c4-tab .row-pagging > div {
float: none;
text-align: center;
display: inline-block;
}
.sfv7-c4-tab .row-pagging .row-pagging-right .page-show {
padding-top: 0px;
}
.sfv7-c4-tab .row-pagging .row-pagging-right > div {
padding-top: 0px;
padding-bottom: 10px;
}
.sfv7-c4-tab .row-pagging .row-pagging-right {
width: 545px;
}
.sfv7-c4-tab .row-pagging .row-pagging-right .page-show {
width: 262px;
}
}
@media screen and (max-width: 620px) {
.sfv7-c4-tab .row-pagging {
text-align: left;
}
.sfv7-c4-tab .row-pagging .row-pagging-left,
.sfv7-c4-tab .row-pagging .row-pagging-right {
width: 100%;
text-align: left;
}
.sfv7-c4-tab .row-pagging .row-pagging-left > div {
float: none;
}
.sfv7-c4-tab .row-pagging .row-pagging-left > div:last-child {
margin-left: 10px;
padding-top: 5px;
width: 100%;
}
.sfv7-c4-tab .row-pagging .row-pagging-left ul li {
height: 30px;
width: 30px;
padding-top: 7px;
}
.sfv7-c4-tab .row-pagging .row-pagging-left ul li a {
font-size: 13px;
}
.sfv7-c4-tab .row-pagging .row-pagging-left ul span {
height: 30px;
width: 30px;
padding-top: 7px;
}
.sfv7-c4-tab .row-pagging .row-pagging-left ul span a {
font-size: 13px;
}
.sfv7-c4-tab .row-pagging .row-pagging-right {
padding-left: 10px;
text-align: right;
}
.sfv7-c4-tab .row-pagging .row-pagging-right > div {
float: none;
width: 100%;
display: inline-block;
text-align: right;
}
.sfv7-c4-tab .row-pagging .row-pagging-right .page-show {
width: auto;
}
.sfv7-c4-tab .row-pagging > div {
padding-right: 10px;
}
}
@media screen and (max-width: 450px) {
.sfv7-c4-tab .row-pagging .row-pagging-left ul li {
display: none;
}
.sfv7-c4-tab .row-pagging .row-pagging-left ul li:first-child,
.sfv7-c4-tab .row-pagging .row-pagging-left ul li:nth-child(2),
.sfv7-c4-tab .row-pagging .row-pagging-left ul li:nth-child(3),
.sfv7-c4-tab .row-pagging .row-pagging-left ul li:nth-child(4),
.sfv7-c4-tab .row-pagging .row-pagging-left ul li:nth-child(5),
.sfv7-c4-tab .row-pagging .row-pagging-left ul li:nth-child(6),
.sfv7-c4-tab .row-pagging .row-pagging-left ul li:last-child {
display: inline-block;
margin-right: 6px
}
.sfv7-c4-tab .row-tab > a:last-child {
margin-right: 0px;
}
.sfv7-c4-tab .row-tab > li {
width: 139px;
height: 35px;
}
#main .sfv7-c4-tab .row-pagging .row-pagging-right .page-search input {
font-size: 13px;
}
#main .sfv7-c4-tab .row-pagging .row-pagging-right .page-search button {
width: 55px;
height: 24px;
}
#main .sfv7-c4-tab .row-pagging .row-pagging-right .page-search input {
width: 205px;
height: 25px;
}
}
*/
/******************C9***************/
.box-c9 .sfv2-c2-box .col.col-1{width:28%}
.box-c9 .sfv2-c2-box .col.col-2{width:64%}
.box-c9 .sfv2-c2-box .col.col-1.num-00{
width:96%;
border-right: 1px solid #ccc;
border-top: none;
}
.num-00 label {
padding-left: 22px !important;
}
.box-c9 .sfv2-c2-box .col.col-last span {margin-left: 0px;}
.box-c9 {padding-left: 7px;padding-right: 7px;}
.c48-popup-modalContent .box-c9-bg-yellow-header {
padding-left: 8px;
padding-right: 8px;
}
.c48-popup-modalContent .box-c9-bg-yellow-header > div{
background: none repeat scroll 0 0 #fbef8b;
color: #000000;
display: inline-block;
font-size: 15px;
padding: 5px 10px;
text-align: left;
width: 100%;
margin-bottom: 10px;
}
.c48-popup-modalContent .bottom-form > div{
float: left;
width: 50%;
}
.c48-popup-modalContent .bottom-form {
border-bottom: 1px solid #999;
display: inline-block;
margin-bottom: 30px;
margin-top: 10px;
padding-bottom: 50px;
padding-left: 16px;
padding-right: 8px;
width: 100%;
}
.sfv1-F20 .sfv1-form2 .form-radio .radio-check {
}
.c48-popup-modalContent .bottom-form > div.check-all{
text-align: left;
position: relative;
}
.c48-popup-modalContent .bottom-form > div.check-all span{
color: #333;
font-size: 15px;
margin-left: 10px;
position: absolute;
}
.c48-popup-modalContent .button-all {
text-align: right;
}
.c48-popup-modalContent .modal-header {
border: none;
}
.c48-popup-modalContent .button-all a,.c48-popup-modalContent .button-all button {
float: right;
}
.c48-popup-modalContent .button-all a {
font-size: 13px;
color: #666;
text-decoration: underline;
padding-top: 10px;
}
.c48-popup-modalContent .button-all button {
font-family:inherit;
font-weight: normal;
font-size: 13px;
background: #fff;
color: #666;
border-radius: 5px;
border: 1px solid #999;
width: 237px;
height: 35px;
text-align: center;
margin-left: 20px;
}
.c48-popup-modalContent .d3-group-1 {
text-align: center!important;
}
.c48-popup-modalContent .d3-group-1 #btnSenderOk{
width: 260px!important;
}
.c48-popup-modalContent .regular-radio:checked + label:after {
background: none repeat scroll 0 0 #3399cc !important;
}
.c48-popup-modalContent .sfv2-c2-box .col.col-radio {
border-right: 1px solid #ccc;
}
@media (max-width:991px){
.c48-popup-modalContent h4 {
text-align: center;
}
.c48-popup-modalContent .sfv2-c2-box .col.col-radio {
border-right: none;
}
.c48-popup-modalContent .bottom-form > div{
float: none;
width: 100%;
}
.c48-popup-modalContent .button-all a, .c48-popup-modalContent .button-all button {
display: block;
float: none;
}
.c48-popup-modalContent .button-all {
display: inline-block;
text-align: center;
margin-top: 20px;
}
.c48-popup-modalContent .button-all button {
margin: auto auto 15px;
}
.c48-popup-modalContent .bottom-form {
border: none;
margin-bottom: 0px;
}
.box-c9 .sfv2-c2 .bg-yellow{margin-top:20px;font-size:13px;}
.box-c9 .sfv2-c2-box .tbl-hide{display:none !important}
.box-c9 .sfv2-c2-box {font-size: 13px;width: 100%;}
.box-c9 .sfv2-c2-box .col.c2-black.col-1.col-radio-2 {margin-left: 0%;}
.box-c9 .sfv2-c2-box .col.col-radio {width: 100%;margin: auto;text-align: center;height:38px !important;position:relative}
.box-c9 .sfv2-c2-box .col-radio label {margin-top: 10px!important;}
.box-c9 .sfv2-c2-box .col.col-1 {width: 100%;border-right: 1px solid #ccc; height: auto;}
.box-c9 .sfv2-c2-box .col.col-1 label{border-bottom: 1px solid #ccc;}
.box-c9 .sfv2-c2-box .col.col-2 label{border-bottom: 1px solid #ccc;}
.box-c9 .sfv2-c2-box .col.col-2{width:100%; height: auto;border:1px solid #ccc;border-top:none}
.box-c9 .sfv2-c2-box .c2-black label{width:100%}
.box-c9 .sfv2-c2-box .col.col-last{display:none}
.box-c9 .sfv2-c2-box .col span{min-height: 30px;line-height: 30px;padding-left: 10px;padding-right:10px;height:auto}
.box-c9 .sfv2-c2-box .col label{padding-left:10px}
.pop-c9 .area-right.c46-btn-yellow .btn-yellow.blockd3-button-2{width: 250px!important;}
}
@media (max-width:480px){
.c48-popup-modalContent .box-c9-bg-yellow-header > div {
font-size: 13px;
}
.c48-popup-modalContent .bottom-form {
padding-bottom: 20px;
}
}
@media (max-width:768px){
#popup-c46-1 .blockd3-popup-content .sfv5-c8-bottom {
width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-left: 0px;
margin-right: 0px;
}
#popup-c46-1 .blockd3-popup-content .sfv5-c8-tt {
padding-left: 10px;
padding-right: 10px;
}
#popup-c46-1 .blockd3-popup-content .sfv5-c8-bty {
margin: auto;
}
#popup-c46-1 .blockd3-popup-content .sfv5-c8-tt .sfv5-c8-txtarea {
margin: auto;
width: 440px;
}
}
@media (max-width:510px){
#popup-c46-1 .blockd3-popup-content .sfv5-c8-tt .sfv5-c8-txtarea {
margin: auto;
width: 100%;
}
}
.sfv6-b17 .sfv6-b17-span.sfv1-b17-span1 {
padding-bottom: 17px;
}
.sfv6-b17 .sfv6-b17-span.sfv1-b17-span2 {
padding-bottom: 0px;
}
.sfv6-b17 .sfv6-input1 .wrapper-input2 .row2 > div.input-align-right {
text-align: right;
}
.sfv6-b20 .sfv6-title-2 .sfv6-bg-yellow-header2.sfv1-bg-yellow-header2 {
margin-top: 30px;
}
.sfv6-b20 .sfv6-title-2 .sfv6-bg-yellow-header2.sfv1-bg-yellow-header3 {
margin-top: 30px;
}
.sfv6-b17 .sfv6-b17-blue .label-input .input select{
margin-left: 20px;
}
.sfv6-b17 .sfv6-b17-main.sfv1-b17-main .sfv6-input1 {
margin-top: 20px;
}
@media (max-width:768px){
.sfv6-b17 .wrapper-input2-button .row2.sfv6_row2_a {
padding-top: 5px;
}
.sfv6-b17 .sp1,.sfv6-b17 .sp2 {
display: none!important;
}
.sfv6-b20 .sfv6-title-2 .sfv6-bg-yellow-header2.sfv6-bg-yellow-header2_a {
margin-top: 20px!important;
}
.sfv6-b20 .sfv6-title-2 .sfv6-bg-yellow-header2.sfv1-bg-yellow-header3 {
margin-top: 20px!important;
}
}
/*
@media (max-width:800px){
#main .sfv2-menu-b {
margin-top: 70px;
}
}
*/
@media (max-width:767px){
/*
#main .sfv2-menu-b {
margin-top: 0px;
}
.sfv2-menu-b.sfv2-menu-bcommon .container.blocke4.sfv4-menu-container h1,
.sfv2-menu-b.sfv2-menu-b20 .container.blocke4.sfv4-menu-container h1 {
margin-top: 20px!important;
}
@-moz-document url-prefix() {
.sfv2-menu-b.sfv2-menu-bcommon .container.blocke4.sfv4-menu-container h1,
.sfv2-menu-b.sfv2-menu-b20 .container.blocke4.sfv4-menu-container h1 {
margin-top: 55px!important;
}
}
*/
.sfv6-b20 .sfv6-title-2 .sfv6-bg-yellow-header2 {
font-size: 15px!important;
}
}
/*
@media (max-width:725px){
.sfv2-menu-b.sfv2-menu-b20 .container.blocke4.sfv4-menu-container h1 {
margin-top: 35px!important;
}
.sfv2-menu-b.sfv2-menu-bcommon .container.blocke4.sfv4-menu-container h1 {
margin-top: 0px!important;
}
}
*/
@media (max-width:440px){
.sfv6-b17 .sfv6-b17-blue .label-input .input select{
margin-left: 0px;
}
.sfv6-b17 .sfv6-b17-blue .input, .sfv6-b17 .sfv6-content .btn_yellow {
float: none;
}
}
.sfv4-b2 .b4Box .sfv4-b2-box-text {
color: #333;
}
.sfv4-b2 .b5content .sfv4-b2-button-white button {
font-family: inherit;
}
.sfv4-b5 .boxABfooter button.ABbuttonYellow, .sfv4-b6 .boxABfooter button.ABbuttonYellow{
width: 260px;
}
@media (max-width:600px){
.sfv4-b6 .box-container .boxABfooter .boxABleft, .sfv4-b6 .box-container .boxABfooter .boxABright {
width: 100%;
text-align: center;
float: none;
}
.sfv4-b6 .box-container .boxABfooter .boxABleft button.ABbuttonBlack,
.sfv4-b6 .box-container .boxABfooter .boxABright button.ABbuttonYellow,
.sfv4-b5 .box-container .boxABfooter .boxABleft button.ABbuttonBlack,
.sfv4-b5 .box-container .boxABfooter .boxABright button.ABbuttonYellow {
width: 220px!important;
}
}
.sfv7-b23 .sfv7-b23-top2-content-item {
padding: 8px 14px;
}
.sfv1-fix-photo #block-f2-title {
margin-top: 100px;
}
.sfv1-fix-photo .sfv-book1-col1-right {
font-size: 13px;
color: #666;
}
.sfv1-fix-photo .block-f2-title h1{
font-size: 20px;
margin-bottom: 20px;
}
.sfv1-fix-photo .border_block4 {
border-bottom: 1px solid #666;
}
.sfv1-fix-photo .block4top {
padding-right: 0px;
padding-left: 0px;
}
.sfv1-fix-photo .blockf4_mdright .block4Float:first-child {
margin-left: 0px;
}
.sfv1-fix-photo .border_block4 {
margin-bottom: 15px;
padding-bottom: 3px;
}
.sfv1-fix-photo .block5-btn {
font-family: inherit;
font-size: 16px;
}
@media (max-width:1030px) {
.sfv1-fix-photo .block4top {
padding-right: 10px;
padding-left: 10px;
}
}
@media (max-width:802px) {
.sfv1-fix-photo #block-f2-title {
margin-top: 120px;
}
}
@media (max-width:800px) {
.sfv1-fix-photo #block-f2-title {
margin-top: 90px;
}
}
/********************A11*******************************/
.sfv7-a9 .box-show-hide.sfv1-a11 {
background: #666;
text-align: center;
display: inline-block;
width: 100%;
}
.sfv7-a9 .box-show-hide.sfv1-a11 .box-2 {
background: #666;
padding-top: 0px;
max-width: 1100px;
margin: auto;
padding-top: 30px;
}
.sfv1-a11 .show-line {
width: 100%;
text-align: center;
padding-bottom: 40px;
}
.sfv1-a11 .show-line .line-img > div{
display: inline-block;
text-align: center;
margin-left: 60px;
}
.sfv1-a11 .show-line.line-1 .line-img {
display: table;
width: 575px;
margin: auto;
}
.sfv1-a11 .show-line.line-1 .line-img > div {
display: table-cell;
vertical-align: middle;
}
.sfv1-a11 .show-line.line-1 .line-img > div:first-child {
text-align: right;
width: 203px;
padding-right: 58px;
}
.sfv1-a11 .show-line.line-1 .line-img > div:first-child img{
width: 145px;
height: 225px;
}
.sfv1-a11 .show-line.line-1 .line-img > div {
width: 211px;
text-align: right;
padding: 0px;
padding-right: 50px;
}
.sfv1-a11 .show-line.line-1 .line-img > div img{
width: 161px;
height: 238px;
}
.sfv1-a11 .show-line.line-1 .line-img > div:last-child {
width: 161px;
text-align: left;
padding-right: 0px;
}
.sfv1-a11 .show-line.line-1 .line-img > div:last-child img{
width: 161px;
height: 238px;
}
.sfv1-a11 .show-line.line-2 .line-img {
display: table;
width: 720px;
margin: auto;
}
.sfv1-a11 .show-line.line-2 .line-img > div {
display: table-cell;
vertical-align: middle;
}
.sfv1-a11 .show-line.line-2 .line-img > div:first-child {
text-align: right;
width: 348px;
padding-right: 58px;
}
.sfv1-a11 .show-line.line-2 .line-img > div:first-child img{
width: 290px;
height: 225px;
}
.sfv1-a11 .show-line.line-2 .line-img > div {
width: 211px;
text-align: right;
padding: 0px;
padding-right: 50px;
}
.sfv1-a11 .show-line.line-2 .line-img > div img{
width: 161px;
height: 238px;
}
.sfv1-a11 .show-line.line-2 .line-img > div:last-child {
width: 161px;
text-align: left;
padding-right: 0px;
}
.sfv1-a11 .show-line.line-2 .line-img > div:last-child img{
width: 161px;
height: 238px;
}
.sfv1-a11 .show-line.line-3 .line-img {
display: table;
width: 780px;
margin: auto;
}
.sfv1-a11 .show-line.line-3 .line-img > div {
display: table-cell;
vertical-align: top;
}
.sfv1-a11 .show-line.line-3 .line-img > div:first-child {
text-align: right;
width: 480px;
padding-right: 45px;
}
.sfv1-a11 .show-line.line-3 .line-img > div:first-child img{
width: 450px;
height: 304px;
}
.sfv1-a11 .show-line.line-3 .line-img > div:last-child {
width: 300px;
text-align: left;
}
.sfv1-a11 .show-line.line-3 .line-img > div:last-child img{
width: 300px;
height: 150px;
margin-bottom: 10px;
}
.sfv1-a11 .show-line.line-4 .line-img {
display: table;
width: 650px;
margin: auto;
}
.sfv1-a11 .show-line.line-4 .line-img > div {
display: table-cell;
vertical-align: bottom;
}
.sfv1-a11 .show-line.line-4 .line-img > div:first-child {
text-align: right;
width: 350px;
padding-right: 45px;
}
.sfv1-a11 .show-line.line-4 .line-img > div:first-child img{
width: 305px;
height: 435px;
}
.sfv1-a11 .show-line.line-4 .line-img > div:last-child {
width: 300px;
text-align: left;
}
.sfv1-a11 .show-line.line-4 .line-img > div:last-child img{
width: 300px;
height: 150px;
margin-bottom: 10px;
}
.sfv1-a11 .show-line.line-4 .line-img > div:last-child img:last-child{
margin-bottom: 0px;
}
.sfv1-a11 .show-line div:first-child{
margin-left: 0px;
}
.sfv1-a11 .show-line .line-note {
color: #fff;
font-size: 12px;
padding-left: 90px;
padding-right: 90px;
text-align: left;
margin-top: 10px;
}
.sfv1-a11 .show-line .line-price {
width: 100%;
padding-left: 90px;
padding-right: 90px;
margin-right: 0px!important;
margin-left: 0px!important;
margin-top: 10px;
}
.sfv1-a11 .show-line.line-1 .line-price,
.sfv1-a11 .show-line.line-3 .line-price
{
margin-top: 0px;
}
.sfv1-a11 .show-line .line-price p {
background-color: #333333;
font-size: 20px;
color: #9bb0c9;
padding-top: 15px;
padding-bottom: 15px;
}
.sfv1-a11 .show-line .line-button {
width: 100%;
text-align: center;
}
.sfv1-a11 .show-line .line-button button {
color: #000;
font-family: Meiryo;
width: 420px;
font-size: 20px;
border: medium none;
font-weight: normal;
text-align: center;
vertical-align: middle;
border-radius: 12px;
background-color: #ffcc00;
padding-bottom: 10px;
padding-top: 15px;
height: auto;
}
@media screen and (max-width: 1000px){
.sfv1-a11 .show-line .line-note,
.sfv1-a11 .show-line .line-button {
padding-left: 15px;
padding-right: 15px;
}
.sfv1-a11 .show-line .line-price {
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (max-width: 835px){
.sfv1-a11 .show-line.line-1 .line-img {
width: 375px;
}
.sfv1-a11 .show-line.line-1 .line-img > div:first-child {
width: 135px;
padding-right: 20px;
}
.sfv1-a11 .show-line.line-1 .line-img > div:first-child img{
width: 115px;
height: 168px;
}
.sfv1-a11 .show-line.line-1 .line-img > div {
width: 140px;
padding-right: 20px;
}
.sfv1-a11 .show-line.line-1 .line-img > div img{
width: 120px;
height: 168px;
}
.sfv1-a11 .show-line.line-1 .line-img > div:last-child,
.sfv1-a11 .show-line.line-1 .line-img > div:last-child img {
width: 120px;
}
.sfv1-a11 .show-line.line-1 .line-img > div:last-child img {
height: 168px;
}
.sfv1-a11 .show-line.line-2 .line-img {
display: table;
width: 440px;
margin: auto;
}
.sfv1-a11 .show-line.line-2 .line-img > div {
display: table-cell;
vertical-align: middle;
}
.sfv1-a11 .show-line.line-2 .line-img > div:first-child {
text-align: right;
width: 255px;
padding-right: 20px;
}
.sfv1-a11 .show-line.line-2 .line-img > div:first-child img{
width: 235px;
height: 180px;
}
.sfv1-a11 .show-line.line-2 .line-img > div {
width: 155px;
padding-right: 20px;
}
.sfv1-a11 .show-line.line-2 .line-img > div img{
width: 135px;
height: 200px
}
.sfv1-a11 .show-line.line-2 .line-img > div:last-child {
width: 135px;
text-align: left;
padding-right: 0px;
}
.sfv1-a11 .show-line.line-2 .line-img > div:last-child img{
width: 135px;
height: 200px
}
.sfv1-a11 .show-line.line-3 .line-img {
width: 545px;
}
.sfv1-a11 .show-line.line-3 .line-img > div:first-child {
width: 335px;
padding-right: 20px;
}
.sfv1-a11 .show-line.line-3 .line-img > div:first-child img{
width: 315px;
height: 220px;
}
.sfv1-a11 .show-line.line-3 .line-img > div:last-child,
.sfv1-a11 .show-line.line-3 .line-img > div:last-child img {
width: 210px;
height: 105px;
}
.sfv1-a11 .show-line.line-4 .line-img {
width: 440px;
}
.sfv1-a11 .show-line.line-4 .line-img > div:first-child {
width: 230px;
padding-right: 20px;
}
.sfv1-a11 .show-line.line-4 .line-img > div:first-child img{
width: 210px;
height: 300px
}
.sfv1-a11 .show-line.line-4 .line-img > div:last-child,
.sfv1-a11 .show-line.line-4 .line-img > div:last-child img {
width: 210px;
height: 105px;
}
}
@media screen and (max-width: 590px){
.sfv7-a9 .box-show-hide.sfv1-a11 .box-2 {
padding-top: 10px;
}
.sfv1-a11 .show-line {
padding-bottom: 20px;
}
.sfv1-a11 .show-line .line-price p {
padding-top: 7px;
padding-bottom: 7px;
background: #000;
font-size: 12px;
color: #fff;
}
.sfv1-a11 .show-line .line-note {
font-size: 10px;
}
.sfv1-a11 .show-line.line-1 .line-img {
width: 220px;
}
.sfv1-a11 .show-line.line-1 .line-img > div:first-child {
width: 80px;
padding-right: 20px;
}
.sfv1-a11 .show-line.line-1 .line-img > div:first-child img{
width: 60px;
height: 85px;
}
.sfv1-a11 .show-line.line-1 .line-img > div {
width: 85px;
padding-right: 20px;
}
.sfv1-a11 .show-line.line-1 .line-img > div img{
width: 60px;
height: 87px;
}
.sfv1-a11 .show-line.line-1 .line-img > div:last-child,
.sfv1-a11 .show-line.line-1 .line-img > div:last-child img {
width: 60px;
}
.sfv1-a11 .show-line.line-1 .line-img > div:last-child img {
height: 87px;
}
.sfv1-a11 .show-line.line-2 .line-img {
width: 270px;
}
.sfv1-a11 .show-line.line-2 .line-img > div:first-child {
width: 130px;
padding-right: 20px;
}
.sfv1-a11 .show-line.line-2 .line-img > div:first-child img{
width: 110px;
height: 85px;
}
.sfv1-a11 .show-line.line-2 .line-img > div {
width: 80px;
padding-right: 20px;
}
.sfv1-a11 .show-line.line-2 .line-img > div img{
width: 60px;
height: 90px;
}
.sfv1-a11 .show-line.line-2 .line-img > div:last-child,
.sfv1-a11 .show-line.line-2 .line-img > div:last-child img {
width: 60px;
}
.sfv1-a11 .show-line.line-2 .line-img > div:last-child img {
height: 90px;
}
.sfv1-a11 .show-line.line-3 .line-img {
width: 285px;
}
.sfv1-a11 .show-line.line-3 .line-img > div:first-child {
width: 175px;
padding-right: 15px;
}
.sfv1-a11 .show-line.line-3 .line-img > div:first-child img{
width: 160px;
height: 110px;
}
.sfv1-a11 .show-line.line-3 .line-img > div:last-child,
.sfv1-a11 .show-line.line-3 .line-img > div:last-child img {
width: 110px;
height: 55px;
}
.sfv1-a11 .show-line.line-4 {
display: none;
}
.sfv1-a11 .show-line .line-button button {
width: 270px;
font-size: 14px;
padding-top: 11px;
padding-bottom: 10px;
}
}
/*==============================================================================================*/
/*=======================================End BLOCK-P1===================================================*/
/*==============================================================================================*/
/*==============================================================================================*/
/*=======================================BLOCK P2===================================================*/
/*==============================================================================================*/
/****************************************Start Common*********************************************************/
#main .kuhaku .container.sfv2-content{margin-top:0px !important}
/* #main .container{padding-left:3px !important;padding-right:3px !important} */
#main .kuhaku.sfv-menu.sfv2-e2 .container,
#main .kuhaku .container.blocke3.sfv2-e1,
#main .kuhaku .container.blocke4.blocke8.sfv4-menu-container,
#main .kuhaku .container.blocke4.blocke9.sfv4-menu-container.sfv2-e5,
#main .kuhaku .container.blocke4.sfv4-menu-container{padding-left:15px !important;padding-right:15px !important}
#main .kuhaku.sfv-menu .container{padding-left:15px !important;padding-right:15px !important}
/*
#main .sfv-menu .sfv4-menu-container {
margin-top: 51px !important;
}
.container.blocke4.sfv4-menu-container h1 {font-size: 20px;margin: 0px;padding: 20px 0px;}
@-moz-document url-prefix() {
.container.blocke4.sfv4-menu-container h1 {margin-top: 33px!important;}
}
@media (max-width:797px){
.container.blocke4.sfv4-menu-container h1 {margin-top: 33px!important;}
@-moz-document url-prefix() {
}
}
*/
/*Sub menu 2*/
.sfv2-menu .sfv2-menu-top a {font-size: 11px;display: inline-block;height: 10px;line-height: 12px;color:#999!important;border-right: 1px solid #999!important;padding: 0 15px 0 8px!important;}
#submenu.sfv2-menu .container > div:nth-of-type(1) a:nth-last-of-type(1) {border-right: none!important;}
.sfv2-menu .sfv2-menu-top {width:100% !important}
.sfv2-menu .sfv2-menu-top {padding-left:10px;padding-right:10px;}
.sfv2-menu {margin-top: 50px;color:#999}
.sfv2-menu .sfv2-menu-top a:hover{background-color:#fff!important;}
.sfv2-menu .div-menu-blank{height:7px}
.clearfix.sfv2-menu-mb{top:auto!important}
.sfv2-mobile{display:none}
.hr-moblie{display:none}
/*mobile screen*/
.sfv2-menu .sfv2-menu-mb a{background-color:#fff!important;}
.sfv2-menu .sfv2-menu-mb a:hover{background-color:#fff!important;}
/*Sub menu 2*/
/*
.sfv2-submenu2 .container div a {border-right: 1px solid #999 !important;color: #999 !important;display: inline-block;font-size: 11px;height: 10px;line-height: 12px;padding: 0 15px 0 8px!important;}
.sfv2-submenu2 .container div{width:auto !important}
.sfv2-submenu2 .container > div:nth-of-type(1) a:nth-last-of-type(1) {border-right: none!important;}
*/
@media (max-width:991px){
@-moz-document url-prefix() {
#main .kuhaku .container h1{padding-top:34px;}
/* #main .sfv-menu .sfv4-menu-container {margin-top: 15px !important;}*/
}
}
@media (max-width:800px){
#main .sfv2-menu {padding-left: 0px !important;}
}
@media (max-width:768px){
.sfv2-desktop{display:none}
.sfv2-mobile{display:block}
.hr-moblie{display:block;border-top:1px solid #ccc;height:1px;margin:0px}
}
@media (max-width:725px){
/*
#main .sfv-menu .sfv4-menu-container {margin-top: 32px !important;padding-left: 15px !important;padding-right: 15px !important;}
*/
@-moz-document url-prefix() {
#main .kuhaku .container h1{padding-top:10px}
.container.blocke4.sfv4-menu-container h1 {margin-top: 15px!important;}
}
.sfv2-menu {margin-top: 32px;color:#999}
#main .sfv2-menu {
height: auto;
padding-bottom: 10px !important;
padding-left: 0px !important;
padding-top: 0px;
}
}
/*MENU C, B*/
/*
.sfv2-menu-c{margin-top:51px;}
.sfv2-menu-b{margin-top:85px;}
@media (max-width:725px){
.sfv2-menu-c{margin-top:0px}
.sfv2-menu-b{margin-top:0px}
@-moz-document url-prefix() {
}
}
*/
.sfv2-a8 .bg-pink{background-color:#a355b8!important}
/****************************************End common*********************************************************/
/****************F8,F9,F45 POPUP*******************/
/*
.sfv2-popop-f8 .col-sm-12.col-md-6.sfv2-lastname{padding-right: 4px;}
.f9 .col-sm-12.col-md-6.sfv2-lastname{padding-right: 4px;}
.f9 .col-sm-12.col-md-6.sfv2-lastname{padding-left: 15px;}
.f23-f8 .col-xs-8.col-md-6.sfv2-zip-col {padding-right: 4px;}
.f23-f8 .col-sm-12.col-md-6.sfv2-firstname ,
.f23-f8 .col-sm-12.col-md-6.sfv2-joint-firstname2,
.f23-f8 .col-sm-12.col-md-6.sfv2-joint-firstname3,
.f23-f8 .col-md-6.sfv4-f4-5-col-button,
.f23-f8 .f9 .sfv2-fisrtname{padding-left: 4px;}
.f23-f8 .sfv2-popop-f8 .row .col-md-3{width:23%}
.f23-f8 .f9 .row .col-md-3{width:22%}
.f23-f8 .f45 .col-md-3.text-left,.f45 .sfv4-col-md3-hidden-field{width:22%}
.f45 .col-md-3.sfv-f4-5-col-minwidth {padding-left: 0;left: -10px;}
.f23-f8 .f45 .col-md-2 {width: 13.667%;}
.f23-f8 .title-1.sfv2-title{line-height:22px;font-size:15px!important;padding-top:2px!important;margin-top:-10px;color:#333 !important}
.f23-f8 .sfv2-popop-f8 .sfv4-span-title3{white-space: nowrap;}
.sfv2-popop-f8 .sfv4-f4-5-col-button button{font-weight:normal;font-family:Meiryo;line-height:30px}
.f45 .col-sm-12.col-md-6.sfv4-col-nonpadding-right-media {padding-left: 8px;}
.f45 .col-md-6.col-xs-4.sfv4-f4-5-col-button { padding-left: 8px;}
.f45 .col-md-6.col-xs-4.sfv4-f4-5-col-button button{font-family:Meiryo;font-weight:normal;line-height: 30px;}
.f23-f8 .f45 .title-1.sfv4-f4-5-title-1 {margin-top: -7px;}
*/
/*F5*/
/*
.f5 .f5-col-2right{padding-left:8px}
.f5 .col-sm-12.col-md-6.sfv4-f5-firstName {padding-left: 15px;}
@media (max-width:991px){
.f9 .col-sm-12.col-md-6.sfv2-lastname{padding-right: 15px;}
.sfv2-popop-f8 .col-sm-12.col-md-6.sfv2-lastname{padding-right: 15px;}
.f23-f8 .col-xs-8.col-md-6.sfv2-zip-col {padding-right: 15px;}
.f23-f8 .col-sm-12.col-md-6.sfv2-firstname ,
.f23-f8 .col-sm-12.col-md-6.sfv2-joint-firstname2,
.f23-f8 .col-sm-12.col-md-6.sfv2-joint-firstname3,
.f23-f8 .col-md-6.sfv4-f4-5-col-button,
.f23-f8 .f9 .sfv2-fisrtname{padding-left: 15px;}
.f23-f8 .sfv2-popop-f8 .row .col-md-3{width:100%}
.f23-f8 .f9 .row .col-md-3{width:100%}
.f23-f8 .sfv2-popop-f8 .text-right {text-align: left !important;}
.f23-f8 .div-btn{width:100%}
/*F45*/
/*
.f45 .col-md-3.sfv-f4-5-col-minwidth {left: 0;padding-left: 15px;}
.f23-f8 .f45 .col-md-3.text-left, .f45 .sfv4-col-md3-hidden-field {width: 90%;}
.f23-f8 .f45 .col-md-2 {width: 90%;}
.f23-f8 .f45 .col-md-6.col-xs-4.sfv4-f4-5-col-button { padding-left: 4px;}
*/
/*F5*/
/*
.f5 .f5-col-2right{padding-left:15px}
.f45 .col-sm-12.col-md-6.sfv4-col-nonpadding-right-media {padding-left: 15px;}
.f5 .col-sm-12.col-md-6.sfv4-f5-firstName {width: 96%;}
.f5 .col-xs-12.col-md-3.text-left.space-top-4.sfv-4-f5-col-space {width: 100%;}
.f23-f8 .col-md-6.sfv4-f4-5-col-button {padding-left: 4px;}
}
*/
/****************END F8 POPUP*******************/
/****************************************Start F1*********************************************************/
.sfv2-h1{font-size:20px;color:#000;margin-top: 100px;}
#main .sfv2-menu {height: auto;padding-bottom: 0px;padding-left: 10px; padding-top: 28px;}
.mypage .sfv3-container{margin-bottom:10px}
.mypage .line-top {display:none}
.mypage .container {padding-left:3px;padding-right:3px}
.mypage .block-f2-content {padding-left:15px!important;padding-right:15px!important;margin-left:0px;}
.mypage .f2new-content {margin-right: 0px;}
.mypage .submit-f2new{margin-left:-2px!important;margin-top: 1px;}
.mypage #block-f2-searchbar{padding-left: 13px;padding-top: 8px;}
.mypage .active-f2new{color:#6699ff}
.mypage .block-f2-searchbar-right span {margin-left: 4px;margin-right: 7px;}
.mypage .block-f2-searchbar-right{margin-right: 19px;}
.mypage .block-f2-title-box {margin-left: 130px;}
.mypage .search-f2{width:276px !important}
.mypage .box-f1new .buttonLink{display:inline-block;border-bottom:1px solid #ccc}
.mypage .box-f1new {margin-top: 45px;}
.mypage .f2-mypage{margin-right:0px !important}
.f2-mypage .box-f2 {font-size:13px!important;margin-top: 12px;margin-bottom: 17px;}
.f2-mypage .line-f2new {border-top: solid 1px #cccccc;border-bottom: none;margin-top: 28px;}
.f2-mypage .box-f2b {font-size:13px!important;margin-top: 12px;margin-left: -9px;margin-bottom: 17px;}
.f2-mypage .box-f2-bg, .f2-mypage .box-f2-bg2{font-size:12px !important;padding-top:2px;padding-bottom:2px;}
.f2-mypage .f1new-Info2 .box-f2-bg2{width: 90px!important;}
.f2-mypage .f1new-Info1 .box-f2-bg {width: 62px!important;}
.f2-mypage .f1new-Info1 {width: 42.5%!important;}
.f2-mypage .block-f2-title-box li {padding-top: 10px;}
.f2-mypage .f2new-left .search-f2 {font-size: 12px;line-height: 20px;color:#ccc}
.f2-mypage .box-f1new {margin-right: 9px;}
.f2-mypage .block-f2-title-box li {margin-right: 10px;}
.block-f2new-searchbar .f2new-left {min-width:385px}
.sfv2-br{display:none}
.mypage .f2-title-right.f2new-title-right.text-right{padding-top:18px}
.mypage .box-f2-info1 ,.mypage .box-f2-info2{margin-top: 8px;}
.mypage #order_list hr.line-f2new {border-bottom: none}
@media (max-width:1000px){
.mypage .block-f2-box{float: none!important; }
.mypage .f2new-box,.f2new-title{ margin: auto; text-align: center; margin-top: 20px; }
.mypage .f2new-title-right{ text-align: right; }
.mypage .box-f2-info1{ border-top: solid 2px #cccccc; padding-top: 10px; }
.mypage .f1new-Info2{ border-right:none; margin-top: 5px!important; }
.mypage .box-f2-info1.f1new-Info1{ margin-top: 35px!important; }
.mypage .f2new-footer{ width: 88%; }
.mypage .box-f1new{float: none; text-align: right; height: auto; display: inline-block; width: 100%; margin-top: 10px; }
.mypage .f2new-border{display: block; }
.mypage .f2new-hide{display: none; }
.mypage .f1new-Info2{ width: auto!important;}
.mypage .block-f2-title-box, .mypage .box-f2-info2{ margin-left: 0px;}
.mypage .box-f2-info1{border-right:none;}
.mypage .f2-mypage .line-f2new {border-top: 1px solid #cccccc;}
.mypage .f2new-title{width:100%}
.mypage .f2-title-left{ float: none !important; }
.mypage .box-f2-info1,.box-f2-info2{ margin-top: 28px!important; }
.mypage .box-f1new{border-top: 1px solid #cccccc;padding-top: 7px;}
.f2-mypage .box-f2-info1 {border-top: solid 1px #cccccc;}
/*.f2-mypage .block-f2-title-box li {padding-top: 15px;}*/
.mypage .block-f2-title-box {margin-top: -26px;}
.f2-mypage .f1new-Info1 .box-f2-bg {margin-right: 10px;}
.f2-mypage .box-f2b{margin-left:0px;}
.f2-mypage .box-f2 {margin-bottom: 10px;margin-top: 5px;}
.f2-mypage .box-f2b {margin-bottom: 10px;margin-top: 5px;}
.f2-mypage .f1new-Info2 {margin-top: -5px !important;}
.f2-mypage .line-f2new {margin-top: 20px;}
.f2-mypage .f1new-Info2 .box-f2-bg2 {margin-right: 10px;}
.f2-mypage .block-f2-title-box li {margin-right: 0px;}
.f2-mypage .f1new-Info2 {border-top: 1px solid #ccc; margin-top: 35px !important;width: 57.06% !important;padding-top: 10px;}
.mypage .box-f1new{margin-top:0px}
.mypage hr.line-f2new{display:none}
.mypage .f2-title-right.f2new-title-right.text-right{padding-top:8px}
}
@media (max-width:800px){
#main .sfv2-menu {padding-bottom: 0px;}
/*#submenu .container > div:nth-of-type(1){width:60% !important}*/
}
@media (max-width:770px){
.mypage .sfv3-container #block-f2-searchbar{height: 108px!important;}
.sfv2-br{display:block}
.mypage .submit-f2new {important;position: relative;margin-top: 5px;margin-left: -7px!important;}
.sfv2-br{display:block;margin-top: -10px;}
.mypage .sfv3-container #block-f2-searchbar{margin: 0 10px;}
.mypage .sfv2-h1 {margin-left: 10px;}
}
@media (max-width:600px){
.f2-mypage .f1new-Info2 {border-top: medium none;margin-top: -5px !important;padding-top: 0;width:100%!important;margin-bottom: -5px;}
.mypage .box-f2-info1{padding:0px !important}
.mypage .f2new-title-right {border-top: 1px solid #ccc;}
.mypage .block-f2-title-box {margin-top: -20px;}
.f2-mypage .f1new-Info1 {width: 100%!important;margin-top: 40px!important; }
.f2-mypage .block-f2-title-box li {padding-top: 8px;}
}
@media (max-width:470px){
.mypage .box-f2-info1.f1new-Info1 {margin-top: 45px !important;}
}
/****************************************End F1******************************************************/
/****************************************Start E1 (login)*********************************************************/
#main .kuhaku .sfv2-e1 {
//margin-top: 50px !important;
}
.sfv2-e1 h2.bg-yellow {margin-top: -2px;font-size: 15px;padding: 8px 15px 7px 12px;margin-bottom: -5px;}
.sfv2-e1 .blocke3-row3-left {width: 45.5%;}
.sfv2-e1 .blocke3-row3-left-center {width: 100%;}
.sfv2-e1 .blocke3-row3-left-content {height: 192px;padding-top: 35px;}
.sfv2-e1 .blocke3-row3-left-content input[type="text"],
.sfv2-e1 .blocke3-row3-left .blocke3-row3-left-content input[type="password"]{height: 28px;margin-right: 8%;margin-top: 3px;width: 58%;border: 1px solid #ccc;padding-left: 5px;}
.sfv2-e1 .blocke3-chk-login {margin-left: 6%;}
.sfv2-e1 .regular-checkbox + label {border-radius: 0; margin-left: 3px;margin-top: 2px;padding-bottom: 6px;padding-left: 8px;padding-right: 8px;}
.sfv2-e1 .row-user-email-label, .row-user-password-label {padding-left: 30px;text-align: left;width: 34%;}
.sfv2-e1 .blocke3-row3-left-button {padding-left: 15px;padding-top: 18px;}
.sfv2-e1 .blocke3-row3-left-button-center {margin-left: auto;margin-right: auto;}
.sfv2-e1 .blocke3-row3-right h3{background: none;font-size: 15px; border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;font-size: 15px; margin:0px -5px 8px 7px;width: 96.5%;padding: 9px 0 5px 0px;text-align: center;}
.sfv2-e1 .row-img-content {margin-left: 50px; margin-top: 10px;}
.sfv2-e1 .img-facebook, .sfv2-e1 .img-google {margin-top: 15px;}
.sfv2-e1 .img-yahoo,
.sfv2-e1 .img-ID,
.sfv2-e1 .img-facebook,
.sfv2-e1 .img-google{margin-left:0px}
.sfv2-e1 .row-text-content.row-text-end {padding-left: 7px; font-size: 10px;width: 98%;}
.sfv2-e1 .sfv2-yellow-2 h2.bg-yellow {margin-top: -10px;padding: 7px 15px 7px 12px;}
.sfv2-e1 .blocke3-row4-left {font-size: 15px;line-height: 21px;padding-left: 28px;padding-top: 2px;padding-right: 25px;}
.sfv2-e1 .row.blocke3-row4 {margin-bottom: 47px;}
.sfv2-e1 .btn-yellow{font-size:18px;font-family: Meiryo;}
.sfv2-e1 .regular-checkbox:checked + label:after{top:-1px}
@media (max-width:950px){
//.sfv2-e1 .blocke3-row3-left-content {padding-left: 20px;}
//.sfv2-e1 .row-user-email-label, .row-user-password-label {width: 34%;padding-left: 0px;}
}
@media (max-width:920px){
.sfv2-e1 .blocke3-row3-left{width: 600px;float: none;margin: auto;margin-top: 20px;}
.sfv2-e1 .blocke3-chk-login {margin-left: 0px;padding-left:30px}
.sfv2-e1 .blocke3-row3-right {float: none;width: 600px;margin: auto;text-align: center;height:auto}
.sfv2-e1 .regular-checkbox + label{margin-left: 0px;}
.sfv2-e1 .blocke3-row3-right .img-yahoo,
.sfv2-e1 .blocke3-row3-right .img-ID,
.sfv2-e1 .blocke3-row3-right .img-facebook,
.sfv2-e1 .blocke3-row3-right .img-google{margin-left:0px}
}
@media (max-width:850px){
.sfv2-e1 .row-user-password .row-user-password-label{width: 34%;}
.sfv2-e1 .blocke3-row3-left-content {text-align: right;padding-left: 0px}
.sfv2-e1 .row-user-email-label, .row-user-password-label{line-height:35px;}
.sfv2-e1 .row-user-password {margin-bottom:20px}
.sfv2-e1 .row-user-email{padding-bottom:20px}
.sfv2-e1 .row-user-password-label{padding-top:5px}
}
@media (max-width:850px){
.sfv2-e1 .row-user-password .row-user-password-label{width: 34%;}
.sfv2-e1 .blocke3-row3-left-content {text-align: right;padding-left: 0px}
.sfv2-e1 .row-user-email-label, .row-user-password-label{line-height:35px;}
.sfv2-e1 .row-user-password {margin-bottom:20px}
.sfv2-e1 .row-user-email{padding-bottom:20px}
.sfv2-e1 .row-user-password-label{padding-top:5px}
}
@media (max-width:715px){
.sfv2-e1 .blocke3-row3-left-content {height: 220px;}
.sfv2-e1 .blocke3-row3-right {margin-top:15px;}
}
@media (max-width:650px){
.sfv2-e1 .row-user-password ,
.sfv2-e1 .row-user-email{padding-bottom: 20px;}
.sfv2-e1 .blocke3-row3-left,
.sfv2-e1 .blocke3-row3-right {width: 410px;}
.sfv2-e1 .row-img-content {margin-left: 29px;}
.sfv2-e1 .blocke3-row3-right .img-yahoo,
.sfv2-e1 .blocke3-row3-right .img-ID,
.sfv2-e1 .blocke3-row3-right .img-facebook,
.sfv2-e1 .blocke3-row3-right .img-google{ padding-left: 10px;}
.sfv2-e1 .row-user-checkbox{margin-left:0px}
.sfv2-e1 .row-user-password {margin-bottom:10px}
.sfv2-e1 .blocke3-row4-left{padding-left:0px;padding-right:0px;}
}
@media (max-width:520px){
.sfv2-e1 .blocke3-row3-left-content {height: 230px;}
.sfv2-e1 .blocke3-row3-right {margin-top:25px;}
}
@media (max-width:470px){
.sfv2-e1 .blocke3-row3-left-content{padding-top:5px}
.sfv2-e1 .row-user-email-label,
.sfv2-e1 .row-user-password .row-user-password-label{width:100%}
.sfv2-e1 .blocke3-row3-left-content input[type="text"],
.sfv2-e1 .blocke3-row3-left .blocke3-row3-left-content input[type="password"]{width:84%}
.sfv2-e1 .blocke3-row3-left, .sfv2-e1 .blocke3-row3-right {width: 93%;min-width: 270px;text-align: center;}
.sfv2-e1 .row-user-password, .sfv2-e1 .row-user-email {padding-bottom: 10px;}
.sfv2-e1 .blocke3-row3-right .img-yahoo,
.sfv2-e1 .blocke3-row3-right .img-ID,
.sfv2-e1 .blocke3-row3-right .img-facebook,
.sfv2-e1 .blocke3-row3-right .img-google{width:100%;margin-left:0px}
.sfv2-e1 .row-img-content div{float:none}
.sfv2-e1 .row-img-content{margin-left:0px}
.sfv2-e1 .blocke3-row3-left-button{padding-left:0px}
.sfv2-e1 .img-ID{margin-top:15px}
//.sfv2-e1 .blocke3-row3-left-content {height: 206px;}
}
@media (max-width:420px){
.sfv2-e1 .blocke3-row3-left-content input[type="text"], .sfv2-e1 .blocke3-row3-left .blocke3-row3-left-content input[type="password"]{width:83%}
.sfv2-e1 .blocke3-row3-left, .sfv2-e1 .blocke3-row3-right{width:90%}
}
@media (max-width:991px){
@-moz-document url-prefix() {
// #blocke10 .sfv2-h1{padding-top:34px}
}
}
/****************************************End E1*********************************************************/
/****************************************Start E5*********************************************************/
.sfv2-e5 .blocke8-row3 .blocke8-row3-col .col-1{background : #fff;color:#666666;width: 25%;height: 30px; padding-top:10px; padding-left: 45px;text-align: left;}
.sfv2-e5 .blocke8-row3 .col-1 span{font-size:13px;color:#666666;padding-left:0px}
.sfv2-e5 .blocke8-row3 .blocke8-row3-col .col-2 {background: #efefef;width: 50%;height: 30px; padding-top: 0; margin-bottom: 25px;padding-left: 10px;}
.sfv2-e5 .blocke8-row3 .col-2 p{font-size:13px; padding-top: 8px;color:#666666;}
.sfv2-e5 .row.blocke8-row3 {margin: auto;width: 80%; padding-left: 30px;}
.blocke9.sfv2-e5 .blocke8-row3 .col-2{width: 63%;}
.sfv2-e5 .btn-yellow {text-align: center;width: 260px;margin: auto auto 5px;line-height: 45px;}
.sfv2-e5 .container.div-btn .link-a{font-size:14px;text-decoration: underline;color:#999999}
.sfv2-e5 .container.div-btn{text-align: center;margin-top:0px!important;margin-bottom:90px!important}
.sfv2-e5 .sfv-bg-yellow {
background: none repeat scroll 0 0 #fbef8b;
color: #000;
font-size: 15px;
height: 30px;
line-height: 11px;
margin-bottom: 30px;
padding: 10px!important;
text-align: left;
width: 100%;
}
@media (max-width:991px){
.sfv2-e5 .row.blocke8-row3 {width: 100%; padding-left: 0px;}
}
@media (max-width:768px){
.sfv2-e5 .blocke8-row3 .blocke8-row3-col .col-1 {padding-left: 0px;}
}
@media (max-width:400px){
.blocke9.sfv2-e5 .blocke8-row3 .col-2 {width: 100%;}
.sfv2-e5 .blocke8-row3-col {padding-left: 0px;padding-right: 0px;}
.sfv2-e5 .blocke8-row3 .blocke8-row3-col .col-2 {background: none repeat scroll 0 0 #efefef;margin-bottom: 0;}
.sfv2-e5 .btn-yellow {margin: 20px auto 5px;}
.sfv2-e5 .btn-yellow {width: 220px;line-height: 50px;}
.sfv2-e5 .sfv-bg-yellow { margin-bottom: 10px;}
}
/****************************************End E5*********************************************************/
/****************************************Start E2*********************************************************/
/*---------------------------------------------------------------------------------------------------------*/
.sfv2-e2 .blocke4-row4-left {width: 50%; float: right;margin: -13px 0 15px;}
.sfv2-e2 .blocke4-row4-right {width: 465px;margin-top:-14px;color:#666}
.sfv2-e2 .row.blocke4-row4 {display: inline-block;height: auto;margin: 0;width: 100%;}
.sfv2-e2 .blocke4-note {padding-left: 0px;}
.sfv2-e2 .row-button-email {float: none;}
.sfv2-e2 .blocke4-note .btn-block {margin: 15px auto -4px;padding-left: 103px; padding-right: 0;padding-top: 5px;width: 100%;}
.sfv2-e2 .blocke4-note > p {line-height: 18px;margin-bottom:2px;font-size: 12px;}
.sfv2-e2 .e2-text {color: #666666;font-size: 12px;padding-left: 154px;text-align: left;}
.sfv2-e2 .blocke4-row4-right-content {padding-bottom: 22px;}
.sfv2-e2 .blocke4-row5 hr {border-top: 1px solid #999999;border-bottom:none;margin-bottom: 7px;margin-top: -2px;}
.sfv2-e2 .blocke4-row5 h2{font-size: 15px;margin-bottom: 7px;padding-left: 10px;}
.sfv2-e2 .social-login {display: inline-block;margin-right: 43px;margin-top: 5px;padding-left: 0;width: 186px;}
.sfv2-e2 .social-login.login-facebook {margin-right: 0;}
.sfv2-e2 .row.blocke4-row6 {margin: 10px auto 15px;text-align: center;}
.sfv2-e2 .blocke4-row7 p {color:#666}
.sfv2-e2 .blocke4-email .user-email {border: 1px solid #ccc;padding-left: 5px;width:60%}
.sfv2-e2 .btn-yellow{font-size:18px;font-family:Meiryo}
.sfv2-e2 .blocke4-row7 {margin-bottom: 90px;}
@media (min-width:991px){
.sfv2-f13 .sfv4-f3-footer-fix {margin-top:80px}
}
@media (max-width:991px){
.sfv2-e2 .blocke4-row4-left {display: none;}
.sfv2-e2 .row.blocke4-row4 {margin: auto;width: 100%;}
.sfv2-e2 .blocke4-row4-right {margin: auto;width: 465px;float:none;width: 600px;}
.sfv2-e2 .e2-text {padding-left: 200px;}
.sfv2-e2 .blocke4-note .btn-block { padding-left: 168px;}
.sfv2-e2 .social-login {margin-right: 20px;}
.sfv2-e2 .row-text-emai-label{width:30%}
}
@media (max-width:844px){
.sfv2-e2 .social-login {margin-right: 0;margin-top: 20px;width: 34%;}
}
@media (max-width:660px){
.sfv2-e2 .social-login {margin-right: 0;margin-top: 20px;width: 34%;}
.sfv2-e2 .row-text-emai-label {width: 100%;text-align:left}
.sfv2-e2 .blocke4-email {padding-left: 30px; padding-right: 30px;}
.sfv2-e2 .e2-text {padding-left: 30px;padding-top:10px}
.sfv2-e2 .blocke4-row4-right {width: 100%;margin:10px auto;}
.sfv2-e2 .blocke4-email .user-email {width: 100%;}
.sfv2-e2 .blocke4-note {margin: auto;padding-left: 0;text-align: center;}
.sfv2-e2 .blocke4-note .btn-block{padding-left:0px}
.sfv2-e2 .btn-yellow{width:230px}
.sfv2-e2 .blocke4-row4{padding-right:0px}
.sfv2-e2 .sfv-bg-yellow {margin-bottom: 10px;line-height:19px;height:auto}
.sfv2-e2 .blocke4-row4-right-content {padding-top: 10px;}
.sfv2-e2 .blocke4-note > p{display:none}
.sfv2-e2 .blocke4-row4-right{height:auto;}
.sfv2-e2 .blocke4-row7 {margin-bottom: 20px;}
}
@media (max-width:440px){
.sfv2-e2 .social-login {margin-right: 0;margin-top: 10px;width: 80%;}
}
/*--------------------------------------------------------------------------------------------------------*/
/****************************************End E2*********************************************************/
/*--------------------------------------------------------------------------------------------------------*/
/****************************************Start F11*********************************************************/
.sfv2-f11 .box.box-2 .title-1 {border-left: 3px solid #66999a;font-size: 15px; padding-left: 15px;}
.sfv2-f11 .box-2{height: 48px;margin-top: 2px;border-top: 1px solid #999;border-bottom: 1px solid #999;line-height: 48px;padding-left: 0px;}
/*--------------------------------------------------------------------------------------------------------*/
/****************************************End F11*********************************************************/
/*F6*/
#info-none .sfv3-f7-box{margin-bottom:10px !important}
#info-none .space-100{margin-bottom:300px}
#info-none .right-menu-f2 {border-left: none;padding-left: 10px;}
@media (max-width:768px){
#info-none .footer-hide{display:none!important;text-align: center;}
#info-none .footer-display{display:block!important;text-align: center;}
#info-none .sfv2-btn-f6,
#info-none .f6-hide{display:none!important;text-align: center;}
#info-none .space-100{margin-bottom:100px}
}
/*----------------------------------------------------------------------------------------------------------------*/
/*--------------------F1-> F18 BLOCK-P1---------------------------------------------*/
@media (max-width:420px){
.mypage .search-f2{width: 152px !important;}
}
/*F13*/
.sfv2-f13 #line_item_list .block-center-f13 {margin: 0 -22px 17px;text-align:left}
@-moz-document url-prefix() {
.sfv2-f13 #line_item_list .block-center-f13 {margin: 0 -23px 17px -22px;text-align:left}
}
.sfv2-f13 .block-center-f13 .line-row {margin: 0 25px 40px;}
.sfv2-f13 .sf3-text-description {margin-left: 0;margin-right: 0;padding-left: 10px;padding-right:10px}
.sfv2-f13 .block-center-f13 .line-row .image-row {text-align:center;}
@media (max-width:1055px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 14%;}
.sfv2-f13 .block-center-f13 .line-row {margin: 0px 2%;margin-bottom:20px}
.sfv2-f13 .sfv2-searchbar .block-f2new-searchbar{margin-left: 0px !important; margin-right: 0px !important;}
.sfv2-f13 .sfv2-searchbar{padding-right:10px;padding-left:10px}
.sfv2-f13 .block-f2-title{margin-left: 0px !important; margin-right: 0px !important;}
.sfv2-f13 .sfv3-description{margin-left: 0px !important; margin-right: 0px !important;}
.sfv2-f13 .sfv-footerbox {margin-top:10px!important}
.sfv2-f13 .sfv4-f3-footer-fix{padding-left:10px;padding-right:10px}
.sfv2-f13 .sfv4-f3-footer-fix .sfv-bg-yellow{padding-right:10px !important}
}
@media (max-width:1012px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 13%;}
}
@media (max-width:990px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 12%;}
}
@media (max-width:975px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 11%;}
}
@media (max-width:940px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 10%;}
}
@media (max-width:930px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 9%;}
}
@media (max-width:914px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 8%;}
}
@media (max-width:872px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 7%;}
}
@media (max-width:862px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 6%;}
}
@media (max-width:852px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 6%;}
}
@media (max-width:835px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 5%;}
}
@media (max-width:820px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 4%;}
}
@media (max-width:800px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 18%;width: 581px;}
.sfv2-f13 .block-center-f13 .line-row {margin: 0px 20px;}
}
@media (max-width:790px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 17%;width: 581px;}
}
@media (max-width:770px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 16%;width: 581px;}
}
@media (max-width:760px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 15%;width: 581px;}
}
@media (max-width:740px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 14%;width: 581px;}
}
@media (max-width:720px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 13%;width: 581px;}
}
@media (max-width:700px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 12%;width: 500px;}
}
@media (max-width:670px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 11%;}
}
@media (max-width:650px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 10%;}
}
@media (max-width:630px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 9%;}
}
@media (max-width:615px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 8%;}
}
@media (max-width:610px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 7%;}
}
@media (max-width:600px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto 6%;}
}
@media (max-width:590px){
.sfv2-f13 #line_item_list .block-center-f13 {margin: auto;text-align:center;width:auto}
.sfv2-f13 .block-center-f13 .line-row {margin: auto;width: 290px;}
.sfv2-f13 .block-center-f13 .line-row .image-row {width: 290px;}
}
@media (max-width:550px){
.sfv2-f13 .block-center-f13 .line-row {width: 275px;}
.sfv2-f13 .block-center-f13 .line-row .image-row {width: 275px;}
}
/*---------------------------------------------F10 BLOCK-P2-------------------------------------------------------------------*/
.sfv2-f10{margin-bottom:10px}
.sfv2-f10 .sfv2-col{width: 50%;float:left;border-right: 1px solid #ccc;border-top: 1px solid #ccc;}
.sfv2-f10 .sfv2-col-last{width: 100%;text-align: right;background:#efefef;border-top: none;border-right: none;height: 28px}
.sfv2-col.sfv2-col-last > p {font-size: 13px;height: 28px;line-height: 28px;padding-right: 15px;cursor:pointer}
.sfv2-col.sfv2-col > p > a{text-decoration:none;color:#333}
.sfv2-f10 .sfv2-col.sfv2-row-5{width:100%}
.sfv2-f10 .sfv2-col.sfv2-row-6,
.sfv2-f10 .sfv2-col.sfv2-row-7{border-bottom:1px solid #ccc}
.sfv2-f10 .sfv2-col.sfv2-col-1{border-left: 1px solid #ccc;}
.sfv2-f10 .box-f10{width: 100%;margin-bottom: 10px;display: inline-block;}
.sfv2-f10 .box-f10.box-f10-1 {margin-bottom:0px}
.sfv2-f10 .sfv2-col > span {font-size:15px;padding-left:15px;padding-right: 15px}
.sfv2-f10 .sfv2-col > label {background:#66999a;font-weight: normal;color: #fff;display: inline-block;font-family: Meiryo;font-size: 15px;height: 28px;line-height: 29px;margin-bottom: 0;text-align: center;width: 122px;}
.sfv2-f10 .f11-sfv5-p-c1{text-align:right}
.sfv2-f10 .f11-sfv5-p-c12{float:left}
.sfv2-f10 .f11-sfv5-ctn1 a{text-decoration:none;color:#333;font-size: 13px;cursor:pointer}
.sfv2-f10 .f11-sfv5-ctn1 .f11-sfv5-p-c1 {height: 44px;}
.sfv2-f10 .container .sfv5-f11-box12 {margin-left: 8px;}
.sfv2-f10 .container .f11-sfv5-tt{margin-left: 8px;}
.sfv2-f10 .sfv2-box3 .f11-sfv5-h3 {font-size: 15px;}
.sfv2-f10 .box-f10-3 .sfv2-col > label {background:#b4d3d3;}
.sfv2-f10 .sfv2-f10-box-btn .f11-sfv5-bt{margin-bottom:20px !important}
.sfv2-f10 .sfv2-f10-box-btn .f11-sfv5-bt a {color:#999}
.sfv2-f10 .f10-space-1{margin-bottom:100px}
/* BOX 1 */
@media (max-width:1100px){
#main .sfv2-f11 .container {padding-left: 10px !important;padding-right: 10px !important;}
}
@media (max-width:991px){
.sfv2-f10 .sfv5-f11-pv .rp1 {padding-right: 0px;}
.sfv2-f10 .sfv5-f11-pv .rp2 {padding-left: 0px;}
}
@media (max-width:768px){
.sfv2-f10 .box-f10 {margin: 0px auto 10px;text-align: center;}
.sfv2-f10 .sfv2-col {width: 100%;text-align: center;}
.sfv2-f10 .sfv2-col-last{text-align: right;}
.sfv2-f10 .sfv2-col > label {width: 100%;}
.sfv2-f10 .sfv2-col > span {float: left;text-align: left}
.sfv2-f10 .sfv2-col > span {padding-left: 7px;padding-right: 7px;}
.sfv2-f10 .sfv2-col.sfv2-col-2 {border-left: 1px solid #ccc;}
.sfv2-col.sfv2-col-last > p {padding-right: 7px;}
.sfv2-f10 .f11-sfv5-h1 {margin-bottom: 18px; margin-top: 18px;}
.sfv2-f10 .box .btn-5 {width: 267px;}
.sfv2-f10 .f11-sfv5-ctn1 a{display:none}
}
.sfv2-popop-f8 .col-sm-12.col-md-6.text-right.f8-text-left{margin-top:8px}
.col-sm-12.col-md-12.sfv4-f4-5-select-item.sfv4-f4-5-select-address select{color:#555;padding-left:10px}
@media (max-width:768px){
#main #info-none .sfv-bg-yellow.sfv3-f4-yellow.sfv3-f7-yellow{text-align:center;font-size:15px}
}
@media (max-width:420px){
.sfv2-f3 .col-md-1 {padding-bottom: 0px !important;}
}
@media (max-width:375px){
#main #info-none .sfv-bg-yellow.sfv3-f4-yellow.sfv3-f7-yellow{text-align:left;padding-right:10px!important;}
}
.sfv-e04 .sfv-e04-bg-yellow-header { padding: 1px 10px !important;}
/*
@media (max-width:768px){
.kuhaku.sfv-menu .container.sfv3-e6-btn.sf3-middle .row.sfv3-e6-footer-btn .col-md-8{text-align:left}
.kuhaku.sfv-menu #blocke10 .sfv-bg-yellow.sfv3-e6-yellow{height:auto}
}
*/
#main div#contents-wrapper.mypage{min-width: 0px!important}
#main .mypage .sfv-e04{width:auto!important}
@media (max-width:745px){
}
/*---------------------------------------------C2 BLOCK-P2-------------------------------------------------------------------*/
/*box color yellow*/
#sel-sender .C44.blockd3.d13.sfv2-c2{margin-top:0px!important}
.sfv2-c2-box{font-size:12px;width:100%;color:#000}
.sfv2-c2-box .col a{cursor:pointer;color:#6699ff}
.sfv2-c2-box .clearfix{min-height:0px}
.sfv2-c2-box .col{width:32%;float:left;height: 36px;}
.sfv2-c2-box .col.col-1{width:24%;border-right:none}
.sfv2-c2-box .col.col-2{width:68%;border-right:none;border-left:none}
.sfv2-c2-box .col.col-1.title span {
width: 68%;
font-size: 0.8em;
vertical-align: middle;
}
.sfv2-c2-box .col.col-1.num-00{
width:96%;
border-right: 1px solid #ccc;
border-top: none;
}
.sfv2-c2-box .col.col-last{width:4%;border-left:none}
.sfv2-c2-box .col.col-last span{position: absolute;margin-left: 7px;margin-top: 9px;}
.sfv2-c2-box .col.col-last span a {color: #7777ff;}
.sfv2-c2-box .col.col-radio{width:4%;background:#faef8b; min-height: 35px;position:absolute}
.sfv2-c2-box .col label{background:#f5f5f5;display: inline-block;font-weight:normal}
.sfv2-c2-box .col-radio label{margin-top: 7px;margin-left: 9px}
.sfv2-c2-box .c2-black label{height: 34px;line-height: 35px;width: 70px;padding-left: 11px;padding-bottom: 0px;}
.sfv2-c2-box .c2-black{border:1px solid #cccccc}
.sfv2-c2 .regular-radio:checked + label:after {background: #3399cc !important;}
.sfv2-c2-box .radio-none{width: 4%;float: left;}
.sfv2-c2-box .col-1.col-1-1{border-top:none;border-right:none}
.sfv2-c2-box .col-1.col-1-2{border-top:none;border-left:none}
.sfv2-c2-box .col-1.col-1-3{width:48%;border-right: 1px solid #ccc;border-top:none;border-left:none}
.sfv2-c2-box .col.c2-black.col-1.col-radio-2{margin-left:4%}
.sfv2-c2-box .tbl-hide{display:none}
.sfv2-ver-mobile{display:none}
.sfv2-c2 .btn-yellow{font-size:18px;font-family:Meiryo;margin-top:2px}
.sfv2-c2 .bg-yellow{font-size:15px;padding:10px;margin-top:5px}
.sfv2-c2 .sfv-bg-yellow{padding:20px !important;font-size:15px;line-height: 24px;}
/*update 15/7*/
.sfv2-c2-box .c2-black.col-radio-2 label{padding-left:10px}
.sfv2-c2-box .c2-black.col-2 label{padding-left:22px}
.sfv2-c2-box .tbl-hide .num-0 label{padding-left:19px}
.sfv2-c2-box .tbl-hide .num-1 label{padding-left:17px}
.sfv2-c2-box .tbl-hide .num-2 label{padding-left:17px}
.sfv2-c2-box .tbl-hide .num-3 label{padding-left:17px}
.sfv2-c2-box .tbl-hide .num-4 label{padding-left:11px}
.sfv2-c2-box .tbl-hide .num-5 label{padding-left:11px}
/*menu BLOCK-P3*/
/*
.sfv-menu .sfv-menu-content .last-arrow{
float: right;
}
.sfv-menu .sfv-menu-content .last.text-right
{
float: right;
}
*/
@media (max-width:1250px){
.sfv2-c2-box .col.col-1{width:28%}
.sfv2-c2-box .col.col-2{width:62%;}
.sfv2-c2-box .col.col-1-3{width:38%}
.sfv2-c2-box .col.col-1.num-00{
width:94%;
}
.sfv2-c2-box .col.col-1.title span {
font-size: 0.8em;
}
}
@media (max-width:1032px){
.sfv2-c2-box .col.col-1{width:28%}
.sfv2-c2-box .col.col-2{width:62%;}
.sfv2-c2-box .col.col-1-3{width:38%}
}
@media (max-width:900px){
.sfv2-c2-box .col.col-radio{width:5%}
.sfv2-c2-box .col.c2-black.col-1.col-radio-2{margin-left:5%}
.sfv2-c2-box .radio-none{width: 5%}
.sfv2-c2-box .col.col-1{width:35%}
.sfv2-c2-box .col.col-2{width:55%;}
.sfv2-c2-box .col-1.col-1-3{width:25%}
.sfv2-c2-box .col.col-last{width:5%;border-left:none}
.sfv2-c2-box .col.col-1.num-00{
width:95%;
}
.sfv2-c2-box .col.col-1.title span {
font-size: 0.7em;
}
}
@media (max-width:768px){
.sfv2-c2 .bg-yellow{margin-top:20px;font-size:13px;}
.sfv2-c2-box .tbl-hide{display:none !important}
.sfv2-c2-box {font-size: 13px;width: 100%;}
.sfv2-c2-box .col.c2-black.col-1.col-radio-2 {margin-left: 0%;}
.sfv2-c2-box .col.col-radio {width: 100%;margin: auto;text-align: center;height:38px !important;position:relative}
.sfv2-c2-box .col-radio label {margin-top: 9px!important;}
.sfv2-c2-box .col.col-1 {width: 100%;border-right: 1px solid #ccc; height: auto;}
.sfv2-c2-box .col.col-1 label{border-bottom: 1px solid #ccc;}
.sfv2-c2-box .col.col-2 label{border-bottom: 1px solid #ccc;}
.sfv2-c2-box .col.col-2{width:100%; height: auto;border:1px solid #ccc;border-top:none}
.sfv2-c2-box .c2-black label{width:100%}
.sfv2-c2-box .col.col-last{display:none}
.sfv2-c2-box .col span{min-height: 30px;line-height: 30px;padding-left: 10px;padding-right:10px;height:auto}
.sfv2-c2-box .col label{padding-left:10px}
.sfv2-ver-mobile{display:none}
.sfv2-ver-desktop{display:none}
/*update 15/7*/
.sfv2-c2-box .c2-black.col-radio-2 label{padding-left:10px}
.sfv2-c2-box .c2-black.col-2 label{padding-left:10px}
.sfv2-c2-box .tbl-hide .col-1-1 label,
.sfv2-c2-box .tbl-hide .col-1-2 label,
.sfv2-c2-box .tbl-hide .col-1-3 label{padding-left:10px}
.sfv2-c2-box .col.col-1.title span {
font-size: 1em;
width: 100%;
}
}
#info-none .sfv3-f3-linkfooter .active_right-f2.active-f2new.bg-black.active-asc,
#info-none .sfv3-f3-linkfooter .active_right-f2.active-f2new.bg-black.active-desc{color:#6699ff !important}
.sfv3-f3-searchbar .active_right-f2{background-color: #333;}
.sfv2-searchbar-new .active_right-f2{background-color: #333;}
/*****************************C4****************************************/
.C47 .blockc-row-bottom-3 .sv7-tai-bottom-content{width:100%}
.sv7-tai-bottom-content.sv2-tai-bottom-content{margin-top:0px!important}
.sv2-tai-bottom-content .btn-yellow,
.sv2-tai-bottom-content .btn-black{font-size:18px;font-family:Meiryo;}
.c4-ver-mobile{display:none}
.sfv2-c2-box.sfv2-c4 .col.col-1-4 {border-top:none}
.sfv2-c2-box.sfv2-c4 .col.col-1-5 {border-top:none;width: 72%;border-right:1px solid #ccc}
.sfv2-c4 .regular-radio:checked + label:after {
background: #3399cc !important;
}
@media (max-width:1250px){
.sfv2-c2-box.sfv2-c4 .col.col-1{width:30%}
.sfv2-c2-box.sfv2-c4 .col.col-1-3{width:36%}
.sfv2-c2-box.sfv2-c4 .col.col-1-5 {border-top:none;width: 66%}
}
@media (max-width: 1040px){
#main .container.blockC.C44.C47 {padding-left:10px!important;padding-right:10px!important}
}
@media (max-width: 900px){
.sfv2-c2-box.sfv2-c4 .col.col-1-3 {width: 35%;}
.sfv2-c2-box.sfv2-c4 .col.col-2 {width: 60%;}
.sfv2-c2-box.sfv2-c4 .col-2.col.col-1-5 {border-top:none;width: 65%}
}
@media (max-width:768px){
.sfv2-c2-box.sfv2-c4 .col.col-1{width:100%}
.sfv2-c2-box.sfv2-c4 .col.col-1-3{width:100%}
.sfv7-c3-divcontent-main-left {padding-left: 30px;}
.sfv2-c2-box.sfv2-c4 .col.col-2 {width: 100%;}
.sfv2-c2-box.sfv2-c4 .col.col-2 span {width: 100%;}
.sfv2-c2-box.sfv2-c4 .col.col-2 .c4-ver-mobile {width: 100%;text-align:center}
.sfv7-c3-divcontent .sfv7-c3-divcontent-main-left.pull-left{padding-left:10px}
.sfv2-foot .f2new-footer.sfv3-f3-btn-foot{width:100%;display:block}
.sfv2-c4 .tbl-hide .col.col-1{border-left:1px solid #ccc}
.sfv2-c2-box.sfv2-c4 .radio-none {width: 0%;}
.sfv2-c2-box.sfv2-c4 .tbl-hide {display: none !important;}
.c4-ver-mobile{display:block}
.c4-ver-desktop{display:none}
.sfv2-c2-box.sfv2-c4 .col.m-col-1{width:50%;border-right:none}
.sfv2-c2-box.sfv2-c4 .col.m-col-2{width:50%}
.sfv2-c2-box.sfv2-c4 .col.m-col-3{width:50%;border-right:none}
.sfv2-c2-box.sfv2-c4 .col.m-col-4{width:50%;border-left:none}
.sfv2-c2-box.sfv2-c4 .clearfix{display:none}
.sfv2-c2-box.sfv2-c4 .col-2.col.col-1-5 {border-top:none;width: 100%}
}
@media (max-width:600px){
.C47 .blockc-row-bottom-3 .sv7-tai-bottom-content {width:100%}
.C47 .blockc-row-bottom-3 .sv7-tai-bottom-content .pull-left{width:260px;margin:auto}
.C47 .blockc-row-bottom-3 .sv7-tai-bottom-content .pull-right{width:260px;margin:5px auto}
.space-3.space-mobile-0{margin-bottom:0px}
.sfv7-c3-bg-yellow.sfv-bg-yellow.sfv3-f4-yellow.sfv3-f7-yellow{padding:15px !important;}
}
/*
.modal-header.sfv2-header{border-bottom:none}
.modal-header.sfv2-header span{margin-top: -15px;}
.modal-header.sfv2-header h4{font-size:20px;font-family:Meiryo}
@media (max-width:768px){
.modal-body.c46-popup-c50-body.sfv5-c8-min{text-align:center}
.modal-header.sfv2-header .close{margin-top: -5px;margin-bottom: -10px;}
.modal-body.c46-popup-c50-body.sfv5-c8-min h4{padding:10px;font-size:20px;font-family:Meiryo}
}
*/
/************A1,A2,A3 BLOCK-P2*********/
#pageAB.sfv2-a1 .container.a2b1 .box-container.box-1050 {max-width: 1034px;}
#pageAB.sfv2-a1 .container.a2b1 {padding-left: 0px !important;padding-right: 0px !important;}
.sfv2-a1-box .box-34.box.bg-grey-1 >div > div img{/* width:173px;height:173px;*/}
.sfv2-a1-box .box-34.box.bg-grey-1 >div > div .row-1 img{width:27px;height:auto;}
/*#pageAB.sfv2-a1 .container.a2b1 {margin-top: 85px;}*/
#pageAB.sfv2-a1 .container.a2b1 .box-container{max-width:1000px}
.AB.sfv2-a1 .a2b1-box-title{padding-top:0px}
.AB.sfv2-a1 .a2b1-box-title .title-18{font-size:20px;color:#000;margin-top:18px}
#pageAB.sfv2-a1 .box.a2b1-box-title.box-top{margin-left:0px;margin-right:0px}
#pageAB.sfv2-a1 .btn-4{width:90px}
.AB.sfv2-a1 .box.box-34,
.AB.sfv2-a1 .box.box-35,
.AB.sfv2-a1 .box.box-36{width:100%!important;margin-left:0px !important;margin-right:0px!important;}
.AB.sfv2-a1 .box-34 .row-1 ul {margin-left:0px;}
.AB.sfv2-a1 .box-34 .row-1 ul li{font-size:16px}
.AB.sfv2-a1 .box-34 .row-1{height:32px;margin-top:0px;padding:5px 0px 5px 6px;margin-bottom:10px}
.AB.sfv2-a1 .box-34 .row-1.bg-blue-3 {padding: 5px 12px 5px 15px;}
.AB.sfv2-a1 .box.box-34.bg-grey-1 .space20{margin-bottom:10px}
.AB.sfv2-a1 .box-34 .row-1 .left{margin-top:0px;width:auto}
.AB.sfv2-a1 .box-34 .row-1 .right{width:auto;float:right}
.AB.sfv2-a1 .box-34.sfv2-box-grey .row-2 div{width:16.5%}
.AB.sfv2-a1 .box-34 .row-2 .col-3,
.AB.sfv2-a1 .box-34 .row-2 .col-5{padding-top:20px}
.AB.sfv2-a1 .box-34 .row-2 > div{margin-bottom:0px}
.AB.sfv2-a1 .box-35.a2b1-box-title .title-18{font-size:18px;height:auto;line-height:20px;color:#fff}
.AB.sfv2-a1 .box-36 .row-1 label{color:#fff;font-size:16px;font-weight:normal;float:left;width:50%;padding:16px}
.AB.sfv2-a1 .box-36 .row-1 p{font-size: 13px;width: 50%;float: right;margin-left: 0px;margin-top: 0px;padding: 0px 10px 10px 10px;border-left: 1px solid;height: 35px;margin-top: 10px;}
.AB.sfv2-a1 .box-36 .row-1{width:455px}
.AB.sfv2-a1 .box-36 .row-2{width:545px;position:relative}
.AB.sfv2-a1 .box-36 .row-2 ul {position:absolute;padding-top: 0px;margin-top: -5px;right: 50px;}
.AB.sfv2-a1 .box-36 .row-2 ul li {padding: 0px 7px;}
.AB.sfv2-a1 .box-36{height:58px}
.AB.sfv2-a1 .box-35 span.title-18 {padding-left: 10px;}
#pageAB.AB.sfv2-a1 .box-container.box-footer #breadcrumb{margin-top:35px}
#pageAB.AB.sfv2-a1 .box-container.box-footer #breadcrumb div{padding-bottom: 10px;font-size:13px}
#pageAB.AB.sfv2-a1 .box-container.box-footer #breadcrumb .underline{text-decoration:none}
@media (max-width:1100px){
#pageAB.sfv2-a1 .container.a2b1 .box-container {padding: 0px 15px;}
.AB.sfv2-a1 .box-36 {height: auto;}
.AB.sfv2-a1 .box-36 .row-1 {width: 100%;text-align:center;padding-top:10px;padding-bottom: 10px;}
.AB.sfv2-a1 .box-36 .row-1 p{width:394px;float:none;height: 16px;margin:auto;padding-left:5px}
.AB.sfv2-a1 .box-36 .row-1 label{width:100%;float:none}
.AB.sfv2-a1 .box-36 .row-2 {width:100%;position: relative;}
.AB.sfv2-a1 .box-36 .row-2 ul {position:relative;margin-top: 0px;right: 0px;text-align:center}
}
@media (max-width:800px){
.AB.sfv2-a1 .box-top .title-18 {margin-top: 0px;margin-bottom: 2px;}
#pageAB.sfv2-a1 .box.box-top {margin-left: 0px;margin-right: 0px;}
#pageAB.sfv2-a1 .space30 {margin-bottom: 12px;}
}
@media (max-width:785px){
.AB.sfv2-a1 .box.box-34.bg-grey-1.sfv2-box-grey{display:none!important}
}
@media (max-width:768px){
.AB.sfv2-a1 .box-34 .row-1 {display: none;}
.AB.sfv2-a1 .box-36 .row-1 {text-align:left}
.AB.sfv2-a1 .box-36 .row-1 p {margin-top:6px;}
.AB.sfv2-a1 .box-36 .row-2 ul li {padding: 5px 5px;}
.AB.sfv2-a1 .box-34 .row-2 > div {margin-bottom: 20px;margin-top: 10px;}
.box-container.box-footer #breadcrumb {display:none}
.AB.sfv2-a1 .sfv2-a1-box .space40{margin-bottom:10px}
.AB.sfv2-a1 .space20 {margin-bottom: 10px;}
}
@media (max-width:600px){
.AB.sfv2-a1 .box-36 ul li img {width: 97%;}
}
@media (max-width:465px){
.AB.sfv2-a1 .box-36 .row-1 p {width: 94%;height: 35px;margin: auto 15px;padding-left: 5px;margin-top:6px;}
}
/************A7,A8 BLOCK-P2*********/
#pageAB.AB .box-34.sfv2-box-grey-2 {margin-left: 0 !important;margin-right: 0 !important;text-align: center;width: 100% !important;}
#pageAB.AB.sfv2-a1 .box-39 {height: 40px;padding-left: 5px;width: 100%;margin-left:0;margin-right:0;background:#66999a;line-height: 40px;}
#pageAB.AB.sfv2-a1 .box-39 span{font-size: 18px;}
.sfv2-box-grey-2 .row-2 img:first-child{/* width:173px;height:173px */}
.sfv2-box-grey-2 .row-2 .row-1 div:last-child img {height:auto}
@media (max-width:768px){
.AB.sfv2-a1.sfv2-a8 .box-34 .row-1 {display: block;}
.AB.sfv2-a1.sfv2-a8 .box-34 .row-2 > div {margin-bottom: 0px;}
}
/************C12,C13 BLOCK-P2*********/
.f12 .container.blockd3{margin-top:0px !important}
.f12 .btn-yellow,
.f12 .btn-black{font-size:18px;font-family:Meiryo}
.f12 .regular-radio:checked + label:after{background:#3399cc!important}
.f12 .bg-yellow {font-size: 15px;padding: 10px;margin-top: 5px;color: #000;}
.c12-sfv2-mobile{display:none}
@media (max-width:1050px){
.f12 .table-c12,
.f12 .sv7-tai-bottom-content{padding-left:10px;padding-right:10px}
.f12 .bg-yellow {margin-left:10px;margin-right:10px;}
}
@media (max-width:768px){
.f12 .bg-yellow {font-size:13px}
}
@media (max-width:600px){
.c12-sfv2-desktop{display:none}
.c12-sfv2-mobile{display:block}
}
.AB .space30-12{margin-bottom:12px}
.AB .f2new-footer.sfv3-f3-btn-foot a{
color: #6899ff!important;
}
.AB .f2new-footer.sfv3-f3-btn-foot a:visited {
color: #6899ff!important;
}
/***************a13****************/
@media (max-width:768px){
.AB .space10-a13{margin-bottom: 20px!important}
.AB .row-1-a13{display: none!important}
}
/******************A14**********/
#pageAB.sfv2-a1 .box-37 .regular-radio:checked + label:after {background: #3399cc !important;}
#pageAB.sfv2-a1 .box-38.box-container.box-a14 {font-size:16px}
#pageAB.sfv2-a1 .hr-1 {border-top: 1px solid #ccc;margin: 0px;border-bottom: none;}
#pageAB.sfv2-a1 .box-37 ul li > div:first-child {margin-bottom: 11px;}
@media (max-width:768px){
#pageAB.sfv2-a1.sfv2-a8{margin-bottom:40px}
}
.box-c9 .sfv2-c2-box .col.col-1.col-1-3 {width: 40%;}
.sfv2-f6 .sfv3-f3-bginfo {width: 103%;margin: auto auto auto -11px;text-align: left;}
@media (max-width:1084px){
.sfv2-f6 .sfv3-f3-bginfo {width: 100%;margin: auto;text-align: center;}
.sfv2-f6 .sfv3-f3-bginfo .box {padding: 0px;width: 470px;}
}
.sfv2-select {display:inline-block;border-radius:0px;border: 1px solid #b1b1b1;}
.sfv1-d1 .sfv1-d1-row-3 > div:last-child button.sfv2-btn-browser{padding:0px 15px}
@media (min-width:1070px){
.block-f2-content.f2new-content.f2-mypage .block-f2-title-box li {padding-top: 16px;}
.block-f2-content.f2new-content.f2-mypage .top-bgbox {padding-top: 5px;padding-bottom: 4px;}
.block-f2-content.f2new-content.f2-mypage .block-f2-box {margin-top: 10px;}
}
/******search bar********/
#block-f2-searchbar .sfv3-selectbox{color: #ccc;font-size: 12px;border-radius: 0px;padding:2px 6px 0px;border: 2px solid #fff;line-height:16px}
@media (min-width:770px){
#block-f2-searchbar .sfv3-selectbox{width: 276px;}
.block-f2new-searchbar.sfv3-newleft .submit-f2new {line-height:17px}
}
/*****Book 1*************/
.sfv2-fix-book #block-f2-title h1{font-size:20px}
.sfv2-fix-book .fontsize-18px {font-size: 13px !important;}
.sfv2-fix-book .border_block4{border-bottom:solid 1px #666;}
.sfv2-fix-book #block-f2-title {
margin-top: 100px;
}
@media (max-width:802px) {
.sfv2-fix-book #block-f2-title {
margin-top: 120px;
}
}
@media (max-width:800px) {
.sfv2-fix-book #block-f2-title {
margin-top: 90px;
}
}
@media (max-width:768px){
.sfv2-f6 .sfv3-f3-bginfo .box {padding: 0px;width: 310px;}
}
@media (max-width:640px){
.sfv2-fix-book .fontsize-18px {font-size: 9px !important;}
}
@media (min-width:992px){
.sfv2-fix-book{margin-bottom:100px;}
.sfv2-fix-book .block4topfull{max-width:1030px}
.sfv2-fix-book .blockf4Container2 {max-width:1000px}
.sfv2-fix-book .block4-btn{margin-right:0px}
.sfv2-fix-book .block4Table{margin-left:0px}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari only override */
::i-block-chrome,.modal-body .f23box.title-2 {padding: 4px 10px 2px;}
::i-block-chrome,.modal select {
height: 34px;
padding: 6px 12px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
::i-block-chrome,.sfv3-f4-box .sfv3-btn-right1{padding:9px 26px 6px!important}
::i-block-chrome,.sfv3-f4-box .sfv3-btn-right2{padding:9px 26px 6px!important}
::i-block-chrome,.sfv1-c10 .sfv1-c10-row2 > div > div button.btn-download{width:405px!important}
}
@media(max-width: 991px) and (-webkit-min-device-pixel-ratio:0) {
/* Safari only override */
::i-block-chrome,.modal-body .space-top-4{margin-bottom:5px}
}
/*==============================================================================================*/
/*=======================================End BLOCK P2===================================================*/
/*==============================================================================================*/
/*==============================================================================================*/
/*=======================================BLOCK P3===================================================*/
/*==============================================================================================*/
/* Start sfv3 */
.sfv3-h1{
font-size: 20px;
color: #000000;
}
.sfv3-container .sfv3-description{
color: #666666;
font-size: 15px;
padding-left: 4px;
margin-top: 5px;
margin-bottom: 14px;
}
.sfv3-container #block-f2-title {
padding-left: 3px;
}
.sfv3-newleft .block-f2-searchbar-left{
min-width: 100px;
}
.sfv3-newleft select{
font-size: 14px;
height: 23px;
width: 246px;
margin-left: 12px;
padding-left: 6px;
padding-top: 2.5px;
}
.sfv3-newleft form {
display: inline-block;
}
.sfv3-container{
padding-left: 0px;
padding-right: 0px;
}
.sfv3-container #block-f2-searchbar{
margin: 0 3px;
padding-left: 21px
}
.sfv3-container .text-white{
line-height: 25px;
margin-left: -9px;
}
.sfv3-container .block-f2-searchbar-right{
margin-right: 21px;
}
.sfv3-container .block-f2-searchbar-right span{
cursor: pointer;
}
.block-f2-searchbar-right .active-f2new{
color: #6699ff !important;
}
.sfv3-container .middle-menu-f2 {
border-right: 2px solid;
display: inline-block;
height: 13px;
}
.sfv3-container .block-f2-searchbar-right span {
margin-left: 0;
padding-left: 12px;
border: none;
padding-right: 8px;
}
.sfv3-container .text-white{
font-size: 13px;
}
.sf3-text-description{
color: #666666;
font-size: 15px;
padding-right: 3px;
padding-top: 14px;
text-align: right;
width: 100%;
margin-bottom: 17px;
}
.sfv3-container .f28-boxFooter{
color:#999999;
font-size: 13px;
margin-top: 0px;
}
.sfv3-container .f28-cs6{
background-color: #999999;
width: 206px;
height: 200px!important;
border:0;
}
.sfv3-container .sfv3-bgheader{
background-color: #66999a;
height: 28px;
padding-left: 10px;
padding-top: 5px;
text-align: left;
width: 206px;
}
.sfv3-container .f2new-footer{
margin: 30px auto 87px;
}
.sfv3-bgfooter{
background-color: #efefef;
font-size: 13px;
color: #333333;
text-align: right;
width: 206px;
height: 28px;
padding-top: 5px;
padding-right: 14px;
}
.block-center-f13 {
text-align: center;
margin: 0 -25px 17px;
}
.block-center-f13 .line-row{
display: inline-block;
height: 280px;
margin: 0 26px 40px;
width: 207px;
}
.block-center-f13 .line-row .title-row{
text-align: left;
background: #66999a;
color: #ffffff;
font-size: 13px;
height: 28px;
padding-top: 6px;
padding-left: 15px;
}
.block-center-f13 .line-row .image-row {
background: none repeat scroll 0 0 #999999;
display: table-cell;
height: 200px;
vertical-align: middle;
width: 207px;
}
.block-center-f13 .line-row .image-row.image-row-padding2{
padding-top: 33px;
}
.block-center-f13 .line-row .image-row.image-row-padding3{
padding-top: 26px;
}
.block-center-f13 .line-row .image-row.image-row-padding4{
padding-top: 44px;
}
.block-center-f13 .line-row .image-row.image-row-padding5{
padding-top: 49px;
}
.block-center-f13 .line-row .title2-row {
background: #efefef;
height: 28px;
padding-top: 6px;
text-align : right;
}
.block-center-f13 .line-row .title2-row div{
display: inline-block;
font-size : 13px;
}
.block-center-f13 .line-row .title2-row div a {
color: #000;
}
.block-center-f13 .line-row .title2-row div.right{
padding-left: 10px;
padding-right: 17px;
}
.block-center-f13 .line-row .title2-row div.middle{
border-left: 1px solid;
height: 15px;
}
.block-center-f13 .line-row .title2-row div.left{
padding-right: 15px;
}
.block-center-f13 .line-row .footer-row {
color: #999;
font-size: 13px;
padding-left: 3px;
padding-top: 1px;
text-align: left;
}
.sfv3-container .sfv-footerbox{
height: 57px;
margin: -12px auto 87px;
padding-top: 9px;
}
@media screen and (max-width: 1072px){
.block-center-f13 {
margin: 0px 0px;
}
}
@media screen and (max-width: 1040px){
.sfv3-container .sfv3-description, .sfv3-container #block-f2-title,.sfv3-container #block-f2-searchbar, .sf3-text-description {
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (max-width: 650px){
.sfv3-search{
position: relative;
top: -1px;
}
}
@media screen and (max-width: 770px){
.sfv3-newleft .f2new-left{
float: none;
width: 100%;
text-align: center;
}
.sfv3-newleft select{
width: 210px;
margin: auto
}
.f2new-right{
float: none;
width: 100%;
text-align: center;
margin-right: 0px;
padding-top: 12px;
}
.sfv3-container .sfv3-newleft{
padding-left: 0px!important;
height: 105px!important;
}
.sfv3-container .block-f2-searchbar-right{
margin-right: 0px;
}
.sfv3-container .f2new-right{
margin-top: 0px;
}
.sfv3-newleft .downdrop{
display: block;
height: 5px;
}
.sfv3-container #block-f2-searchbar{
height: 108px!important;
}
.sfv3-container .f2new-left{
padding-bottom: 0px!important;
}
.sfv3-container .f2new-right{
font-size: 12px;
}
.sfv3-container .f2new-left{
font-size: 13px;
}
}
@media screen and (max-width: 540px){
.sf3-text-description{
margin-right: 3px;
margin-bottom: 8px;
margin-top: -8px;
width: auto;
}
.block-center-f13 .line-row {
margin: 0 3px -5px;
}
.block-center-f13 .line-row ,.block-center-f13 .line-row .image-row {
width: 290px;
}
.block-center-f13 .line-row .footer-row {
display: none;
}
.sfv3-container .sfv-footerbox {
margin: 10px auto 50px;
}
}
/* End sfv3 */
/* Start E06-sfv3 */
.kuhaku .container.sfv3-e6-btn.sf3-middle{
margin-top: 0px!important;
}
#blocke10 .sfv3-e6-yellow{
font-size: 30px;
color:#000000;
padding: 1% 27%;
margin-bottom: 20px;
}
.sfv3-h1-e6{
font-size: 20px;
color: #000000;
}
.sfv3-e6-description{
font-size: 18px;
color: #999999;
text-align: center;
width: 100%;
margin-bottom: 20px;
}
.sfv3-e6-p{
margin-bottom: 20px;
}
.sfv3-e6-btn .blocke10-row-3 button.blocke11-btn1{
width: 348px!important;
font-size: 18px;
color:#000000;
font-family: Meiryo;
}
.sfv3-e6-btn .blocke10-row-3 button.blocke11-btn2{
width: 260px!important;
font-size: 18px;
color:#000000;
font-family: Meiryo;
}
.svf3-e6-btn-left{
margin-left: 131px;
padding-left: 46px;
padding-right: 0;
width: 42%;
}
.svf3-e6-btn-right{
padding-left: 0 !important;
text-align: left;
width: 35%;
margin-left: 4px;
}
.sfv3-e6-text{
font-size: 15px;
color:#000000;
border-top: solid 1px #999999;
border-bottom: solid 1px #999999;
margin-bottom: 22px;
}
.sfv3-e6-btn .blocke10-row-3{
margin-bottom: 30px;
}
.sfv3-e6-text p{
position: relative;
top: 5px;
margin-left: 10px;
}
.sfv3-e6-footer-btn .col-md-8{
color: #5b4e46;
font-size: 15px;
margin-left: 29px;
margin-right: -5px;
width: 62%;
}
.sfv3-e6-footer-btn .col-md-4{
font-size: 18px;
color:#000000;
font-family: Meiryo;
}
.sfv3-e6-footer-btn .btn-yellow{
font-size: 18px;
color:#000000;
width: 310px;
font-family:Meiryo;
}
.sfv3-e6-footertext{
color: #999999;
font-size: 12px;
margin-top: 7px;
padding-right: 20px;
text-align: right;
margin-bottom: 50px;
}
.sfv3-btn-width{
margin-left: -8px;
margin-top: 5px;
}
.kuhaku .sfv3-e6-btn{
margin-top: 0px;
}
#main .kuhaku .container.sfv3-e6-btn .sf3-middle {
margin-top: 27px !important;
}
@media screen and (max-width : 430px) {
.sfv3-e6-btn .blocke10-row-3 button.blocke11-btn1{
width: 260px!important;
height: 70px;
margin-bottom: 6px;
padding-left: 40px;
padding-right: 40px;
}
.svf3-e6-btn-right{
padding-right: 0px;
}
.sfv3-e6-footer-btn .btn-yellow{
width: 260px;
height: 70px;
margin-bottom: 19px;
padding-left: 40px;
padding-right: 40px;
}
.sfv3-e6-footertext{
display: none;
text-align: center;
}
.sfv3-e6-text .col-md-12{
padding-left: 0px;
padding-right: 0px;
width: 101%;
}
.sfv3-e6-btn .blocke10-row-3{
margin-bottom: 21px;
}
.svf3-e6-btn-left,.svf3-e6-btn-right,.sfv3-e6-description,.sfv3-e6-text,.sfv3-e6-footer-btn .col-md-8,.sfv3-e6-footer-btn .col-md-4{
width: 99%!important;
}
}
@media screen and (max-width : 1040px) {
.sfv3-e6-footertext{
display: none;
text-align: center;
}
.svf3-e6-btn-left{
margin-left: 0px;
padding-left: 0px;
width: 100%;
text-align: center;
}
.svf3-e6-btn-right{
text-align: center;
width: 100%;
margin-top: 10px;
margin-left: 0px;
}
.sfv3-e6-text{
width: 100%;
text-align: center;
margin: auto;
}
.sfv3-e6-text p{
text-align: left;
width: 100%;
}
.sfv3-e6-footer-btn .col-md-8{
width: 100%;
text-align: center;
margin-left: 0px;
margin-right: 0px;
float: none;
margin-top: 10px;
}
.sfv3-e6-footer-btn .col-md-4{
float: none;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
#blocke10 .sfv3-e6-yellow{
text-align: center;
line-height: 35px;
width: 100%;
padding: 1% 10%;
}
.sfv3-e6-text p{
margin-left: 0px;
}
}
@media screen and (max-width : 530px) {
#blocke10 .sfv3-e6-yellow{
height: 103px;
padding-top: 20px;
}
}
@media screen and (max-width : 279px) {
#blocke10 .sfv3-e6-yellow{
height: 135px;
}
}
@media screen and (max-width : 300px) {
.sfv3-e6-text .col-md-12{
font-size: 13px;
}
}
@media (max-width:991px){
@-moz-document url-prefix() {
#blocke10 .sfv3-h1-e6{padding-top:34px}
}
}
@media (max-width:766px){
@-moz-document url-prefix() {
#blocke10 .sfv3-h1-e6{padding-top:0px}
}
}
/* End E06-sfv3 */
/* Start F4-sfv3 */
.sfv3-f4-box .col-img-1 p{
font-size: 12px;
color:#999999;
text-align: center;
}
.f14-boxheader.sfv3-f4-box{
border: 1px solid #66999a !important;
}
.sfv3-f4-box .rowtext img{
margin-bottom: 5px;
}
.sfv3-f4-box .btn-right{
text-align: right;
}
.f22 .btn-right a:link,.f22 .btn-right a{
text-decoration: none!important;
}
.sfv3-box-bg{
background-color: #66999a;
height: 40px;
color:#ffffff;
padding-top: 8px;
margin-bottom: 12px;
}
.sfv3-f4-box .row{
margin-left: 0px;
margin-right: 0px;
}
.sfv3-f4-box .sfv3-btn-right1{
color:#ffffff;
background-color: #006666;
padding: 8px 26px 3px;
font-size: 12px;
margin-right: 2px;
font-family: Meiryo;
}
.sfv3-f4-box .sfv3-btn-right2{
color:#666666;
background-color: #ffffff;
padding: 8px 20px 3px;
font-size: 12px;
font-family: Meiryo;
}
.sfv3-box-bg .col-md-4{
padding-right: 6px;
}
.sfv3-text-bg{
background-color: #efefef;
font-size: 11px;
color: #999999;
text-align: right;
padding: 7px;
}
.sfv3-text-bg a:link,.sfv3-text-bg a:visited{
text-decoration: underline;
color: #6699ff;
}
.sfv3-box-footer{
margin-top: 6px;
margin-bottom: 6px;
}
.sfv3-box-footer .col-md-6{
font-size: 15px;
color: #666666;
}
.sfv3-box-footer .sfv3-colmd6{
margin-top: 15px;
}
.sfv3-colmd6-right{
text-align: right;
width: 53%;
}
.sfv3-colmd6-right img{
margin-right: 17px;
}
.sfv3-colmd6-left{
width: 47%;
}
.sfv3-f4-button{
margin-top: 20px;
margin-bottom: 18px;
margin-right: 5px;
margin-left: -15px;
}
.btn-white-small.sfv3-f4-btn1{
font-size: 14px;
color: #666666;
width: 237px;
height: 50px;
font-family: Meiryo;
border: solid 1px #999999;
}
.btn-white-small.sfv3-f4-btn2{
font-size: 14px;
color: #999999;
background-color: #dcdcdc;
width: 237px;
height: 50px;
font-family: Meiryo;
border: solid 1px #999999;
}
.sfv-bg-yellow.sfv3-f4-yellow{
font-size: 20px;
color:#666666;
padding: 2.4% 27%;
margin-bottom: 10px;
}
.sfv3-box-bg .col-md-8{
font-size: 13px;
margin-top: 4px;
}
.sfv3-f4-footerlink{
margin-bottom: 84px;
text-align: right;
padding-right: 0px;
}
.sfv3-f4-footerlink button{
background-color: #ff9900;
color:#ffffff;
font-size: 16px;
width: 278px;
font-family:Meiryo;
}
.sfv3-f4-footerlink .textf4footer{
color:#666666;
font-size: 16px;
text-decoration: underline;
}
.sfv3-f4-footerlink a{
text-decoration: underline;
color:#666666;
font-size: 16px;
margin-right: 20px;
}
.sfv3-f4-footerlink.footer-display{
display: none;
}
@media screen and (max-width : 440px) {
.sfv3-text-bg{
text-align: center;
}
}
@media screen and (max-width : 990px) {
.sfv3-box-bg .col-md-8,.sfv3-box-bg .col-md-4{
text-align: center;
width: 100%;
float: none;
}
.sfv3-box-bg .btn-right{
text-align: center;
margin-top: 8px;
}
.sfv3-box-bg{
padding: 13px;
height: auto;
}
.sfv3-colmd6-left,.sfv3-colmd6-right{
float: none;
text-align: center;
width: 100%;
}
.sfv3-f4-button .col-md-3{
width: 100%;
float: none;
text-align: center;
}
.sfv3-f4-button{
margin: auto;
margin-top:10px;
margin-bottom: 10px;
}
.sfv3-f4-footerlink{
margin-bottom: 65px;
}
.sfv3-f4-footerlink a{
margin-right: 0px;
}
.sfv3-f4-footerlink{
padding-left: 0px;
}
.container.sfv3-f4-yellow{
margin-left10px;
margin-right:10px;
padding:5px;
}
}
@media screen and (max-width : 768px) {
.sfv-bg-yellow.sfv3-f4-yellow{
text-align: left;
padding: 15px 0 10px 25px;
font-size: 18px;
}
.f14-boxheader.sfv3-f4-box,.sfv3-f4-button{
display: none;
}
.sfv3-f4-footerlink.footer-display{
display: block;
text-align: center;
}
.sfv3-f4-footerlink .btn-yellow{
margin-bottom: 12px;
}
.sfv3-f4-footerlink.footer-hide{
display: none;
}
.sfv3-f4-footerlink{
margin-bottom:15px;
}
}
/* End F4-sfv3 */
/* Start F7-sfv3 */
.sfv-bg-yellow.sfv3-f7-yellow {
color: #666666;
font-size: 20px;
margin-bottom: 10px;
padding: 0.8% 27%;
}
.sfv3-f4-footerlink.sfv3-f7-footerlink{
margin-bottom: 10px;
}
.sfv3-f7-box{
margin-bottom: 311px;
}
.sfv3-f4-footerlink.sfv3-f7-footerlink a {
margin-right:0px;
}
button.btn-yellow.sfv3-f7-btn-yellow{
margin-left: 20px;
}
@media screen and (max-width : 990px) {
.sfv-bg-yellow.sfv3-f7-yellow {
padding: 15px 0 10px 25px;
}
}
/* End F7-sfv3 */
/* Start F3-sfv3*/
.sfv3-f3-seacrch .submit-f2new{
font-family: Meiryo;
position: relative;
top:2px;
}
.sfv3-f3-seacrch .search-f2{
font-family: Meiryo;
width: 276px!important;
height: 22px!important;
color: #cccccc;
font-size: 12px;
}
.sfv3-f4-footerlink.sfv3-f3-footerlink a {
margin-right: 0px;
}
.sfv3-f4-footerlink.sfv3-f3-footerlink{
margin-bottom: 10px;
}
#block-f2-searchbar.block-f2new-searchbar.sfv3-newleft.sfv3-f3-seacrch{
padding-top: 7px;
}
.block-f2-searchbar-right.sfv3-f3-searchbar{
margin-top: 6px;
}
.sfv3-f4-button.sfv3-f3-button{
margin-bottom: 10px;
}
.text-white.sfv3-f3-textwhite{
float: left;
}
.sfv3-f3-searchbar{
background-color: #333333;
padding: 7px;
color:#ffffff;
font-size: 12px;
font-family: Meiryo;
margin-left: 0px;
margin-right: 0px;
}
.sfv3-f3-linkfooter{
//text-align: right;
}
.sfv3-f3-linkfooter a:link,.sfv3-f3-linkfooter a:visited{
color: #ffffff;
}
.sfv3-f3-searchbar .active-f2new a {
color: #6699ff !important;
}
.sfv3-f3-searchbar .col-md-1{
padding-right: 0px;
position: relative;
top: 3px;
font-size: 13px;
}
.sfv3-f3-searchbar .col-md-5{
padding-left: 0px;
}
.sfv3-f3-searchbar .search-f2 {
font-size: 12px;
color:#333333;
height: 22px !important;
width: 276px !important;
}
.sfv3-f3-searchbar .submit-f2.submit-f2new{
margin-left: 5px!important;
position: relative;
top: 1px;
}
.col-md-6.sfv3-f3-linkfooter{
margin-top: 5px;
width: 15%;
float: right;
}
.sfv3-f3-footerlink .sfv3-btn{
margin-left: 18px;
}
.sfv3-f3-pagenav{
margin-left: 10px;
margin-right: 10px;
}
.sfv3-f3-pagenav .col-md-6{
padding-left: 0px;
}
.sfv3-f3-pagenav .pagenav{
padding-right: 0px;
}
.sfv3-f3-pagenav .col-md-6{
font-size: 13px;
color: #666666;
margin-top: 10px;
margin-bottom: 10px;
}
.sfv3-f3-page{
text-align: right;
margin-top: -20px;
height: 35px;
}
.sfv3-f3-page li a{
color: #666666;
text-decoration: none;
}
.sfv3-f3-page li{
float: left;
list-style: none;
font-size: 13px;
font-family: Meiryo;
border-right: solid 1px #7a7a7a;
margin-right: 5px;
padding-right: 5px;
}
.sfv3-f3-page ul{
text-align: right;
}
li.end-pagenav{
border-right: 0px;
}
.active-page{
background-color: #6699ff;
color: #ffffff!important;
padding-left: 6px;
padding-right: 6px;
}
.sfv3-f3-boxinfo{
border: solid 1px #999999;
font-size: 15px;
color: #5b5a5a;
float: left;
margin-bottom: 23px;
width: 100%;
}
.sfv3-f3-boxinfo .bg-gray{
background-color: #efefef;
text-align: right;
padding: 10px 20px 3px 3px;
}
.sfv3-f3-boxinfo .bg-gray a{
font-size: 13px;
color: #5b5a5a;
text-decoration: none;
}
.sfv3-f3-boxinfo .text-boxinfo{
font-size: 14px;
color:#5b5a5a;
padding: 10px 10px 0px 20px;
text-align: left;
min-height: 70px;
}
.sfv3-f3-boxinfo .text-boxinfo p{
margin-bottom: 0;
}
.sfv3-f3-titlebox{
padding: 10px 10px 10px 20px;
text-align: left;
border-bottom: solid 1px #999999;
background: url("../images/bg_line.jpg") repeat-y;
}
.sfv3-f3-titlebox a{
color: #cc0000!important;
font-size: 15px;
}
.sfv3-f3row{
margin-left: 0px;
margin-right: 0px;
margin: auto;
text-align: center;
}
.send-addresses-area {
font-size: 16px;
}
.sfv3-f3-bginfo .box {
display: inline-block;
position: relative;
text-align: center;
text-decoration: none;
width: 506px;
padding: 0 11px;
}
.sfv4-c7 .sfv4-c7-messages-text2{
width: 100%;
float: left;
padding: 16px 10px;
border: 1px solid #cccccc;
text-align: left;
margin-bottom: 10px;
border-top: 0px;
}
.sfv4-c7-messages-text2 button {
background-color: #fff;
border: 1px solid;
border-radius: 8px;
color: #333333;
font-size: 16px;
height: 36px;
text-align: center;
width: 80px;
margin-bottom: 8px;
}
.sfv3-f3-bginfo{
width: 118%;
margin: auto auto auto -89px;
text-align: center;
}
.send-addresses-title {
width: 100%;
}
.send-addresses-area {
width: 103%;
margin: auto auto auto -11px;
text-align: left;
}
@media screen and (max-width: 1084px){
.send-addresses-area {
width: 100%;
margin: auto;
text-align: center;
}
}
.dropline-f3{
display: none;
}
.f2new-footer.sfv3-f3-btn-foot{
display: none;
}
.f2new-footer.sfv3-f3-btn-foot a{
color: #6899ff;
}
.sfv3-pagenav2{
margin-top: -18px
}
.sfv3-height{
min-height:100px;
}
@media screen and (max-width : 990px) {
.block-f2-searchbar-left.f2new-left .text-white{
text-align: left!important;
}
.sfv3-f3-searchbar .col-md-1,.sfv3-f3-searchbar .col-md-5,.sfv3-f3-searchbar .col-md-6{
float: left;
width: 100%;
text-align: center;
margin-bottom: 6px;
margin-top: 6px;
}
.sfv3-f3-searchbar .col-md-1{
padding-left: 0px;
}
.sfv3-f3-pagenav{
margin-left: 0px;
margin-right: 0px;
}
.sfv3-f3-pagenav .col-md-6{
text-align: center;
width: 100%;
float: none;
}
.sfv3-f3-pagenav .col-md-6.pagenav{
text-align: center;
width: 100%;
float: none;
}
.sfv3-f3-bginfo .box{
margin-right: 0px;
}
.sfv3-f3-bginfo{
margin:auto;
width:100%;
margin-left:10px;
margin-right:10px;
}
.sfv3-f3-bginfo .box{
padding:0px;
width:470px;
}
.sfv3-f3-searchbar{
margin-left:10px;
margin-right:10px;
}
#block-f2-title .sfv2-h1{
margin-left:10px;
}
}
@media screen and (max-width : 420px) {
.sfv3-f3-searchbar .search-f2{
width: 152px!important;
height: 22px!important;
}
.sfv3-f3-searchbar .col-md-1{
margin-left: 27px;
padding-bottom: 10px;
text-align: left;
width: 30%;
}
.sfv3-f3-pagenav{
display: none;
}
.sfv3-f3-bginfo .box{
width: 100%;
}
.sfv-bg-yellow.sfv3-f4-yellow{
width:92%;
margin-left:10px;
}
}
@media screen and (max-width : 550px) {
.sfv3-f3-bginfo .box{
width: 290px;
}
.sfv3-f3-searchbar{
margin-bottom: 18px;
}
.dropline-f3{
display: block;
height: 8px;
}
.sfv3-f3-titlebox{
text-align: center;
}
.sfv3-f3-boxinfo{
margin-bottom: 12px;
}
.sfv4-f3-footer-fix{
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.f2new-footer.sfv3-f3-btn-foot{
display: block;
margin-bottom: 30px;
margin-top: 30px;
width: 100%;
}
.sfv3-pagenav2{
margin-top: 5px;
margin-bottom: 5px
}
}
@media screen and (max-width : 1190px) {
.sfv3-f3-bginfo{
width:100%;
margin:auto;
}
.sfv3-f3-pagenav{
margin-left:0px;
margin-right:0px;
}
}
/* End F3-sfv3*/
/* Start F6-sfv3 */
.sfv3-f6-footer{
margin-top: 10px;
}
.sfv3-f3-searchbar.sfv3-f6-searchbar .col-md-1{
width: 9%;
}
.sfv3-f3-searchbar.sfv3-f6-searchbar .col-md-1.show_count{
width: 36%;
text-align: right;
}
.sfv3-f3-searchbar.sfv3-f6-searchbar .col-md-1.show_count select{
color: #000;
width: 65px;
}
.sfv3-f3-searchbar.sfv3-f6-searchbar .col-md-5{
width: 40%;
}
.sfv3-f6-pagenav{
margin-top: 10px;
}
.sfv3-f6-titlebox{
background-color: #e0ebeb;
border-bottom: 1px solid #999999;
color: #66999a;
font-size: 15px;
padding: 8px 5px 3px 15px;
text-align: left;
}
@media screen and (max-width : 420px) {
.sfv3-f3-searchbar.sfv3-f6-searchbar .col-md-1{
width: 30%!important;
}
.sfv3-f6-titlebox{
text-align: center;
padding: 8px 5px 3px 0px;
}
h1.sfv2-h1.sfv3-f6-h1{
margin-bottom: 0px;
}
.sfv3-f3-titlebox{
padding: 8px 10px 5px 20px;
}
.sfv3-f3-boxinfo .text-boxinfo{
padding: 8px 10px 5px 20px;
}
}
@media screen and (max-width : 990px) {
.sfv3-f4-footerlink.sfv3-f6-footer-link{
margin-bottom: 12px;
}
.sfv3-f3-searchbar.sfv3-f6-searchbar .col-md-1,.sfv3-f3-searchbar.sfv3-f6-searchbar .col-md-5{
float: none;
width: 100%;
}
.sfv3-f3-searchbar.sfv3-f6-searchbar .col-md-1.show_count {
width: 100%;
text-align: center;
}
}
/* End F6 block-p6 */
/*==============================================================================================*/
/*=======================================End BLOCK P3===================================================*/
/*==============================================================================================*/
/*==============================================================================================*/
/*=======================================BLOCK P4===================================================*/
/*==============================================================================================*/
/* START
F17 - users/show.html.erb
*/
/*---- START
Desktop ----*/
h2.sfv4-f17-title{
margin-left: 0 !important;
font-size: 15px;
color: #666666;
}
.sfv4-2col-content{
margin: 15px 0 135px 0;
}
.sfv4-f17-row-header{
border-left: 3px solid #c40010;
padding-left: 5px;
font-size: 15px;
color: #666666;
}
.sfv4-f17-row-contents-1{
margin: 0;
border: 1px solid #cccccc;
margin-top: 5px;
}
.sfv4-f17-row-content-2{
margin-top: 0;
border-top: none;
}
.sfv4-f17-contents-gray a .sfv4-f17-span3-col2{
color: #333333;
}
.sfv4-f15-991px{
color: #333333;
}
.sfv4-f17-col-ileft{
padding-left: 14px;
padding-right: 4px;
}
.sfv4-f17-col-iright
{
padding-left: 11px;
padding-right: 7px;
}
.sfv4-f17-contents-1-col-left{
background: #c40010;
text-align: center;
color: #FFFFFF;
border-right: 1px solid #cccccc;
font-size: 15px;
padding: 4px 0;
width: 28.5%;
}
.sfv4-f17-contents-1-col-right{
font-size: 15px;
padding: 4px 10px 0;
width: 71%;
color: #333333;
}
.sfv4-f17-contents-1-col-left-1{
background: #ff0033;
text-align: left;
color: #FFFFFF;
border-right: 1px solid #cccccc;
font-size: 15px;
padding: 4px 7px;
width: 38%;
}
.sfv4-f17-contents-1-col-default{
width: 48%;
}
.sfv4-f17-contents-1-col2-right a {
color: #000000!important;
}
.sfv4-f17-contents-1-col-default, .sfv4-f17-contents-1-col-red{
font-size: 15px;
padding: 4px 10px 4px;
}
.sfv4-f17-contents-1-col-red{
font-size: 15px;
padding: 4px 10px 4px;
color: #c40010;
}
.sfv4-f17-contents-1-col2-right{
text-align: right;
background: #efefef;
width: 14%;
padding: 6px 2px 5px;
color: #666666;
}
.sfv4-f17-contents-1-col2-right a{
color: #666666!important;
}
.sfv4-f17-span3-col2{
font-size: 13px;
}
.sfv4-f17-col-1-footer{
border: none;
}
.sfv4-f17-contents-1-col-left-2{
background: #bd0000;
}
.sfv4-f17-contents-1-col-left-3{
background: #43609c;
}
.sfv4-f17-contents-1-col-left-4{
background: #186dee;
}
.sfv4-f17-contents-gray{
text-align: right;
background: #efefef;
width: 100%;
padding-right: 15px;
}
.sfv4-f15-modal-footer{
border-top: 0;
}
.sfv-table-f15-responsive .sfv-f15-block-1{
border-bottom: 0;
border-right: 0;
}
.sfv4-f17-h2-title{
padding: 0 15px;
}
.sfv4-f17-h1-title{
padding: 0 15px;
}
.sfv4-f17-h1-title h1{
font-size: 20px;
}
@media screen and (max-width: 991px)
{
.sfv4-f17-col-iright{
margin-top: 10px;
}
.sfv4-f17-contents-1-col-left-1{
width: 28.8%;
}
.sfv4-f15-991px{
width: 57.2%;
}
.sfv4-f17-row-header{
margin-bottom: 10px;
}
.sfv4-f17-contents-1-col2-right, .sfv4-f17-contents-gray{
padding-right: 15px;
}
.sfv4-f17-col-ileft{
padding-right: 15px;
padding-left: 15px;
}
}
.sfv4-blockf17-title h1 {
font-size: 20px;
}
/*---- END
Desktop ----*/
/*---- START
SmartPhone ----*/
@media screen and (max-width: 640px)
{
.sfv4-f17-contents-1-col-left, .sfv4-f17-contents-1-col-right,
.sfv4-f17-contents-1-col-left-1, .sfv4-f17-contents-1-col-default{
width: 100%;
}
.sfv4-f17-row-contents-1{
border: 0;
}
.sfv4-f17-contents-1-col2-right, .sfv4-f17-contents-gray{
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin-bottom: 10px;
padding-right: 15px;
}
.sfv4-f17-contents-1-col-left-1{
text-align: center;
}
.sfv4-f17-contents-1-col-right{
padding-bottom: 3px;
}
}
/*---- END
SmartPhone ----*/
/*---- START
Modal ----*/
.sfv4-f15-modal-header{
border-bottom: 0;
}
.sfv4-f15-modal-content h4{
font-size: 20px;
}
/*---- END
Modal ----*/
/* END
F17 - users/show.html.erb
*/
/* START
E03 - user_settings/confirm.html.erb
*/
.sfv4-e03-title h1{
font-size: 20px;
}
.sfv-e03 .sfv-e03-bg-yellow{
padding: 1.2% 21%;
font-size: 18px;
padding-right: 19%;
color: #000000;
margin-bottom: 25px;
float: left;
}
.sfv-e03 .sfv-bg-yellow.sfv-e03-bg-yellow{
padding-top: 20px !important;
padding-bottom: 20px !important;
margin-bottom: 20px;
}
.sfv-e03 .sfv4-e03-span {
margin-bottom: 30px;
}
.sfv4-e03-span{
margin-bottom: 47px;
}
.sfv4-e03-container{
max-width: 1000px;
padding: 0 8% 0 10%;
display: table;
}
.sfv4-e03-box-red{
border: 1px solid #ff0000;
margin: auto;
width: 635px;
padding: 16px;
font-size: 13px;
color: #ff0000;
margin-bottom: 137px;
line-height: 19px;
}
.sfv-e03 .sfv4-e03-span-lineheight{
line-height: 30px;
}
.sfv-e03 .row {
margin-left : 0px;
margin-right: 0px;
}
@media screen and (max-width: 1110px)
{
#main .sfv-e03 .sfv4-e03-container{
padding-left: 10px!important;
padding-right: 10px!important;
}
}
@media screen and (max-width: 768px)
{
.sfv4-e03-box-red{
width: auto;
}
.sfv-e03 .sfv-bg-yellow.sfv-e03-bg-yellow{
margin-bottom: 10px;
}
.sfv4-e03-box-red {
margin-bottom: 50px;
}
}
@media screen and (max-width: 640px)
{
.container .sfv-e03-bg-yellow{
padding: 10px 4px 27px 5px;
}
.container .sfv4-e03-container{
padding: 0 4% 0 4%;
}
}
@media screen and (max-width: 320px)
{
.sfv-e03 .sfv4-e03-container{
padding: 0 4% 0 4%;
}
}
/* END
E03 - user_settings/confirm.html.erb
*/
/* START
E04 - user_settings/confirm.html.erb
*/
.sfv-e04 .sfv-e04-bg-yellow-header{
background: #fbef8b;
text-align: left;
padding: 1px 10px;
font-size: 15px;
color: #000000;
display: inline-block;
margin-bottom: 0;
}
.sfv4-e04-container-table{
width: 100%;
display: inline-block;
padding: 2% 17.6%;
}
.sfv-e04 .sfv4-e03-td1-item1{
background: #cc0000;
padding: 3px;
color: #FFFFFF;
width: 50px;
text-align: center;
font-size: 11px;
display: inline-block;
margin-top: 3px;
}
.sfv4-e04-block1-td2 input {
height: 28px;
width: 210px;
}
.sfv4-e04-block1-td2{
display: inline-block;
}
.sfv4-e04-block1-td2 input[type="text"]
{
font-size: 13px;
}
.sfv4-e04-block1-td2-2{
display: inline-block;
}
.sfv-e04 .sfv4-e03-td1-item2{
padding: 5px;
font-size: 13px;
display: inline-block;
}
.sfv-e04 .sfv4-e04-block1-td2 .sfv4-input{
margin-bottom: 5px;
}
.sfv-e04 .sfv4-e04-block1-td2 .sfv4-e04-span-span {
font-size: 13px;
color: #d3d3d3;
}
.sfv-e04 .sfv4-e04-block1-tr{
}
.sfv-e04 .sfv4-e04-block1-td2-2 select{
padding: 3px;
font-size: 15px;
margin-right: 5px;
}
.sfv-e04 .sfv4-e04-block1-td2-2 .sfv4-e04-span-span{
font-size: 15px;
color: #000000;
}
.sfv-e04 .sfv4-e04-block1-td2-2{
padding-right: 0;
font-size: 15px;
}
.sfv-e04 .sfv4-space{
width: 100%;
padding: 10px 0;
display: inline-block;
}
.sfv-e04 .sfv4-space2{
width: 100%;
padding: 20px 0;
display: inline-block;
}
.sfv-e04 .sfv4-e04-select-date{
padding-left: 0;
}
.sfv-e04 .sfv-e04-checked, .sfv-e04 .sfv-e04-checked-label{
float: left;
font-size: 12px;
}
.sfv-e04 .sfv-e04-checked-label{
padding: 2px 9px;
}
.sfv-e04 .sfv-e04-checked .checkbox-2-1{
border-radius: 0;
}
.sfv-e04 .sfv4-button-block .sfv4-e04-button{
width: 67%!important;
margin: 0 auto 30px!important;
}
.sfv-e04 .sfv4-e04-button .sfv4-title-button-1-text{
font-size: 13.07px;
}
.sfv-e04 .sfv4-e04-button .sfv4-title-button-2-text{
font-size: 18.1px;
}
.sfv-e04 .sfv4-txt-footer{
width: 100%;
color: #a9a9a9;
padding: 20px 47px;
}
.sfv-e04 .sfv4-e04-block1-td2-2{
width: 300px;
}
.sfv-e04 .sfv4-iframe-block{
padding: 0 5%;
}
.sfv-e04 .sfv4-iframe-col{
padding: 0;
}
@media screen and (max-width: 991px)
{
.sfv-e04 .sfv4-e04-block1-td2{
padding-left: 0;
}
.sfv-e04 .sfv4-e04-block1-td1{
margin-bottom: 5px;
width: 100%;
}
.sfv-e04 .sfv4-e04-block1-td2 input[type="text"]{
width: 100%;
}
.sfv-e04, .sfv4-e04-block1-td2-2{
padding-left: 0;
}
.sfv-e04 .sfv4-e04-block1-td1-2-2{
padding-left: 0;
}
}
@media screen and (max-width: 720px)
{
.sfv-e04 .sfv4-space, .sfv-e04 .sfv4-space2{
padding: 5px;
}
.sfv-e04 .sfv-e04-checked-div{
padding-left: 0;
}
.sfv-e04 .sfv4-e04-block1-td2 input[type="text"], .sfv-e04 .sfv4-e04-block1-td2
{
width: 100%;
}
.sfv-e04 .sfv4-e04-block1-td2-pass input{
width: 100%;
}
.sfv-e04 .sfv4-e04-container-table{
padding: 0;
margin-top: 20px;
}
.sfv-e04 .sfv4-e04-block1-td1, .sfv-e04 .sfv4-e04-block1-td2{
padding: 0;
margin-bottom: 0;
}
.sfv-e04 .sfv-e04-bg-yellow-header{
padding: 5px 10px;
}
.sfv-e04 .sfv4-txt-footer{
padding: 0;
margin-top: 10px;
text-align: left;
}
}
@media screen and (max-width: 320px)
{
.sfv-e04 .sfv4-txt-footer{
padding: 0;
margin-top: 10px;
}
}
/* END
E04 - user_settings/confirm.html.erb
*/
/* START
NEW-MENU
*/
/*
.sfv-menu .sfv4-menu-border{
//max-width: 1000px;
float: left;
width: 100%;
height: 34px;
border-bottom: 1px solid;*/
/* margin-top: 19px; */
/*}*/
/*
.sfv-menu .sfv-menu-content{
padding: 0 3%;
}
.sfv-menu .sfv4-menu-arrow{
background: url("../images/arrow_menu.jpg");
background-repeat: no-repeat;
height: 30px;
margin-right: 5px;
background-size: 100%;
width: 18px;
height: 34px;
}
.sfv-menu .sfv4-active-arrow{
background: url("../images/arrow_active.jpg");
background-repeat: no-repeat;
background-position: 45% 3%;
padding-top: 11px;
display: none;
}
.sfv-menu .sfv-menu-content .active{
color: #cc0000;
}
.sfv-menu .sfv4-naviate-step ul{
//padding: 10px;
}
.sfv-menu .sfv4-naviate-step ul li{
font-size: 11px;
border-bottom: 1px solid #000000;
}
.sfv-menu .sfv-menu-content li{
display: inline-block;
padding-right: 10px;
height: 34px;
padding-top: 10px;
}
.sfv-menu .sfv4-naviate-step{
height: 34px;
max-width: 1000px;
margin: auto;
}
@media screen and (max-width: 767px)
{
.sfv-menu .sfv4-menu-border{
display: none!important;
}
}
*/
/* END
NEW-MENU
*/
/* START
F4.5 - EPOPUPEE
*/
.sfv-text-left-f4-5{
width: 18.8%;
}
.sfv4-space-2, .sfv4-space-3{
margin-bottom: 20px;
}
.sfv4-f4-5-title-1{
font-size: 15px!important;
}
.sfv4-f4-5 .sfv4-header-show-hide{
display: none;
}
.sfv4-f4-5-form-control{
display: inline-block;
}
.sfv4-col-nonpadding-right{
padding-right: 0;
}
.sfv4-f4-5-col-button button{
width: 72px;
}
.sfv4-f4-5-select-item select {
padding: 5px;
font-size: 15px;
}
.sfv4-f5-select-country .sfv4-f4-5-select-address{
padding-left: 15px;
}
.sfv4-f4-5-select-item{
display: inline-flex;
width: 100%;
padding-left: 0;
}
.sfv4-f4-5-select-item select:nth-child(1)
{
width: 69px;
margin-right: 5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome,.sfv4-f4-5-select-item select{
float: left;
}
}
.sfv4-f4-5-select-item select:nth-child(2)
{
width: 69px!important;
margin-right: 5px;
}
@media screen and (max-width: 991px)
{
.sfv4-f19 .sfv4-f5-select-country.sfv4-f19-form-text{
padding-left: 15px!important;
}
.sfv4-col-nonpadding-right-media{
padding-right: 0;
}
.sfv-text-left-f4-5{
width: 100%;
}
.sfv-f4-5-col-minwidth{
width: 155px;
padding-right: 0;
}
.sfv4-f4-5-col-button{
padding-right: 13px;
}
}
/*
@media screen and (max-width: 767px)
{
.sfv4-f4-5 .sfv4-f4-5-showhide{
display: none;
}
.sfv4-f4-5 .sfv4-header-show-hide{
display: block;
text-align: center;
}
}
*/
@media screen and (max-width: 420px)
{
.sfv4-span-title3
{
width: 100%;
}
}
/* END
F4.5 - EPOPUPEE
*/
/* START
F5 - EPOPUPEE
*/
.sfv4-f5-modal-title-blue{
font-size: 20px;
color: #49a1ff;
}
.sfv4-f5-modal-body{
padding: 15px;
}
.sfv4-f5-title-2-modal{
padding-left: 0;
margin-bottom: 20px;
}
.sfv4-f5-modal-header{
padding-bottom: 0;
}
.sfv4-f18 .sfv-4-f5-col-space{
width: 25%;
}
.sfv4-f5-firstName{
padding-right: 0;
}
.sfv4-f5 .sfv4-f5-modal-content .sfv4-f4-5-select-address select{
width: 100%!important;
margin-right: 0;
}
.sfv4-f5-select-country .sfv4-f5-select-ctry select{
width: 100px!important;
}
.sfv4-f18 .sfv4-f18-popup-title-left .sfv4-f18-chk-edit{
margin-left: 0;
}
.sfv4-f18 .sfv4-f18-popup-title-left .sfv4-f18-chk-edit .regular-checkbox + label{
border-radius: 0;
}
.sfv4-f18 .sfv4-f18-popup-title-left .sfv4-f18-chk-edit-txt{
padding: 1px 5px;
display: inline-block;
}
.sfv4-f18 .sfv4-f18-popup-title-left .form-control{
margin-bottom: 2px;
}
.sfv4-f18 .sfv4-f18-popup-title-left .sfv4-f18-span-datetime{
padding: 5px;
color: #333333;
}
.sfv4-f18 .sfv4-f18-popup-title-left .sfv4-f18-span-datetime span{
color: #333333;
font-size: 15px;
}
.sfv4-f18 .sfv4-f18-popup-title-left .sfv4-div-title-special span{
color: #000000;
}
#main #d13{
min-width: 0;
}
#main #d12 #popup-5{
min-width: 0;
}
#main #d12 .container{
min-width: 0;
}
@media screen and (max-width: 991px) {
.sfv4-space-3{
margin-bottom: 10px;
}
.sfv4-col-md3-hidden-field{
display: none;
}
.sfv4-f4-5 .space-1, .sfv4-f4-5 .sfv4-space-2{
display: none;
}
.sfv4-f5-firstName{
margin-bottom: 5px;
}
.sfv4-f5-firstRow{
display: none;
}
.sfv4-f5-button-modal-yellow{
width: 100%;
display: inline-block;
margin: 0 auto;
padding-right: 15px;
}
.sfv4-f18 .sfv4-f5-firstName{
padding-left: 0;
}
.sfv4-f18 .sfv-4-f5-col-space{
width: 100%;
}
.sfv4-f18 .sf4-f18-space-hidden{
display: none;
}
/*
.f23-f8 .col-xs-8.col-md-6.sfv2-zip-col{
padding-right: 0;
}
*/
}
@media screen and (max-width: 767px) {
.sfv4-header-show-hide{
margin-top: 10px;
}
.sfv4-f4-5 .sfv4-f5-modal-header{
min-height: 39px;
border-bottom: 1px solid #e5e5e5!important;
}
.sfv4-f5-title-2-modal{
text-align: center;
}
}
/* END
F5 - EPOPUPEE
*/
/* START
f19 - <POPUP>
*/
.sfv4-f19-select-min-width{
width: 460px;
}
.sfv4-f19-span-datetime{
padding: 5px;
}
.sfv4-f19-select-year{
width: 80px;
}
.sfv4-f19-select-month-day{
padding-left: 0;
padding-right: 0;
}
.sfv4-f19-span-datetime{
width: 35px;
}
.sfv4-f19 .sfv4-f19-select-min-width .sfv4-f19-select-month-day{
width: 44px!important;
}
.sfv4-f19 .sfv4-f19-select-min-width{
font-size: 15px;
}
.sfv4-f19 .sfv4-f19-span-datetime .title-3{
color: #000000;
font-size: 15px!important;
}
.sfv4-f19 .sfv4-f15-modal-content .sfv4-f4-5-form-control{
margin-bottom: 3px;
}
.sfv4-f19 .sfv-space-3{
margin-bottom: 5px;
}
.sfv4-div-title-special{
padding-left: 0;
margin: 5px 0;
}
.sfv4-f19 .sfv4-div-title-special .sfv4-title-special{
color: #333333;
}
.sfv4-f15-modal-content .sfv4-f19-chk-edit{
margin-left: 0;
border-radius: 0;
}
.sfv4-f19 .sfv4-f19-chk-edit-txt{
color: #666666!important;
font-size: 12px!important;
padding: 3px;
display: inline-block;
}
@media screen and (max-width: 991px)
{
.sfv4-f19-form-text .sfv4-f19-block-checkbox
{
padding-left: 20px;
}
.sf4-f19-space-hidden{
display: none;
}
.sfv4-f19 .sfv4-div-title-special{
padding-left: 25px;
padding-right: 0;
}
.sfv4-f19 .sfv-4-f5-col-space{
//display: none;
}
.sfv4-f19-select-year, .sfv4-f19-select-month-day{
display: inline-block;
}
.sfv4-f19-span-datetime{
display: inline-block;
//float: none;
}
.sfv4-f19-select-min-width{
width: 100%;
margin-top: 5px;
}
.sfv4-f19-popup-title-left .sfv-4-f5-col-space{
width: 100%;
}
.sfv4-f19-margin-top-991{
margin-top: 10px;
}
.sfv4-f19-margin-top-991-2{
margin-top: 0;
}
.sfv4-f19-space-hidden{
display: none;
}
.sfv4-f19 .sfv4-f19-form-text{
padding-left: 0;
}
}
@media screen and (max-width: 767px)
{
.sfv4-f19-span-datetime-3{
display: inline-block;
float: none;
}
.sfv4-f19-span-datetime{
float: none;
}
.sfv4-f19-span-datetime {
width: 20px;
}
}
@media screen and (max-width: 320px)
{
.sfv4-f19 .sfv4-f19-select-min-width{
min-width: 270px;
}
}
/* END
f19 - <POPUP>
*/
.sfv-table-f15-responsive .sfv4-f16-text-right-span{
text-align: right;
border-right: 1px solid #dddddd;
border-left: 0;
}
.sfv4-f16-block-special{
//padding-left: 15px!important;
}
.sfv-table-f15-responsive .sfv4-f15-border-block{
border-right: 1px solid #dddddd;
}
.sfv-table-f15-responsive .sfv4-f15-border-block2
{
border-bottom: 1px solid #dddddd;
border-top: 0;
}
.sfv4-f19-popup-title{
width: 25%;
}
.sfv4-f5-firstName, .sfv4-f19-select-year{
padding-left: 0;
}
.sfv4-f5-lastName{
padding-left: 10px;
}
@media screen and (max-width: 991px)
{
.sfv4-f5 .sfv4-fsp5-firstName
{
width: 100%!important;
padding-right: 15px;
}
.sfv4-f5-firstName, .sfv4-f19-select-year, .sfv4-f5-lastName
{
padding-left: 15px;
}
.sfv4-f16-block-special{
padding-left: 0!important;
}
.sfv-table-f15-responsive .sfv4-f15-media-border-right{
border-right: 1px solid #dddddd;
border-bottom: 0;
}
.sfv-table-f15-responsive .sfv4-f15-media-border-bottom{
border-bottom: 0;
}
}
@media screen and (max-width: 655px)
{
.sfv-f15-boxheader{
padding-left: 15px;
padding-right: 15px;
}
.sfv4-f15-title-h1{
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (max-width: 380px)
{
.sfv-f15-span-1 {
float: left;
text-align: left;
width: 100%;
}
}
@media screen and (max-width: 330px)
{
.sfv4-f15-row-1-block2{
min-width: 255px;
}
}
/* START
F12 - <POPUP>
*/
.sfv4-modal-1 .sfv4-form-control-textbox-1{
padding-left: 0;
padding-right: 0;
}
.sfv4-modal-1 .sfv4-f12-modal-header h4{
color: #333333;
}
.sfv4-modal-1 .sfv4-f12-chkbx{
float: left;
}
.sfv4-modal-1 .sfv4-f12-chk-txt{
color: #666666!important;
font-size: 12px!important;
padding: 3px;
display: inline-block;
}
@media screen and (max-width: 767px)
{
.sfv4-modal-1 .sfv4-f12-modal-header{
min-height: 39px;
border-bottom: 1px solid #e5e5e5!important;
}
}
/* END
F12 - <POPUP>
*/
/* START
F19
*/
.sfv4-f19 .sfv4-f19-h1 h1{
font-size: 20px;
}
.sfv4-f19 .sfv4-f19-searchbar-right{
font-size: 13px;
}
.sfv4-f19 .sfv4-f19-row-1{
font-size: 13px;
margin-bottom: 20px;
}
.sfv4-f19 .sfv4-f19-padding{
padding: 6px;
}
.sfv4-f19 .sfv4-f19-padding-red{
background: #e60012;
color: #FFFFFF;
text-align: center;
width: 132px;
}
.sfv4-f19 .sfv4-f19-padding-yellow{
background: #ffffcc;
padding-left: 0;
padding-right: 0;
}
.sfv4-f19 .sfv4-f19-row-1-fix-width{
width: 29%;
}
.sfv4-f19 .sfv4-f19-row-1, .sfv4-f19 .sfv4-f19-row-2{
margin-right: 0;
margin-left: 0;
}
.sfv4-f19 .sfv4-f19-width-fix{
width: 42%;
}
.sfv4-f19 #block-f5-sidebar.sfv4-f19-sidebar{
margin-bottom: 5px;
}
.sfv4-f19 .sfv4-f19-block-right-sp{
padding-left: 15px;
color: #666666;
}
.sfv4-f19 .sfv4-f19-row-2{
font-size: 13px;
}
.sfv4-f19 .sfv4-f19-row-2{
color: #333333;
border: 1px solid #d3d3d3;
margin-bottom: 15px;
}
.sfv4-f19 .sfv4-f19-row-2 .sfv4-f19-padding{
padding-left: 10px;
padding-right: 10px;
}
.sfv4-f19 .sfv4-f19-row-2 .sfv4-f19-row-2-b2 .sfv4-f19-padding-marRight,
.sfv4-f19 .sfv4-f19-row-2 .sfv4-f19-row-2-b3 .sfv4-f19-padding-marRight,
.sfv4-f19 .sfv4-f19-row-2 .sfv4-f19-row-2-b4 .sfv4-f19-padding-marRight{
text-align: right;
}
.sfv4-f19 .sfv4-f19-row-2 .sfv4-f19-row-2-b1{
padding-right: 0;
padding-left: 0;
border-right: 1px solid #d3d3d3;
}
.sfv4-f19 .sfv4-f19-row-2 .sfv4-f19-row-2-b2, .sfv4-f19 .sfv4-f19-row-2 .sfv4-f19-row-2-b3{
padding-right: 0;
padding-left: 0;
border-right: 1px solid #d3d3d3;
}
.sfv4-f19 .sfv4-f19-row-2 .sfv4-f19-row-2-b4{
padding-left: 0;
padding-right: 0;
}
.sfv4-f19 .sfv4-f19-row-3{
margin-left: 0;
margin-right: 0;
}
.sfv4-f19 .sfv4-f19-row-2 .sfv4-f19-padding-yellow{
border-bottom: 1px solid #d3d3d3;
}
.sfv4-f19 .sfv4-f19-row-3{
font-size: 15px;
}
.sfv4-f19 .sfv4-f19-block-font13 {
font-size: 13px;
}
.sfv4-f19 .sfv4-f19-row-3 .sfv4-f19-row-3-right-b{
display:inline-block;
//width: 25%;
text-align: right;
padding-right: 5px;
}
.sfv4-f19 .sfv4-f19-row-3-right-c{
text-align: left;
padding-left: 15px;
padding-right: 15px;
}
.sfv4-f19 .sfv4-f19-row-3 .sfv4-f19-row-3-right{
padding-left: 0;
padding-right: 0;
padding: 10px 0;
border-bottom: 1px solid #d3d3d3;
margin-bottom: 15px;
}
.sfv4-f19 .row-3-right-b2{
padding-right: 0;
}
.sfv4-f19 .sfv4-f19-item-img{
text-align: right;
}
.sfv4-f19 .sfv4-f19-row3-items{
margin-top: 15px;
color: #333333;
}
.sfv4-f19 .sfv4-f19-row-3-detail-item{
padding-left: 0;
padding-right: 0;
}
.sfv4-f19 .sfv4-f19-row-3-border{
border: 1px solid #d3d3d3;
}
.sfv4-f19 .sfv4-f19-row-3-detail-item .sfv4-f19-row-3-right-c1, .sfv4-f19 .sfv4-f19-row-3-detail-item2 .row-3-right-b1{
}
.sfv4-f19 .sfv4-f19-row-3-detail-item{
border-right: 1px solid #d3d3d3;
}
.sfv4-f19 .sfv4-f19-row-3-detail-item2 {
border-right: 0;
}
.sfv4-f19 .sfv4-f19-none-padding{
padding-left: 0;
padding-right: 0;
}
.sfv4-f19 .sfv4-f19-row3-items{
margin-bottom: 20px;
}
.sfv4-f19 .sfv4-f19-btn1{
width: 125px!important;
font-size: 13px!important;
height: 35px;
border-radius: 10px;
}
.sfv4-f19 .sfv4-f19-button{
margin-right: -10px;
margin-top: 92px;
}
.sfv4-f19 .sfv4-f19-search-padding{
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
}
.sfv4-f19 .sfv4-f19-search-padding .right-menu-f2{
border: 0;
padding-left: 18px;
}
.sfv4-f19 .sfv4-f19-search-padding .active_right-f2{
padding-right: 18px;
}
.sfv4-f19 .sfv4-f19-search-padding .sfv4-f19-hidden{
display: none;
}
.sfv4-f19 .sfv4-f19-row-3-doubleborder .sfv4-f19-row-3-right{
border-bottom: 3px double #d3d3d3;
}
.sfv4-f19 .f19-container-bottom {
margin-bottom: 30px;
}
.sfv4-f19 .f19-container-bottom > div{
display: inline-block;
width: 100%;
}
.sfv4-f19 .f19-container-bottom > div:last-child{
border-bottom: 1px solid #ccc;
}
.sfv4-f19 .f19-container-bottom > div .f19-container-bottom-left{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
float: left;
width: 50%;
}
.sfv4-f19 .f19-container-bottom > div .f19-container-bottom-right{
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
float: left;
width: 50%;
text-align: left;
}
.sfv4-f19 .f19-container-bottom > div label {
background: none repeat scroll 0 0 #66999a;
color: #fff;
display: inline-block;
font-family: Meiryo;
font-size: 15px;
font-weight: normal;
height: 28px;
line-height: 28px;
margin-bottom: 0;
text-align: center;
width: 100%;
}
.sfv4-f19 .f19-container-bottom > div span {
font-size: 15px;
padding-left: 15px;
padding-right: 15px;
}
.sfv4-f19 .f19-button-bottom {
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
.sfv4-f19 .f19-button-bottom > div{
display: block;
margin-bottom: 30px;
margin-top: 30px;
width: 100%;
background-color: #dbe7f0;
padding: 5px;
text-align: center;
max-width: 500px;
}
.sfv4-f19 .f19-button-bottom > div p {
color: #6699ff;
font-size: 20px;
}
.sfv4-f19 .f3-image {
max-height: 300px!important;
max-width: 300px!important;
width: auto!important;
border: 1px solid #d3d3d3;
}
.sfv4-f19 .bg-gray {
background-color: #666666!important;
}
.sfv4-f19 .bg-copper {
background-color: #cc9900!important;
}
@media screen and (max-width: 1040px)
{
.sfv4-f19 .sfv4-f19-row-1{
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 991px)
{
.sfv4-f19 .f19-container-bottom > div .f19-container-bottom-left, .sfv4-f19 .f19-container-bottom > div .f19-container-bottom-right{
float: none;
width: 100%;
}
.sfv4-f19 .f19-container-bottom > div .f19-container-bottom-right{
border-left: 1px solid #ccc;
}
.sfv4-f19 #block-f5-sidebar.sfv4-f19-sidebar{
margin-bottom: 3px;
}
.sfv4-f19 .sfv4-f19-search-padding .right-menu-f2{
border-left: 1px solid #FFFFFF;
}
.sfv4-f19 .sfv4-f19-search-padding .sfv4-f19-hidden{
display: block;
}
.sfv4-f19 .sfv4-f19-search-padding .sfv4-f19-show{
display: none;
}
.sfv4-f19 .sfv4-f19-row3-items{
font-size: 13px;
}
.sfv4-f19 .sfv4-f19-button .col-md-6{
width: 13%;
display: inline-block;
width: 130px;
}
.sfv4-f19 .sfv4-f19-button{
text-align: right;
}
.sfv4-f19 .sfv4-f19-button{
margin-top: 2%;
}
.sfv4-f19 .sfv4-f19-row-3-border{
border: 0;
}
.sfv4-f19 .sfv4-f19-item-img{
text-align: center;
margin-bottom: 30px;
}
.sfv4-f19 .sfv4-f19-row-2 .sfv4-f19-row-2-b4 .sfv4-f19-padding-yellow, .sfv4-f19 .sfv4-f19-row-3-right-c1{
border-bottom: 1px solid #d3d3d3!important;
}
.sfv4-f19 .sfv4-f19-row-3-right-c{
border-top: 0;
}
.sfv4-f19 .sfv4-f19-row3-items .sfv4-f19-row-3-detail-item{
border: 1px solid #d3d3d3;
}
.sfv4-f19 .sfv4-f19-row3-items .sfv4-f19-row-3-detail-item2{
border-top: 0;
}
#main .sfv4-f19{
padding: 0 10px!important;
}
.sfv4-f19-row-3-hidden{
display: none;
}
.sfv4-f19 .row-3-right-b2{
padding-right: 5px;
}
.sfv4-f19 .sfv4-f19-row-3 .row-3-right-b1{
padding-left: 0;
text-align: left;
}
.sfv4-f19 .sfv4-f19-row-2 .sfv4-f19-row-2-b1, .sfv4-f19 .sfv4-f19-row-2 .sfv4-f19-row-2-b2, .sfv4-f19 .sfv4-f19-row-2 .sfv4-f19-row-2-b3{
border-right: 0;
}
.sfv4-f19 .sfv4-f19-padding-yellow{
width: 100%;
margin-bottom: 3px;
}
.sfv4-f19 .sfv4-f19-row-2 .sfv4-f19-padding{
border-bottom: 1px solid #d3d3d3;
}
.sfv4-f19 .sfv4-f19-row-2 .sfv4-f19-row-2-b4 .sfv4-f19-padding{
border-bottom: 0;
}
}
@media screen and (max-width: 767px)
{
.sfv4-f19 .sfv4-f19-searchbar-right{
display: none;
}
}
@media screen and (max-width: 550px)
{
.sfv4-f19 .f19-button-bottom {
display: none;
}
}
@media screen and (max-width: 432px)
{
.sfv4-f19 #block-f5-sidebar {
height: 35px !important;
padding-top: 6px;
}
.sfv4-f19 .block-f5-searchbar-left{
font-size: 15px;
}
.sfv4-f19 .sfv4-f19-block-right-sp{
width: 65%;
}
}
@media screen and (max-width: 420px)
{
.sfv4-f19 .sfv4-f19-row-1{
font-size: 12px;
}
.sfv4-f19 .sfv4-f19-block-right-sp{
width: 50%;
}
.sfv4-f19 .sfv4-f19-padding-red320{
padding: 14px 24px;
}
}
@media screen and (max-width: 330px)
{
.sfv4-f19 .sfv4-f19-block-right-sp{
width: 50%;
}
}
@media screen and (max-width: 315px)
{
.sfv4-f19 .sfv4-f19-padding-red{
width: 100%;
}
.sfv4-f19 .sfv4-f19-padding-red320{
padding: 6px;
}
.sfv4-f19 .sfv4-f19-block-right-sp{
width: 100%;
}
}
/* END
F19
*/
/* START
D3 D4 checkout/_payment.html.erb
*/
.sfv4-d3-d4-h1-font{
font-size: 20px;
}
.sfv4-d3d4 .sfv4-d3-d4-col-top .sfv4-d3-d4-bg-yellow, .sfv4-d3d4 .sfv4-d3-d4-col-left .sfv4-d3-d4-bg-yellow{
background: #fbef8b;
padding: 5px 10px;
font-size: 15px;
}
.sfv4-d3d4 .sfv4-d3-d4-col-top{
padding-right: 0;
}
.sfv4-d3-d4-col-left .sfv4-d3-d4-bg-yellow{
background: #fbef8b;
padding: 5px 10px;
font-size: 15px;
}
.sfv4-d3-d4-nonpadding{
padding: 10px 0;
font-size: 12px;
color: #000000;
}
.sfv4-d3-d4-font-size13{
padding: 0;
line-height: 20px;
color: #333333;
}
.sfv4-d3-d4-none-padding-right{
padding-right: 0;
}
.sfv4-d3-d4-icon-red{
display: none;
background: url("../images/arrow_red_button.jpg");
background-repeat: no-repeat;
position: absolute;
margin-top: 17px;
margin-left: 10px;
}
.sfv4-d3-d4-none-padding-right button{
width: 100%;
border-radius: 10px;
font-size: 15px;
margin: 0;
display: inline-block;
border-color: #999999;
color: #333333;
background: url("../images/arrow_red_button.jpg") no-repeat 10px center;
}
.sfv4-d3d4 .sfv4-d3-d4-none-padding-right .sfv4-d3d4-button-hidden-bg, .sfv4-d3d4 .sfv4-d3-d4-none-padding-right .sfv4-d3d4-button-nonebg{
background: none;
}
.sfv4-d3d4 .sfv4-d3-d4-col-right{
padding: 20px 15px;
border: 1px solid #999999;
color: #333333;
}
.sfv4-d3d4 .sfv4-d3-d4-col-right .sfv4-d3d4-span-right{
font-size: 13px;
line-height: 20px;
}
.sfv4-d3d4 .sfv4-d3-d4-col-right .sfv4-d3-d4-none-padding-right{
padding-left: 0;
}
.sfv4-d3d4 .sfv4-d3-d4-col-right .sfv4-d3-d4-span-col-right{
padding-left: 0;
}
.sfv4-d3d4 .sfv4-d3-d4-block1{
margin-bottom: 30px;
}
.sfv4-d3d4 .sfv4-d3d4-box-d3d4 {
display: inline-block;
margin-bottom: 10px;
width: 100%;
color: #333333;
}
.sfv4-d3d4 .sfv4-d3d4-box-d3d4 button{
color: #333333;
}
.sfv4-d3d4 .sfv4-d3d4-col {
float: left;
width: 24%;
}
.sfv4-d3d4 .sfv4-d3d4-col{
margin-top: 10px;
margin-right: 13px;
}
.sfv4-d3d4 .sfv4-d3d4-box-d3d4 .sfv4-d3-d4-icon-show991{
display: none;
}
.sfv4-d3d4 .sfv4-d3d4-col-1-nonepadding{
margin-right: 0;
}
.sfv4-d3d4 .row.sfv4-d3-d4-block3{
background: #e6e6e6;
padding: 20px 9%;
font-size: 13px;
text-align: center;
color: #666666;
margin-left: 15px;
margin-right: 0;
margin-bottom: 20px;
}
.sfv4-d3d4 .group-1.d3-group-1.sfv4-button-footer-d3d4{
margin-left: 15px;
}
.sfv4-d3d4 .sfv4-d3-d4-block-listcontent .sfv4-d3-d4-col-button{
padding-right: 0;
margin-top: 10px;
}
.sfv4-d3d4 .sfv4-d3-d4-block-listcontent .sfv4-d3-d4-none-padding-right{
padding-left: 0;
}
.sfv4-d3d4 .sfv4-d3-d4-block-listcontent .sfv4-d3-d4-col-button button{
color: #333333;
}
.sfv4-d3d4 .sfv4-d3-d4-block-listcontent{
margin-bottom: 30px;
}
.sfv4-d3d4 .sfv4-d3-d4-blocklist-content{
padding-right: 0;
}
.sfv4-d3d4 .sfv4-d3d4-list-padding{
padding: 15px 15px 0px;
//background: #ffffcc;
}
.sfv4-d3d4 .sfv4-d3d4-modal-bg-yellow2{
background: #ffffcc;
box-shadow: none;
border: 0;
border-radius: 0;
padding-bottom: 25px;
}
.sfv4-d3d4 .sfv2-col{
background: #FFFFFF;
}
.sfv4-d3d4 .sfv4-d3d4-modal-body-nplist{
padding: 0;
position: none;
}
.sfv4-d3d4 .container.sfv4-d3d4-container-d12{
margin-top: 0!important;
}
.sfv4-d3d4 .sfv2-col > span {
padding-left: 5px;
}
.sfv4-d3d4 .row{
margin-left: 0;
margin-right: 0;
}
.sfv4-d3d4 .sfv4-menu-border .sfv4-naviate-step{
margin: auto;
}
.sfv4-d3d4 .btn-white-small{
padding: 0 15px;
}
@media screen and (max-width: 991px)
{
.sfv4-d3d4 .row.sfv4-d3-d4-block3
{
margin-left: 0;
}
.sfv4-d3d4 .group-1.d3-group-1.sfv4-button-footer-d3d4{
margin-left: 0;
}
.sfv4-d3d4 .sfv4-d3-d4-none-padding-right .sfv4-d3d4-button-hidden-bg{
background: url("../images/arrow_red_button.jpg") no-repeat 10px center;
}
.sfv4-d3d4 .sfv4-d3-d4-blocklist-content{
padding-left: 0;
}
.sfv4-d3d4 .sfv4-d3-d4-block-listcontent .sfv4-d3-d4-col-button{
padding-left: 0;
text-align: left;
}
.sfv4-d3d4 .sfv4-d3-d4-block3{
text-align: left;
line-height: 20px;
}
.sfv4-d3d4 .sfv4-d3d4-box-d3d4 .sfv4-d3-d4-icon-show991{
display: block;
}
.sfv4-d3d4 .sfv4-d3d4-box-d3d4 .sfv4-d3-d4-none-padding-right{
padding-left: 0;
}
.sfv4-d3d4 .sfv4-d3d4-box-d3d4{
padding: 0 26px;
}
.sfv4-d3d4 .sfv4-d3d4-col {
float: left;
width: 100%;
margin-top: 10px;
}
.sfv4-d3-d4-block1, .sfv4-d3-d4-block2, .sfv4-d3-d4-block-listcontent{
margin-left: 0;
margin-right: 0;
}
.sfv4-d3d4 .sfv4-d3-d4-col-left, .sfv4-d3d4 .sfv4-d3-d4-col-top{
padding-left: 0;
padding-right: 0;
}
.sfv4-d3d4 .sfv4-d3-d4-col-left .sfv4-d3-d4-none-padding-right{
padding-right: 15px;
}
.sfv4-d3d4 .sfv4-d3-d4-font-size13{
margin: 10px 0 15px 0;
}
.sfv4-d3d4 .sfv4-d3-d4-col-left, .sfv4-d3d4 .sfv4-d3-d4-span-col-right{
margin-bottom: 15px;
}
}
@media screen and (max-width: 770px)
{
.sfv4-d3d4 .sfv4-button-footer-d3d4 .area-right button
{
margin-bottom: 10px;
}
.sfv4-d3d4 .sfv4-button-footer-d3d4 .area-left button
{
width: 260px!important;
}
}
@media screen and (max-width: 767px)
{
.sfv4-d3d4 .sfv4-d3d4-list-padding{
padding-left: 5px;
padding-right: 5px;
}
.sfv4-d3d4 .sfv4-d3-d4-block3{
margin-bottom: 30px;
}
}
@media screen and (max-width: 780px)
{
.sfv4-d3d4 .sfv4-d3d4-list-padding .sfv2-col label{
width: 100%!important;
}
}
@media screen and (max-width: 715px)
{
.sfv4-d3d4 .btn-white-small{
width: 100%!important;
}
}
@media screen and (max-width: 355px)
{
.sfv4-d3d4 .sfv4-d3-d4-block-listcontent .sfv4-d3-d4-col-button button{
text-align: left;
height: auto;
padding: 10px;
line-height: 20px;
}
}
/* END
D3 D4 checkout/_payment.html.erb
*/
/* START
D6 checkout/_payment.html.erb
*/
#main #d14{
min-width: 0;
}
.sfv4-d6 #d14{
min-width: 0;
}
#main .sfv4-d6 #d14 .container.sfv4-d3d4-container-d12{
padding-left: 0!important;
padding-right: 0!important;
}
.sfv4-d6 h1{
font-size: 20px;
}
.sfv4-d6 h2.bg-yellow{
font-size: 15px;
padding: 9px 15px 8px 13px;
margin-bottom: 0;
}
.sfv4-d6 .sfv4-d6-form-content{
background: #ffffcc;
margin-bottom: 10px;
padding: 20px;
}
.sfv4-d6 .container .sfv4-d6-form-content .sfv4-d6-col-bgwhite{
font-size: 18px;
text-align: center;
padding: 6% 2%;
border-radius: 10px;
//display: inline-block;
background: none repeat scroll 0 0 #fff;
color: #333333;
}
.sfv4-d6 .container .sfv4-d6-form-content .sfv4-d6-col-right {
//display: inline-block;
font-size: 13px;
line-height: 23px;
color: #666666;
}
.sfv4-d6 .container .blockd3-form-content{
margin: 0;
padding: 0;
}
.sfv4-d6 .sfv4-d3-d4-none-padding-right button{
width: 340px;
font-size: 15px;
color: #333333;
}
.sfv4-d6 .sfv4-d3-d4-none-padding-right{
text-align: right;
margin-bottom: 30px;
}
.sfv4-d6 .sfv4-d6-button-hidden{
display: none;
}
.sfv4-d6 .area-left button, .sfv4-d6 .sfv4-d6-button-hidden button{
background: #efefef;
color: #b5b5b5;
}
.sfv4-d6 .container .sfv4-d6-form-content .sfv4-d6-col-right .col-md-4.col-xs-4{
padding: 0;
width: 30%;
}
@media screen and (max-width: 934px)
{
.sfv4-d6 .container .sfv4-d6-form-content .sfv4-d6-col-right .col-md-4.col-xs-4{
padding: 0;
width: 34%;
}
.sfv4-d6 .container .sfv4-d6-form-content .sfv4-d6-col-right .col-md-8.col-xs-8{
padding-right: 0!important;
width: 66%;
}
}
@media screen and (max-width: 786px)
{
.sfv4-d6 .container .sfv4-d6-form-content .sfv4-d6-col-bgwhite, .sfv4-d6 .container .sfv4-d6-form-content .sfv4-d6-col-right{
width: 100%;
}
.sfv4-d6 .container .sfv4-d6-form-content .sfv4-d6-col-right{
margin-top: 20px;
}
}
@media screen and (max-width: 770px)
{
.sfv4-d6 .sfv4-d3-d4-none-padding-right{
margin-bottom: 15px;
text-align: center;
}
.sfv4-d6 .sfv4-d3-d4-none-padding-right button {
width: 282px!important;
font-size: 14px;
}
.sfv4-d6 .area-right, .sfv4-d6 .area-left{
text-align: center;
margin-bottom: 15px;
}
.sfv4-d6 .sfv4-d6-button-hidden{
display: block!important;
}
.sfv4-d6 .sfv4-d6-button-hidden button{
margin-right: 0;
}
.sfv4-d6 .sfv4-d6-button-hidden button, .sfv4-d6 .area-right button{
width: 282px!important;
}
.sfv4-d6 .area-left{
display: none;
}
}
@media screen and (max-width: 500px)
{
.sfv4-d6 .container .sfv4-d6-form-content .sfv4-d6-col-right,
.sfv4-d6 .container .sfv4-d6-form-content .sfv4-d6-col-right .col-md-4.col-xs-4,
.sfv4-d6 .container .sfv4-d6-form-content .sfv4-d6-col-right .col-md-8.col-xs-8{
padding: 0;
width: 100%;
}
.sfv4-d6 .sfv4-d6-form-content{
padding: 10px;
}
}
@media screen and (max-width: 320px)
{
.sfv4-d6 .container .sfv4-d6-form-content .sfv4-d6-col-bgwhite{
padding: 6% 3%;
font-size: 15px;
}
.sfv4-d6 .container{
min-width: 0;
}
}
/* END
D6 checkout/_payment.html.erb
*/
/* START
C7
*/
#main .C44.blockc46.blockd3.d13.sfv4-d6.sfv4-c7{margin-top:-12px!important} /*edit by sfv2*/
.sfv4-c7 h1{
font-size: 20px;
}
.sfv4-c7 div.sfv-c7-col-noneborder{
border-top: 0;
}
.sfv4-c7 div.sfv4-c7-table-responsive{
margin-bottom: 10px;
}
.sfv4-c7 div.d3-group-1{
margin-bottom: 20px;
width: 100%;
display: inline-block;
}
.sfv4-c7 .sfv4-c7-header-yellow-visible{
display: none;
}
.sfv4-c7 .sfv4-c7-row-bg-yellow{
font-size: 15px;
background: #fbef8b;
padding: 5px 10px;
}
.sfv4-c7 .sfv4-c7-content-table{
font-size: 13px;
width: 100%;
color: #666666;
border-bottom: 0;
}
.sfv4-c7 .sfv4-c7-col-1, .sfv4-c7 .sfv4-c7-col-2, .sfv4-c7 .sfv4-c7-col-3, .sfv4-c7 .sfv4-c7-col-4{
padding-left: 0;
padding-right: 0;
border: 1px solid #cccccc;
}
.sfv4-c7 .sfv4-c7-col-2, .sfv4-c7 .sfv4-c7-col-3, .sfv4-c7 .sfv4-c7-col-4{
border-left: 0;
}
.sfv4-c7 .sfv4-c7-col-1{
width: 25%;
float: left;
//min-width: 245px;
}
.sfv4-c7 .sfv4-c7-col-2{
width: 16.8%;
float: left;
//min-width: 190px;
}
.sfv4-c7 .sfv4-c7-col-3{
width: 50.8%;
float: left;
}
.sfv4-c7 .sfv4-c7-col-4{
width: 24%;
float: left;
}
.sfv4-c7 .sfv4-c7-header-yellow{
background: #ffffcc;
padding: 5px 10px;
border-bottom: 1px solid #cccccc;
}
.sfv4-c7 .sfv4-c7-content-table-items, .sfv4-c7 .sfv4-c7-col-4 .sfv4-c7-messages-text{
padding: 30px 10px;
height: 86px;
}
.sfv4-c7 .sfv4-c7-content-table-items-width190{
width: 165px;
padding: 3px;
}
.sfv4-c7 .sfv4-c7-content-images{
float: left;
padding: 5px 15px;
background: #cccccc;
}
.sfv4-c7 .sfv4-c7-content-img-left{
margin-right: 3px;
}
.sfv4-c7 .col-w-40p{
width: 40%
}
.sfv4-c7 .col-w-20p{
width: 20%
}
.sfv4-c7 .sfv4-c7-messages-text{
width: 86.7%;
float: left;
padding: 16px 10px;
}
.sfv4-c7 .sfv4-c7-col-4 .sfv4-c7-messages-text{
width: 81.2%;
}
.sfv4-c7 .sfv4-c7-edit-mess-text{
width: 13.3%;
height: 86px;
background: #f6f9ff;
float: left;
padding: 20px 0px;
text-align: center;
font-size: 13px;
color: #6699ff;
}
.sfv4-c7 .sfv4-c7-edit-mess-text2{
width: 18.3%;
height: 86px;
background: #f6f9ff;
float: left;
padding: 20px 0px;
text-align: center;
font-size: 13px;
color: #6699ff;
}
.sfv4-c7 .sfv4-c7-edit-mess-text img, .sfv4-c7 .sfv4-c7-edit-mess-text2 img{
width: 13px;
height: 7px;
margin-bottom: 5px;
}
.sfv4-c7 .sfv4-c7-content-messages{
padding: 0;
}
@media screen and (max-width: 987px)
{
.sfv4-c7 .sfv4-c7-content-table{
width: 100%;
margin-bottom: 20px;
float: left;
}
.sfv4-c7 .sfv4-c7-header-yellow-visible{
border-top: 1px solid #cccccc;
}
.sfv4-c7 .sfv4-c7-header-yellow-visible{
display: block;
}
.sfv4-c7 .sfv4-c7-table-responsive{
width: 70%!important;
margin: auto!important;
}
.sfv4-c7 .sfv4-c7-content-col12, .sfv4-c7 .sfv4-c7-content-col34{
width: 100%;
float: left;
}
.sfv4-c7 .sfv4-c7-col-4{
width: 35%;
}
.sfv4-c7 .sfv4-c7-col-3{
width: 60%;
}
.sfv4-c7 .sfv4-c7-col-1{
width: 60.1%;
}
.sfv4-c7 .sfv4-c7-col-2{
width: 35%;
}
.sfv4-c7 .sfv4-c7-content-table-items-width190{
margin: auto;
}
.sfv4-c7 .sfv4-c7-messages-text{
width: 91%;
}
.sfv4-c7 .sfv4-c7-edit-mess-text{
width: 9%;
}
.sfv4-c7 .sfv4-c7-content-col34{
border-left: 1px solid #cccccc;
}
.sfv4-c7 .sfv4-c7-col-1, .sfv4-c7 .sfv4-c7-col-2{
border-bottom: 0;
}
}
@media screen and (max-width: 768px)
{
.sfv4-c7 .sfv4-c7-content-col12, .sfv4-c7 .sfv4-c7-content-col34, .sfv4-c7 .sfv4-c7-col-1, .sfv4-c7 .sfv4-c7-col-2, .sfv4-c7 .sfv4-c7-col-3, .sfv4-c7 .sfv4-c7-col-4{
width: 100%;
}
.sfv4-c7 .sfv4-c7-col-2{
border-left: 1px solid #cccccc;
}
.sfv4-c7 .sfv4-c7-col-3{
border-bottom: 0;
}
.sfv4-c7 .sfv4-c7-table-responsive{
width: 100%!important;
}
.sfv4-c7 .sfv4-c7-content-table-items{
padding: 5px 10px;
height: auto;
}
.sfv4-c7 .sfv4-c7-content-table-items-width190{
width: 100%;
float: left;
padding: 0.3%!important;
}
.sfv4-c7 .sfv4-c7-content-images{
padding: 5px 40px;
}
.sfv4-c7 .sfv4-c7-content-messages{
padding: 5px 0!important;
}
.sfv4-c7 .sfv4-c7-messages-text, .sfv4-c7 .sfv4-c7-edit-mess-text, .sfv4-c7 .sfv4-c7-edit-mess-text2{
width: 100%!important;
height: auto!important;
}
.sfv4-c7 .sfv4-c7-messages-text{
padding: 5px 5px!important;
}
.sfv4-c7 .sfv4-c7-edit-mess-text, .sfv4-c7 .sfv4-c7-edit-mess-text2{
padding: 5px 0;
}
.sfv4-c7 .sfv4-c7-images-details{
width: 260px;
margin: auto;
}
.sfv4-c7 .sfv4-c7-margin-leftright-media{
margin: 0 10px;
}
}
@media screen and (max-width: 320px)
{
.sfv4-c7 .sfv4-c7-content-images{
padding: 5px 43px;
}
.sfv4-c7 .sfv4-c7-images-details{
width: 310px;
}
.sfv4-c7 .sfv4-c7-content-images{
margin-right: 2px!important;
margin-left: 1px!important;
}
}
/*
.sfv-menu .sfv-menu-content .last-arrow{
float: right;
}
.sfv-menu .sfv-menu-content .last.text-right
{
float: right;
}
*/
/* START
B2 - terminal_views/viewB4.html.erb
*/
.sfv4-b2-menu-b2 .sfv2-menu-c{
margin-top: 85px;
}
/*
#main .sfv4-b2-menu-b2 .sfv2-menu-c .kuhaku.sfv-menu{
max-width: none;
}
*/
/*
#pageAB .container.a2b1{
margin-top: 108px;
}
*/
.sfv4-b2 .sfv4-b2-hidden2{
display: none;
}
.sfv4-b2 .b5title{
font-size: 20px;
}
.sfv4-b2 .b5image{
width: 500px;
padding: 2% 4%;
}
.sfv4-b2 .box44Right{
float: right;
}
.sfv4-b2 .box44Left{
float: left;
}
.AB.sfv4-b2{
min-width: 0;
}
.sfv4-b2 .container.a2b1{
min-width: 0;
}
.sfv4-b2 .box44Right{
padding-left: 30px;
}
.sfv4-b2 .boxb4Text{
color: #333333;
font-size: 18px;
}
.sfv4-b2 .boxb4Text{
margin-bottom: 0;
}
.sfv4-b2 .b4Box{
margin-top: 0;
}
.sfv4-b2 .sfv4-b2-browse-img input {
width: 72%;
display: inline-block;
}
.sfv4-b2 .sfv4-b2-browse-img{
width: 100%;
display: inline-block;
}
.sfv4-b2 .sfv4-f4-5-col-button{
width: 17%;
display: inline-block;
position: absolute;
margin-left: 10px;
}
.sfv4-b2 .sfv4-f4-5-col-button button{
width: 75px;
}
.sfv4-b2 .sfv4-b2-button-white{
text-align: center;
width: 89%;
}
.sfv4-b2 .sfv4-b2-button-white button{
width: 255px;
font-size: 15px;
color: #333333;
height: 40px;
border-radius: 10px;
margin-bottom: 0px;
margin-top: 0px;
}
.sfv4-b2 .sfv4-b2-boxType{
font-size: 14px;
}
.sfv4-b2 .sfv4-b2-box-text{
color: #000000;
padding-bottom: 10px;
}
.sfv4-b2 .sfv4-b2-box-textLarge{
background: #ffffff;
padding: 10px;
font-size: 18px;
color: #333333;
text-align: center;
margin-top: 0;
}
.sfv4-b2 .sfv4-b2-box-textSmall{
font-size: 13px;
color: #333333;
}
.sfv4-b2 .sfv4-b2-box-content{
background: #c3e0fd;
width: 91%;
}
.sfv4-b2 .sfv4-b2-box-footer{
margin: 0 7%;
padding-bottom: 10px;
}
.sfv4-b2 .sfv4-f4-5-col-button .sfv4-b2-btn2-upload{
font-size: 13px;
}
.sfv4-b2 .sfv4-b2-title{
margin-top: 20px;
}
.sfv4-b2 .box-45.sfv4-b2-box-45-b2{
margin-bottom: 0;
}
.sfv4-b2 .box #breadcrumb .underline{
text-decoration: none;
}
@media screen and (max-width: 1110px)
{
.sfv4-b2 .sfv4-b2-box-content, .sfv4-b2 .sfv4-b2-button-white{
width: 100%;
}
.sfv4-b2 .sfv4-b2-browse-img input
{
width: 83%;
}
.sfv4-b2 .box44Right{
padding-left: 0px;
}
.sfv4-b2 .sfv4-b2-hidden{
width: 100%;
}
.sfv4-b2 .b5image{
width: 500px;
margin: auto;
}
.sfv4-b2 .box44Right{
float: none;
margin: auto;
width: 500px;
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 991px)
{
.sfv4-b2 .sfv4-f4-5-col-button{
padding-right: 0;
}
.sfv4-b2 .sfv4-f4-5-col-button button{
width: 100%;
}
}
@media screen and (max-width: 725px)
{
.sfv4-menu-media725{
margin-top: 70px;
}
}
@media screen and (max-width: 715px)
{
.sfv4-b2 .sfv4-b2-button-white button{
width: 235px!important;
}
}
@media screen and (max-width: 580px)
{
.sfv4-b2 .box44Right{
width: 100%;
}
.sfv4-b2 .sfv4-b2-hidden{
display: none;
}
.sfv4-b2 .sfv4-b2-hidden2{
display: block;
width: 100%;
}
.sfv4-b2 .sfv4-b2-hidden2 .b5image{
width: 100%;
margin: auto;
}
.sfvE1-vb6 .box.box-44 {
width: 91% !important;
}
#main .sfv4-b2 .a2b1{
padding: 0px!important;
}
}
@media screen and (max-width: 320px)
{
.sfv4-b2 .sfv4-b2-box-textLarge, .sfv4-b2 .sfv4-b2-box-text{
font-size: 15px;
}
.sfv4-b2 .b5image{
padding: 6%;
}
.sfv4-b2 .sfv4-b2-browse-img input{
width: 65%;
}
.sfv4-b2 .sfv4-f4-5-col-button button {
width: 85px;
}
}
/* END
B2 - terminal_views/viewB4.html.erb
*/
/* START
B5 - terminal_views/viewB5.html.erb
*/
.sfv4-b5 .box44Right.col-xs-12.col-md-6{
padding-right: 0;
}
.sfv4-b5 .sfv4-b5-textarea .b5textarea{
height: 300px;
font-size: 13px;
color: #666666;
margin-top: 7px;
}
.sfv4-b5 .boxABfooter .btn-black{
background: #efefef;
color: #b5b5b5;
font-size: 18px;
}
.sfv4-b5 .boxABfooter button{
font-family: Meiryo;
}
.sfv4-b5 .sfv4-b5-textarea textarea{
overflow-y: scroll;
overflow-x: hidden;
}
@media screen and (max-width: 1110px)
{
.sfv4-b5 .sfv4-b5-textarea .b5textarea{
height: 190px;
}
}
@media screen and (max-width: 573px)
{
.sfv4-b5 .sfv4-b5-textarea{
margin-right: 4.5%;
margin-left: 4.5%;
}
}
@media screen and (max-width: 370px)
{
.sfv4-b5 .boxABfooter button
{
width: 220px !important;
}
}
/* END
B5 - terminal_views/viewB5.html.erb
*/
/* START
B10 - terminal_views/viewB6.html.erb
*/
.sfv4-b10 .b6image{
text-align: initial;
padding: 17px 11px;
height: auto;
}
.sfv4-b10 .b5image img{
width: 100%
}
.sfv4-b10 .box44Right{
padding: 0 58px 0 25px;
}
.sfv4-b10 .box44Right .b5content .sfv4-b10-image-right{
background: #FFFFFF;
height: auto;
}
.sfv4-b10 .sfv4-b10-image-right .sfv4-b10-box-right-bottom{
text-align: center;
padding: 30px;
margin: 0 10px;
}
.sfv4-b10 .sfv4-b10-image-right .sfv4-b10-box-right-top{
text-align: center;
padding: 8px;
font-size: 13px;
color: #333333;
border-bottom: 1px solid #999999;
margin: 0 10px;
}
@media screen and (max-width: 1110px)
{
.sfv4-b10 .box44Right{
padding: 0;
}
}
@media screen and (max-width: 850px)
{
.sfv4-b10 .box-44{
margin-left: 0!important;
margin-right: 0!important;
width: 100%!important;
}
.sfv4-b10 .b5content .boxb4Text, .sfv4-b10 .box44Right .b6select{
margin-left: 4.5%!important;
margin-right: 4.5%!important;
}
}
@media screen and (max-width: 350px)
{
.sfv4-b10 .b6image{
padding: 17px;
}
.sfv4-b2 .sfv4-b2-hidden2 .b5image
{
padding: 13px 17px;
}
}
/* END
B10 - terminal_views/viewB6.html.erb
*/
/* START
B6 - terminal_views/viewB14.html.erb
*/
.sfv4-b6 .box-container
{
width: auto;
}
.sfv4-b6 .bg-grey-1.b1c8-bg-grey{
margin-bottom: 20px;
}
.sfv4-b6 .boxABfooter .boxABleft{
float: left;
text-align: left;
}
.sfv4-b6 .boxABfooter .boxABright{
float: right;
text-align: right;
}
.sfv4-b6 .b14c1-cols-bg-grey .sfv4-b6-letter-examp{
margin-top: 50px!important;
margin-bottom: 20px!important;
}
.sfv4-b6 .sfv4-b6-letter-1{
text-align: right;
}
.sfv4-b6 .sfv4-b6-letter-2{
text-align: left;
}
.sfv4-b6 .b1c8 .b1c8-bg-grey{
padding: 1.5% 5%;
}
.sfv4-b6 .b14c1-cols-bg-grey .h-popup-image
{
margin-bottom: 20px;
}
@media screen and (max-width: 991px)
{
.sfv4-b6 .sfv4-b6-letter-1, .sfv4-b6 .sfv4-b6-letter-2{
text-align: center;
margin-bottom: 30px;
padding: 0;
}
.sfv4-b6 .sfv4-b6-letter-1 img, .sfv4-b6 .sfv4-b6-letter-2 img {
width: 500px;
}
}
@media screen and (max-width: 665px)
{
.sfv4-b6 .b1c8-bg-grey .h-popup-image img{
width: 100%!important;
}
}
@media screen and (max-width: 457px)
{
.sfv4-b6 .b1c8 .b1c8-bg-grey{
padding: 5%;
}
.sfv4-b6 .boxABfooter .boxABleft, .sfv4-b6 .boxABfooter .boxABright{
width: 100%;
text-align: center;
}
.sfv4-b6 .boxABfooter .boxABleft button{
width: 220px!important;
}
}
/* END
B6 - terminal_views/viewB14.html.erb
*/
/* START
A12 - terminal_views/viewA6.html.erb
*/
.sfv4-a12 .sfv4-a12-h1
{
margin: 10px 0;
font-size: 20px;
color: #000000;
}
.sfv4-a12 .text-right.title-16{
font-size: 11px;
color: #666666;
margin-top: 5px;
}
.sfv4-a12 .sfv4-a12-title-13{
font-size: 18px;
}
.sfv4-a12 .sfv4-a12-title-1{
font-size: 12px;
}
.sfv4-a12 .col-2.bg-yellow-1.sfv4-a12-col2-bg-yellow-1{
margin-bottom: 0;
width: 45%;
padding-left: 0;
padding: 14px 0;
padding-bottom: 0;
}
.sfv4-a12 .sfv4-a12-header-title-right-1{
width: 38%;
float: left;
padding: 10px 0;
color: #000000;
}
.sfv4-a12 .sfv4-a12-header-title-right-2{
width: 59%;
float: left;
padding: 4px 0;
padding-bottom: 0;
}
.sfv4-a12 .col-1.bg-yellow-1 .top-1.bg-orange{
font-size: 16px;
padding: 12px;
width: 145px;
}
.sfv4-a12 .box-1 .col-1.bg-yellow-1{
width: 55%;
padding-left: 12px;
padding-top: 16px;
padding-right: 0;
}
.sfv4-a12 .box-1 .col-1 .top-1.bg-orange
{
width: 27%;
margin-right: 2%;
}
.sfv4-a12 .box-1 .col-1 .top-1.bg-orange br
{
display: none;
}
.sfv4-a12 .col-1 .arrow-2
{
margin-top: 6px;
margin-right: 2%;
}
.sfv4-a12 .sfv4-a12-menu-step-yellow{
width: 100%;
float: left;
}
.sfv4-a12 .box-1 .col-1 .top-1.bg-orange.sfv4-a12-bg-orange-margin-none{
margin-right: 0;
}
.sfv4-a12 .a6d15-box .title-10{
font-size: 18px;
}
.sfv4-a12 .a6d15-box.bg-blue-1{
line-height: normal;
padding: 7px;
}
.sfv4-a12 .sfv4-a12-block-check-first{
//padding-left: 0;
}
.sfv4-a12 .sfv4-a12-block-check-last{
//padding-right: 0;
}
#pageAB.sfv4-a12 .container .box-container.sfv4-box-max-width{
max-width: 1130px;
}
.sfv4-a12 .a6d15-row-2.bg-grey-2{
background-color: #FFFFFF;
text-align: right!important;
margin-top: 3px;
}
.sfv4-a12 .sfv4-a12-box-img-margin .title-1 span{
font-size: 13px;
color: #333333;
}
.sfv4-a12 .a6d15-row-1.bg-black{
background-color: #3399cc!important;
}
.sfv4-a12 .a6d15-box-1 .a6d15-row-1 .not-check, .sfv4-a12 .a6d15-box-1 .a6d15-row-1 .not-check
{
margin: 5px 0px 5px 9px;
}
.sfv4-a12 .regular-radio:checked + label:after{
background: #3399cc !important;
}
.sfv4-a12 .sfv4-a12-office-img img{
width: 55px;
height: 55px;
}
.sfv4-a12 .box.box-office{
margin-bottom: 10px;
padding: 10px 10px 10px 10px;
}
.sfv4-a12 .box.box-office .space-1{
margin-bottom: 0;
}
.sfv4-a12 .box-office .sfv4-a12-office-img .title-1{
font-size: 16px;
padding-left: 10px!important;
}
.sfv4-a12 .box.box-office .col-md-2-5{
width: 31%;
padding: 9px;
padding-top: 15px;
}
.sfv4-a12 .box.box-office .col-md-3-5{
width: 25%;
}
.sfv4-a12 .box.box-office .col-word.space-1, .sfv4-a12 .box.box-office .col-pdf.space-1{
width: 20%;
}
.sfv4-a12 .bg-orange{
background: #ff9933;
line-height: 17px!important;
}
.sfv4-a12 .a6d15-box-1 .a6d15-row-1 .title-17{
font-size: 15px;
margin-top: 5px;
}
.sfv4-a12 .box.box-office .title-3{
font-size: 16px;
}
.sfv4-a12 .col-img span{
color: #666666;
}
.sfv4-a12 .box-2 .box-yellow.bg-yellow-1{
padding: 0;
height: auto;
}
.sfv4-a12 .sfv4-a12-title-upoadfrm{
margin-bottom: 5px;
}
.sfv4-a12 .sfv4-a12-content-uploadfrm{
padding-right: 0;
}
.sfv4-a12 .box-yellow .sfv4-b2-browse-img{
text-align: left;
}
.sfv4-a12 .box-yellow .sfv4-b2-browse-img .sfv4-a12-input-upload-img{
height: 30px;
width: 73%;
float: left;
}
.sfv4-a12 .sfv4-a12-button-up-blue{
float: left;
}
.sfv4-a12 .box-yellow .sfv4-b2-browse-img input{
height: 30px;
width: 100%;
}
.sfv4-a12 .box-2 .btn-2.sfv4-b2-btn2-upload{
min-width: 0;
width: 72%;
}
.sfv4-a12 .fileupload img{
height: 228px;
}
.sfv4-a12 .sfv4-a12-block-uploaded{
padding-bottom: 33px;
}
.sfv4-a12 .sfv4-a12-upload-control{
width: 75%;
margin: auto;
padding-top: 18px;
display: inline-block;
}
.sfv4-a12 .title-3.sfv4-a12-title3-office{
color: #000000;
font-size: 16px;
}
.sfv4-a12 .sfv4-a12-content-uploadfrm span {
font-size: 20px;
color: #666666;
}
.sfv4-a12 .a6d15-box.bg-blue-1 span {
font-size: 18px;
color: #0071b0;
}
.sfv4-a12 .sfv4-a12-block-uploaded .sfv4-a12-btn-8-submit{
width: 225px;
border-color: #6699ff;
font-size: 13px;
color: #6699ff;
}
.sfv4-a12 .sfv4-button-white-submit{
width: 100%;
}
.sfv4-a12 .sfv4-a12-line-border{
margin: 20px 15px;
padding: 15px 10px;
border-top: 1px solid #999999;
margin-bottom: 0;
padding-bottom: 0;
}
.sfv4-a12 .sfv4-a12-text-upload-block{
font-size: 11px;
color: #666666;
text-align: left;
line-height: 17px;
}
.sfv4-a12 .box-2 .box-bottom.text-center .bg-yellow-1{
background: #ffcccc;
padding: 10px;
font-size: 18px;
}
.sfv4-a12 .box-2 .box-bottom.text-center .bg-yellow-1 span{
font-size: 18px;
}
.sfv4-a12 .box-2 .box-bottom.text-center{
width: 620px;
}
.sfv4-a12 .box-2 .box-bottom.text-center .btn-9{
width: 260px;
border-radius: 10px;
font-size: 18px;
margin-bottom: 0;
}
.sfv4-a12 .box-2 .box-bottom.text-center .bg-yellow-1 span{
font-size: 18px;
}
.sfv4-a12 .a6d15-box.bg-blue-1.sfv4-a12-box-blue-center-txt{
text-align: center;
margin-bottom: 25px;
}
.sfv4-a12 .a6d15-box.bg-blue-1.sfv4-a12-box-blue-center-txt span{
font-size: 20px;
}
.sfv4-a12 .box-2.box-black .box-office .title-1{
padding-top: 20px!important;
}
.sfv4-a12 .box-2.box-black .box-office .space-1{
margin-bottom: 0!important;
}
.sfv4-a12 .box-2.box-black .box-office .title-3{
margin-top: 5px;
}
.sfv4-a12 .box-office.office-2{
border: 0;
padding: 15px 0;
}
.sfv4-a12 .sfv4-a12-button-blue-1{
display: inline-block;
margin-right: 20px;
margin-top: 0;
}
.sfv4-a12 .box-black .office-2 .sfv4-a12-button-blue-1 button{
border-radius: 5px;
color: #FFF;
font-size: 15px;
height: 40px;
width: 265px;
}
.sfv4-a12 .sfv4-a12-box-blue-block{
width: 100%;
text-align: center;
background: #e6eefe;
margin-top: 15px;
padding: 10px 10px;
}
.sfv4-a12 .sfv4-a12-block-office-2-left, .sfv4-a12 .sfv4-a12-block-office-2-right{
float: left;
}
.sfv4-a12 .sfv4-a12-space1-box-office-2{
display: inline-flex;
}
.sfv4-a12 .sfv4-a12-block-office-2-left{
width: 65px;
display: inline-block;
}
.sfv4-a12 .sfv4-a12-block-office-2-left img{
width: 67px;
}
.sfv4-a12 .sfv4-a12-block-office-2-right{
text-align: left;
display: inline-block;
width: 94%;
padding-left: 20px;
}
.sfv4-a12 .box-2.box-black .sfv4-a12-block-office-2-right .sfv4-a12-office-2-right-top h3{
font-size: 18px;
color: #cf4120;
font-weight: normal;
line-height: 20px;
padding-top: 0!important;
margin-top: 0;
margin-bottom: 5px;
}
.sfv4-a12 .sfv4-a12-office-2-right-bottom span{
font-size: 13px;
color: #333333;
line-height: 20px;
}
.sfv4-a12 .box-2.box-black .sfv4-a12-block-office-2-right .sfv4-a12-office-2-right-top .sfv4-a12-title-word
{
color: #2b5797;
}
.sfv4-a12 .sfv4-a12-bg-pink{
background: #fcd5c8;
}
.sfv4-a12 .box-2 .row-1.row-3.sfv4-a12-bg-pink
{
padding: 20px 30px;
}
.sfv4-a12 .sfv4-a12-bg-pink-ptop{
font-size: 18px;
color: #333333;
line-height: 20px;
padding: 0 7px;
padding-right: 0;
border-bottom: 1px solid #333333;
padding-bottom: 10px;
}
.sfv4-a12 .sfv4-a12-bg-pink-pbot{
font-size: 13px;
color: #333333!important;
line-height: 25px;
}
.sfv4-a12 .sfv4-a12-bg-pink-button{
color: #333333;
width: 240px;
}
.sfv4-a12 .text-center.space-top-1.sfv4-a12-button-bg-pink-margintop{
margin-top: 10px;
}
.sfv4-a12 .box-3 .ab-img.text-center.sfv4-a12-abimg img{
border: 0;
}
.sfv4-a12 .sfv4-a12-box-block .box-office.office-2
{
line-height: 20px;
}
.sfv4-a12 .box-3 .ab-img.text-center.sfv4-a12-abimg.sfv4-a12-abimg-pro-a img
{
width: 200px!important;
margin: -10px 10px 1px !important;
}
@media screen and (max-width: 1103px)
{
.sfv4-a12 .box.sfv4-a12-box-img-margin{
margin-left: 10px!important;
margin-right: 10px!important;
width: auto!important;
}
.sfv4-a12 .box-1 .col-1.bg-yellow-1{
width: 100%;
padding-bottom: 0;
padding-right: 12px;
min-width: 0!important;
}
.sfv4-a12 .col-2.bg-yellow-1.sfv4-a12-col2-bg-yellow-1{
padding-top: 0;
padding-bottom: 10px;
width: 100%;
}
.sfv4-a12 .sfv4-a12-header-title-right-1{
width: 100%;
text-align: center;
}
.sfv4-a12 .sfv4-a12-header-title-right-2{
width: 100%;
text-align: center;
padding: 0 10px;
}
.sfv4-a12 .sfv4-a12-menu-step-yellow{
width: 517px;
float: none;
display: inline-block;
margin: auto;
}
.sfv4-a12 .box-3 .ab-img.text-center.sfv4-a12-abimg img {
margin: -10px 1px 20px 10px !important;
}
}
@media screen and (max-width: 1062px)
{
.sfv4-a12 .sfv4-a12-bg-pink .sfv4-a12-a10-bg-pink-textcenter{
width: 100%;
margin-bottom: 10px;
}
.sfv4-a12 .sfv4-a12-bg-pink .col-pad-0{
width: 100%;
}
}
@media screen and (max-width: 991px)
{
.sfv4-a12 .box-2.box-black .box-office .space-1 {
margin-bottom: 10px !important;
padding-bottom: 0;
}
.sfv4-a10.sfv4-a12 .box-2.box-black .box-office .space-1 {
margin-bottom: 0 !important;
padding-bottom: 0;
}
}
@media screen and (max-width: 900px)
{
.sfv4-a12 .box.box-office .col-md-2-5{
width: 100%;
text-align: left;
}
.sfv4-a12 .box.box-office .col-md-3-5{
width: 40%;
}
.sfv4-a12 .box.box-office .col-word.space-1{
width: 35%;
}
.sfv4-a12 .box.box-office .col-pdf.space-1{
width: 25%;
}
.sfv4-a12 .box.box-office .col-md-2-5{
padding-top: 0;
}
}
@media screen and (max-width: 850px)
{
.sfv4-a12 .box-1 .col-1 .top-1.bg-orange{
margin-right: 3.5%;
}
}
@media screen and (max-width: 767px)
{
.sfv4-a12 .a6d15-box.bg-blue-1{
text-align: center;
}
.sfv4-a12 .sfv4-a12-title-left{
text-align: left;
}
.sfv4-a12 .box-office img{
margin-left: 0!important;
}
.sfv4-a12 .box.box-office .title-3{
font-size: 14px;
}
.sfv4-a12 .box.box-office .col-md-3-5, .sfv4-a12 .box.box-office .col-word.space-1, .sfv4-a12 .box.box-office .col-pdf.space-1{
width: 100%;
text-align: left;
margin-bottom: 10px;
}
.sfv4-a12 .box.box-office{
padding: 12px;
}
.sfv4-a12 .box.box-office .sfv4-a12-office-img{
padding: 0;
}
.sfv4-a12 .box.box-office .col-md-2-5{
padding-left: 0;
padding-bottom: 15px;
}
.sfv4-a12 .fileupload img{
height: auto;
}
.sfv4-a12 .greetingcard{
text-align: center;
}
.sfv4-a12 .sfv4-a12-content-uploadfrm{
padding: 0;
}
.sfv4-a12 .box-2 .box-bottom.text-center{
width: 100%;
}
.sfv4-a12 .box-2 .box-bottom.text-center .bg-yellow-1 span{
font-size: 13px;
}
.sfv4-a12 .a6d15-box.bg-blue-1.sfv4-a12-box-blue-center-txt{
text-align: center;
margin-bottom: 25px;
padding: 20px 0;
margin-left: 10px;
margin-right: 10px;
}
.sfv4-a12 .a6d15-box.bg-blue-1.sfv4-a12-box-blue-center-txt span{
font-size: 13px;
text-align: center;
}
.sfv4-a12 .box-2.box-black .box-office .space-1{
margin-bottom: 10px !important;
padding-bottom: 0;
}
}
@media screen and (max-width: 663px)
{
.sfv4-a12 .box-2.box-black .box-office .sfv4-a12-button-blue-1{
margin-left: 20px!important;
}
}
@media screen and (max-width: 645px)
{
.sfv4-a12 .sfv4-a12-menu-step-yellow{
width: 100%;
}
.sfv4-a12 .box-1 .col-1 .top-1.bg-orange{
height: auto;
width: 95px;
margin-right: 5px;
float: none;
display: inline-block;
}
.sfv4-a12 .box-1 .col-1 .top-1.bg-orange br
{
display: block;
height: 1px;
line-height: 0;
margin: 0;
padding: 0;
}
.sfv4-a12 .col-1 .arrow-2{
margin-right: 5px;
margin-top: 15px;
float: none;
display: inline-block;
}
.sfv4-a12 .box-1 .col-1.bg-yellow-1
{
float: none;
display: inline-block;
}
}
@media screen and (max-width: 596px)
{
.sfv4-a12 .box-3 .ab-img.text-center.sfv4-a12-abimg img
{
margin: 10px!important;
width: 185px;
}
}
@media screen and (max-width: 575px)
{
.sfv4-a12 .box-3 .ab-img.text-center.sfv4-a12-abimg.sfv4-a12-abimg-pro-a img{
width: 112px!important;
height: 115px!important;
}
}
@media screen and (max-width: 515px)
{
.sfv4-a12 .box-1 .col-1 .top-1.bg-orange{
margin-top: 0;
}
.sfv4-a12 .box-2.box-black .sfv4-a12-block-office-2-right .sfv4-a12-office-2-right-top h3{
font-size: 13px;
}
.sfv4-a12 .sfv4-a12-office-2-right-bottom span{
font-size: 11px;
}
.sfv4-a12 .sfv4-a12-block-office-2-left{
width: 75px;
}
}
@media screen and (max-width: 465px)
{
.sfv4-a12 .box-2 .row-1.row-3.sfv4-a12-bg-pink{
padding: 20px 5px;
}
}
@media screen and (max-width: 445px)
{
.sfv4-a12 .sfv4-a12-bg-pink-pbot{
line-height: 20px;
}
.sfv4-a12 .sfv4-a12-office-2-right-bottom span{
line-height: 15px;
}
.sfv4-a12 .sfv4-a12-box-img-margin .a6d15-box-1{
padding-left: 0;
padding-right: 0;
}
.sfv4-a12 .box-1 .col-1 .top-1.bg-orange{
width: 69px !important;
margin-top: 0;
padding: 15px 0;
}
.sfv4-a12 .col-1 .arrow-2{
margin-right: -3px;
background-size: cover;
width: 15px;
height: 21px;
}
.sfv4-a12 .box-1 .col-1 .top-1.sfv4-top-bg-orange-media
{
margin-right: -3px!important;
}
.sfv4-a12 .box-1 .col-1 .top-1.bg-orange{
margin-right: 3px;
}
.sfv4-a12 .sfv4-a12-header-title-right-2{
text-align: left!important;
}
.sfv4-a12#pageAB .box{
margin-left: 10px;
margin-right: 10px;
width: 93%;
}
.sfv4-a12 .sfv4-a12-upload-control{
width: 90%;
}
.sfv4-a12 .box-yellow .sfv4-b2-browse-img .sfv4-a12-input-upload-img{
width: 65%;
}
.sfv4-b2 .sfv4-f4-5-col-button{
width: 28%;
}
.sfv4-a12 .a6d15-box.bg-blue-1 span{
font-size: 15px;
}
.sfv4-a12 .col-img span{
font-size: 15px;
}
.sfv4-a12 .sfv4-a12-content-uploadfrm span{
font-size: 15px;
}
.sfv4-a12 .sfv4-a12-line-border{
margin: 20px 6px;
padding: 15px 0px;
margin-bottom: 0;
padding-bottom: 0;
}
.sfv4-a12 .sfv4-a12-content-uploadfrm{
margin-top: 20px;
}
.sfv4-a10.sfv4-a12 .sfv4-a12-bg-pink-ptop{
font-size: 13px;
}
.sfv4-a12 .sfv4-a12-bg-pink-ptop{
font-size: 15px;
}
.sfv4-a12 .sfv4-a12-bg-pink-pbot{
font-size: 11px;
}
.sfv4-a10 .sfv4-a12-box-block{
padding-bottom: 20px!important;
}
.sfv4-a10.sfv4-a12 .space-1.space-top-2.sfv4-a12-button-blue-1{
margin-bottom: 0!important;
}
.sfv4-a12 .sfv4-a12-box-blue-block
{
margin-top: 0!important;
}
.sfv4-a12 .sfv4-a12-box-block .box-office.office-2, .sfv4-a10 .sfv4-a12-box-block .box-office.office-2{
padding-top: 0!important;
}
.sfv4-a10 .a6d15-box .title-10, .sfv4-a12 .a6d15-box .title-10
{
text-align: left;
}
.sfv4-a12 .box.box-office, .sfv4-a10 .box.box-office{
padding-top: 19px;
}
.sfv4-a12 .sfv4-a1210box-2, .sfv4-a10 .sfv4-a1210box-2{
margin-left: 7px!important;
margin-right: 7px!important;
width: 94%!important;
}
.sfv4-b2 .sfv4-f4-5-col-button .sfv4-b2-btn2-upload{
width: 75px!important;
}
.sfv4-a12 .box.box-office .col-md-2-5{
padding-right: 0!important;
}
}
@media screen and (max-width: 375px)
{
.sfv4-a12 .box-2.box-black .box-office .sfv4-a12-button-blue-1{
margin-left: 0!important;
margin-right: 0!important;
width: 100%;
}
.sfv4-a12 .box-black .office-2 .sfv4-a12-button-blue-1 button{
width: 100%;
}
}
/* END
A12 - terminal_views/viewA6.html.erb
*/
/*==============================================================================================*/
/*=======================================End BLOCK P4===================================================*/
/*==============================================================================================*/
/*==============================================================================================*/
/*=======================================BLOCK P5===================================================*/
/*==============================================================================================*/
/* Start F11-sfv5 */
#main .f11-sfv5-menu{
border-bottom: 2px solid #999;
}
.sfv5-f11-avc{
margin: 0px;
}
#main .sfv5-f11-box12{
padding-left: 8px;
font-size: 15px;
color: #666;
display: inline-block;
height: 32px;
line-height: 34px;
padding-top: 0px;
}
#main .sfv5-f11-box11{
padding-left: 9px;
border-left: 0px;
}
.sfv2-box3 .f11-sfv5-h3{
padding: 30px 0 0 0;
margin: 0px;
font-size: 17px;
color: #666;
}
#main .f11-sfv5-pd1{
padding-left: 0px;
padding-right: 0px;
}
.box .box-1 .f11-sfv5-h32{
margin: 5px;
color: #666;
}
.sfv2-box3 .f11-sfv5-h31{
margin: 0px;
padding: 20px 0;
font-size: 15px;
color: #666;
}
.sfv2-f11 .sfv2-box4 .sfv5-f11-bg{
background-color: #ffffcd;ffffcc
}
.sfv5-f11-p{
margin-top: 15px;
margin-bottom: 30px;
}
.sfv5-f11-p h4{
font-size: 13px;
}
.f24 .sfv5-f11-bg{
padding-top: 5px;
padding-bottom: 20px;
}
.sfv5-f11-p1{
background-color: #f4f9f7;
border-top: 10px none #f4f9f7;
height: auto;
padding: 16px 14px;
}
.f24 .f11-sfv5-ab{
margin-top: 20px;
}
.f11-sfv5-p-c1 .f11-sfv5-p-c12{
font-size: 17px;
margin-top: 6px;
}
.sfv2-f11 .f11-sfv5-p-c1 {
height: 48px;
color: #66999a;
line-height: 48px;
padding-left: 0;
font-size: 17px;
margin-top: 10px;
margin-bottom: -10px;
}
.sfv2-f11 .f11-sfv5-p-c1 .f11-sfv5-p-c12{
border-left: 3px solid #66999a;
padding-left: 15px;
display: inline-block;
height: 19px;
line-height: 22px;
padding-top: 0px;
}
.f24 .btn-f11-sfv5{
background-color: #ff9900;
border: medium none;
border-radius: 12px;
color: #000000;
font-size: 16px;
font-weight: normal;
height: 50px;
color: #fff;
text-align: center;
vertical-align: middle;
width: 267px;
font-family: Meiryo;
}
.sfv5-f11-pv{
margin-top: 18px;
margin-bottom: 60px;
color: #666;
}
.sfv5-f11-pv h4{
margin: 0px;
font-size: 13px;
font-family: Meiryo;
line-height: 16px;
}
.f11-sfv5-bt{
margin-top: 13px;
float: right;
margin-bottom: 100px;
}
.f24 .f11-sfv5-bt a:link{
color: #999999;
float: right;
margin-top: 7px;
font-size: 13px;
}
.sfv2-f11 .f11-sfv5-h1{
margin-top: 18px;
margin-bottom: 18px;
}
.sfv2-f11 .box .sfv5-f11-box1{
padding-top: 0px;
}
.sfv5-f11-box1{
color: #666;
}
.sfv5-f11-ctn .sfv5-f11-cl{
margin-bottom: 0px;
}
#main .f11-sfv5-tt{
font-size: 17px;
color: #666;
display: inline-block;
height: 32px;
line-height: 34px;
padding-top: 0px;
}
.f11-sfv5-ctn{
margin-top: 6px;
}
#main .f11-sfv5-m{
min-width: 0px;
}
#main .f11-sfv5-m .f11-sfv5-pdt{
padding-bottom: 0px !important;
}
.border1{
border-left: 3px solid #66999a;
height: 12px;
}
.sfv5-f11-pv .row{
margin-left: 0px;
margin-right: 0px;
}
.sfv5-f11-pv .rp1{
padding-left: 0px;
padding-right: 7px;
}
.sfv5-f11-pv .rp2{
padding-left: 7px;
padding-right: 0px;
}
@media (max-width:991px){
.rp2{
margin-top: 20px;
margin-bottom: -20px;
}
.sfv2-f11 .f11-sfv5-p-c1 .f11-sfv5-p-c12{
border-left: 0px ;
padding-left: 0px;
}
.box .box-1 .f11-sfv5-h32{
font-size: 15px;
padding-right: 8px;
padding-left: 8px;
}
.sfv5-f11-bd{
padding-left: 10px;
padding-right: 10px;
}
#main .sfv5-f11-box12{
height: 22px;
margin-top: 6px;
line-height: 25px
}
#main .f11-sfv5-tt{
height: 22px;
margin-top: 6px;
line-height: 25px;
}
}
/* End F11-sfv3 */
/* Start F11-sfv3 */
.wcont{
width: 696px;
height: auto;
background-color: #fde3e3;
text-align: center;
font-family: Meiryo;
}
.wcont .fvh3{
font-size: 15px;
}
.sfv5-f20-mnn .wcont{
text-align: center;
margin:auto;
}
.bt1{
float: left;
margin-left: 34px;
margin-top: 20px;
font-size: 13px;
font-family: Meiryo;
margin-bottom:20px;
color: #666;
}
.wcont .fvh3 h3{
font-size: 15px;
}
.bt1 .radio-check{
position: absolute;
margin-top: -2px;
margin-left: -26px;
}
@media (max-width:710px){
.wcont{
width: 100%;
}
.wcont .fvh3{
font-size: 15px;
}
.sfv5-f20-mnn .wcont{
text-align:center;
margin:auto;
}
.sfv5-f20-mnn .wcont .bt1{
text-align: left;
}
.bt1{
width: 100%;
float: left;
margin-left: 10px;
margin-top: 10px;
font-size: 13px;
font-family: Meiryo;
margin-bottom:20px;
color: #666;
}
.wcont .fvh3 h3{
font-size: 15px;
}
}
/* End F11-sfv3 */
/* Start D8-sfv5 */
#main .kuhaku .sfv5-d8-main .sfv5-d8-pd{
margin-top: 0px !important;
}
#main .kuhaku.d17{min-width: 0px}
.sfv5-d8-main h1{
padding-left: 10px;
}
#main .sfv5-d8-main .sfv5-d8-im{
width: auto;
height: auto;
text-align: center;
margin: auto;
padding-top: 8px;
padding-bottom: 20px;
}
#main .sfv5-d8-main p{
margin-bottom:
}
.sfv5-d8-l-a{
width: auto;
height: auto;
text-align: center;
margin: auto;
}
.sfv5-d8-l-a a{
}
.sfv5-d8-main .sfv5-d8-l-p{
color: #333333;
font-family: meiryo;
font-size: 18px;
line-height: 16px;
}
.sfv5-d8-l-btn{
padding-bottom: 41px;
padding-top: 15px;
}
.sfv5-d8-l-btn .sfv5-btn-i{
font-family: meiryo;
font-size: 18px;
color: #000;
height: 50px;
}
.sfv5-d8-main-m1{
text-align: center;
width: auto;
height: auto;
margin: auto;
padding-top: 3px;
}
@media (max-width:910px){
#main .sfv5-d8-main .sfv5-d8-im{width: auto;height: auto;text-align: center;margin-right: 10px;margin-left: 10px;
padding-top: 8px;padding-bottom: 20px;}
.sfv5-d8-l-a{width: auto;height: auto;text-align: left;margin-left: 10px;margin-right: 10px;}
.sfv5-d8-l-a a{ }
.sfv5-d8-main .sfv5-d8-l-p{color: #333333;font-family: meiryo;font-size: 18px;line-height: 24px;margin: 1px;}
.sfv5-d8-l-btn{padding-bottom: 25px;padding-top: 20px;text-align: center;}
#main .sfv5-d8-main .sfv5-d8-image1{
width: auto;
height: 176%;
}
}
/* End D8-sfv5 */
/* Start D45-sfv5 */
.sfv5-d45-main .col1{
text-align:left;
}
.sfv5-d45-main h4{
font-size: 20px;
font-family: Meiryo;
color: #333333;
margin-top: -5px;
margin-left: -14px;
}
#popup-4 .sfv5-d45-main .sfv5-d45-btn-bottom{
width: 260px;
color: #000000;
}
#popup-4 .sfv5-d45-fmb{
margin-top: -30px;
}
#popup-4 .sfv5-d45-fmt{
margin-bottom: 0px;
}
#popup-4 .col3{
text-align: center;
margin-top: 30px;
margin-bottom: 20px;
}
.sfv5-d45-main .dfv5-dp-il{
width: auto;
display: inline;
padding-top: 10px;
font-family: Meiryo;
color: #333333;
font-size: 15px;
}
.sfv5-d45-main .col2-1{
width: 20%;
float: left;
padding-left: 10px;
}
.sfv5-d45-main .col2-2{
width: 80%;
float: left;
}
.sfv5-d45-main .cls1{
border-bottom: 1px solid #999;
clear: left;
padding-top: 10px;
}
.sfv5-d45-main .cls2{
border-bottom: 1px solid #999;
clear: left;
padding-top: 10px;
}
@media (max-width:490px){
#popup-4 .sfv5-d45-main{
margin-top: -15px;
margin-right: -10px;
}
#popup-4 .sfv5-d45-x{
margin-top: -10px;
margin-right: -3px;
}
.sfv5-d45-main .col2-1{
width: 100%;
float: left;
padding-left: 5px;
padding-top: 10px;
}
.sfv5-d45-main .col2-2{
width: 100%;
float: left;
padding-left: 5px;
padding-top: 0px;
}
#popup-4 .sfv5-d45-main .sfv5-d45-btn-bottom{
margin-left: -10px;
}
#popup-4 .col3{
text-align: center;
margin-top: 28px;
margin-bottom: 10px;
}
.sfv5-d45-main h4 {
font-size: 20px;
font-family: Meiryo;
color: #333333;
margin-top: 12px;
margin-left: 0px;
text-align: center;
}
.sfv5-d45-main .cls1{
border-bottom: 1px solid #999;
clear: left;
padding-top: 10px;
margin: 0 -5px;
}
.sfv5-d45-main .cls2{
border-bottom: 1px solid #999;
clear: left;
padding-top: 10px;
margin: 0 -5px;
}
#popup-4 .sfv5-d45-hide-show{
border-bottom: 1px solid #CCC;
padding: 9px;
margin-left: -30px;
margin-right: -20px;
}
#popup-4 .sfv5-d45-fmt {
}
#popup-4 .modal-header .sfv5-d45-btn-x {
margin-top: -28px;
margin-right: -10px;
}
}
/* End D45-sfv5 */
/* Start C11-sfv5 */
#popup-5-2 #popup-c46-2 .modal-header.sfv5-d45-fmt.sfv5-c11-m{
padding: 0px;
}
#popup-5-2 .sfv5-d45-fmt {
padding-bottom: 10px;
}
.sfv5-d45-maint2 .sfv5-h4{
font-size: 20px;
color: #333333;
font-family: Meiryo;
margin-left: -10px;
margin-top: -5px;
}
.sfv5-d45-maint2 .sfv5-form1{
padding-top: 25px;
}
.sfv5-d45-maint2 .sfv5-bg1{
height: 85px;
background-color: #ffffcc;
}
.sfv5-d45-maint2 .sfv5-bg2{
height: 40px;
background-color: #fefab6;
}
.sfv5-d45-maint2 .sfv5-bg3{
text-align: right;
padding-top: 3px;
padding-bottom: 8px;
}
.sfv5-d45-maint2 .sfv5-lb1{
width: 40%;
float: left;
margin-top: 10px;
text-align: right;
padding-right: 10px;
}
.sfv5-d45-maint2 .sfv5-lb2{
width: 60%;
float: left;
display: inline;
margin-top: 10px;
}
.sfv5-d45-maint2 .sfv5-wtext{
width: 170px;
float: left;
margin-top: -3px;
}
.sfv5-d45-maint2 .sfv5-input{
width: 165px;
height: 28px;
}
#popup-5-2 .sfv5-d45-maint2 .sfv5-label1{
font-size: 18px;
color: #666666;
font-family: Meiryo;
font-weight: normal;
}
#popup-5-2 .sfv5-d45-maint2 .sfv5-label2{
font-size: 18px;
color: #666666;
font-family: Meiryo;
font-weight: normal;
padding-left: 5px;
}
#popup-5-2 .sfv5-bg2 .sfv5-p1{
padding-top: 10px;
font-family: Meiryo;
text-align: center;
font-size: 15px;
color: #666666;
}
#popup-5-2 .sfv5-bg3 .sfv5-p2{
font-family: Meiryo;
font-size: 10px;
color: #CCCCCC;
}
.sfv5-d45-maint2 .sfv5-conmain-c2{
text-align: center;
border-top: 1px solid #999999;
padding-top: 14px;
border-bottom: 1px solid #999999;
padding-bottom: 12px;
}
.sfv5-d45-maint2 .sfv5-conmain-c2 .sfv5-p3{
font-family: Meiryo;
font-size: 12px;
color: #999999;
}
.sfv5-d45-maint2 .sfv5-conmain-c3{
text-align: center;
padding-top: 20px;
padding-bottom: 15px;
}
#popup-5-2 .sfv5-d45-maint2 .sfv5-conmain-c3 .sfv5-c11-btn1{
color: #000000;
font-size: 18px;
font-family: Meiryo;
font-weight: normal;
width: 260px;
height: 50px;
}
@media (max-width:490px){
#popup-5-2 .sfv5-c11-m{
margin-bottom: -27px;
}
#popup-5-2 .sfv5-c11-m2{
margin-top: -20px;
margin: -5px;
padding-top: 25px;
}
.sfv5-d45-maint2 .sfv5-lb1{
width: 100%;
text-align: left;
margin-top: -10px;
margin-bottom: -5px;
}
#popup-5-2 .sfv5-d45-maint2 .sfv5-label1 {
font-size: 15px;
color: #666666;
font-family: Meiryo;
font-weight: normal;
margin-left: 15px;
line-height: 15px;
}
.sfv5-d45-maint2 .sfv5-lb2 {
width: 98%;
float: left;
display: inline;
margin-top: 24px;
padding-left: 15px;
}
.sfv5-d45-maint2 .sfv5-wtext {
width: 201px;
float: left;
margin-top: -10px;
}
#popup-5-2 .sfv5-d45-maint2 .sfv5-label2 {
font-size: 15px;
color: #666666;
font-family: Meiryo;
font-weight: normal;
padding-left: 5px;
}
.sfv5-d45-maint2 .sfv5-input {
width: 100%;
height: 28px;
}
#popup-5-2 .sfv5-bg2 .sfv5-p1 {
padding-top: 15px;
font-family: Meiryo;
text-align: center;
font-size: 12px;
color: #666666;
}
#popup-5-2 .sfv5-bg3 .sfv5-p2 {
font-family: Meiryo;
font-size: 11px;
color: #CCCCCC;
}
.sfv5-d45-maint2 .sfv5-bg3 {
text-align: center;
padding-top: 5px;
}
.sfv5-d45-maint2 .sfv5-conmain-c2 .sfv5-p3 {
font-family: Meiryo;
font-size: 12px;
color: #999999;
text-align: left;
padding-left: 10px;
padding-right: 10px;
line-height: 22px;
margin-bottom: 2px;
}
.sfv5-d45-maint2 h4{
font-size: 20px;
font-family: Meiryo;
color: #333333;
margin-top: 12px;
margin-left: 0px;
text-align: center;
}
#popup-5-2 .sfv5-d45-maint2 .sfv5-conmain-c3 .sfv5-c11-btn1 {
color: #000000;
font-size: 18px;
font-family: Meiryo;
font-weight: normal;
width: 230px;
height: 50px;
}
#popup-5-2 .sfv5-c11-hide-show {
border-bottom: 1px solid #CCC;
padding: 10px;
margin-bottom: 15px;
margin-left: -15px;
margin-right: -15px;
}
#popup-5-2 .sfv5-c11-m .sfv5-XC11 {
margin-top: -30px;
margin-right: -10px;
}
/*
#popup-5-2 .modal-header .close.sfv5-XC11{
margin-top: -18px;
margin-right: -5px;
}
*/
}
/* End C11-sfv5 */
/* Start C8-sfv5 */
#popup-c46-1 .sfv5-c8-button1{
padding-right: 0px;
}
#popup-c46-1 .sfv5-c8-h h2{
text-align: left;
margin-top: -20px;
margin-left: -25px;
font-size: 18px;
color: #333;
font-family: Meiryo;
margin-bottom: 20px;
}
#popup-c46-1 .sfv5-c8-tt .sfv5-c8-txtarea{
width: 440px;
height: 340px;
margin-left: 5px;
}
#popup-c46-1 .sfv5-c8-bottom{
text-align: center;
border-top: 0px;
padding: 20px 0 15px 0;
}
#popup-c46-1 .sfv5-c8-bottom .sfv5-c8-btn-button2{
padding-top: 4px;
padding-bottom: 30px;
}
#popup-c46-1 .sfv5-c8-bty{
font-size: 18px;
font-family: Meiryo;
}
#popup-c46-1 .sfv5-c8-bottom .sfv5-c8-a a{
color: #999;
font-family: meiryo;
font-size: 18px;
text-decoration: underline;
}
#popup-c46-1 .sfv5-c8-tt-top{
padding-top: 0px;
border: 0px;
}
@media (max-width:768px){
#popup-c46-1 .sfv5-c8-bty {
font-size: 18px;
font-family: Meiryo;
width: 235px;
}
#popup-c46-1 .sfv5-c8-minw1{
min-width: 0px;
padding: 0px;
}
#popup-c46-1 .sfv5-c8-tt .sfv5-c8-txtarea{
width: 255px;
height: 290px;
margin-left: 13px;
margin-right: 0px;
}
#popup-c46-1 .sfv5-c8-min{
padding: 0px;
}
#popup-c46-1 .sfv5-c8-mainb{
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
}
#popup-c46-1 .sfv5-c8-tt{
padding-right: 0px;
padding-left: 0px;
}
#popup-c46-1 .sfv5-c8-bottom{
text-align: center;
border-top: 0px;
padding-bottom: 10px;
padding: 20px 0 30px 0;
width: auto;
margin-left: 20px;
}
#popup-c46-1 .sfv5-c8-h h2 {
font-size: 20px;
color: #333;
font-family: Meiryo;
margin-bottom: 18px;
text-align: center;
margin-top: 13px;
}
#popup-c46-1 .sfv5-c11-hide-show{
border-bottom: 1px solid #CCC;
margin-top: -6px;
}
#popup-c46-1 .sfv5-c8-bottom .sfv5-c8-a a {
display: none;
}
#popup-c46-1 .sfv5-c8-bottom .sfv5-c8-btn-button2 {
padding-top: 0px;
padding-bottom: 0px;
}
#popup-c46-1 .sfv5-c8-button1 {
padding-right: 0px;
margin-top: -2px;
}
}
/* End C8-sfv5 */
/* start sfv5 join sfv2*/
/*
#address_pref_0 {
border: 1px solid #b1b1b1;
border-radius: 0;
height: 30px;
margin-bottom: 1px;
background-color: #fff;
background-image: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
display: block;
font-size: 14px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.address_pref_edit {
border: 1px solid #b1b1b1;
border-radius: 0;
height: 30px;
margin-bottom: 1px;
background-color: #fff;
background-image: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
display: block;
font-size: 14px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
*/
/* end sfv5 join sfv2*/
/* Start A4-sfv5 */
.sfv5-a4-bg{
background-color: #666666;
margin: auto;
text-align: center;
padding-top: 10px;
}
.sfv5-a4-box1{
width: auto;
}
.sfv5-a4-main .sfv5-a4-mp1{
width: 49%;
display: inline-block;
text-align: right;
}
.sfv5-a4-main .sfv5-a4-mp2{
width: 49%;
display: inline-block;
text-align: left;
}
#pageAB .sfv5-a4-mp1 .sfv5-a4-img{
padding-right: 75px;
}
#pageAB .sfv5-a4-mp2 .sfv5-a4-img{
padding-left: 75px;
}
#pageAB .sfv5-a4-mp1 .sfv5-a4-title{
padding-right: 75px;
}
#pageAB .sfv5-a4-mp2 .sfv5-a4-title{
padding-left: 75px;
}
#pageAB .sfv5-a4-title{
font-size: 30px;
color: #ffffff;
padding-top: 9px;
}
#pageAB .sfv5-a4-p1{
width: 220px;
text-align: center;
float: right;
margin-bottom: 10px;
font-size: 18px;
}
#pageAB .sfv5-a4-p2{
width: 220px;
text-align: center;
float: left;
font-size: 18px;
margin-bottom: 10px;
}
#pageAB .sfv5-a4-btn1{
width: 305px;
height: 37px;
}
#pageAB .sfv5-a4-btn2{
width: 418px;
font-size: 18px;
font-family: Meiryo;
color: #000;
}
#pageAB .sfv5-conmain-a4{
text-align: center;
padding-top: 10px;
padding-bottom: 20px;
}
#pageAB .sfv5-a4-butt{
padding-top: 38px;
padding-bottom: 56px;
}
#pageAB .sfv5-a4-boxwe{
}
#pageAB .sfv5-a4-boxhk{
display: inline-block;
text-align: center;
clear: both;
margin-left: 4.5%;
margin-right: 4.5%;
width: 91%;
}
#pageAB .sfv5-a4-col1{
float: left;
width: 200px;
}
#pageAB .sfv5-a4-ttl{
margin-left: 10px;
margin-top: 15px;
position: absolute;
width: 138px;
color: #3399ff;
font-size: 18px;
font-family: Meiryo;
width: 174px;
height: 114px;
border: solid 1px #3399ff;
}
#pageAB .sfv5-a4-col1 img{
width: 70%;
}
#pageAB .sfv5-a4-col1 p{
padding: 12px;
text-align: left;
}
#pageAB .sfv5-a4-textal{
padding-bottom: 15px;
}
#pageAB .sfv5-a4-textal a{
color: #333 !important;
font-size: 14px;
font-family: Meiryo;
}
#pageAB .sfv5-a4-mnh h1{
margin: 0px;
margin-top: -5px;
padding-bottom: 5px;
font-size: 20px;
color: #000;
}
#pageAB .sfv5-a4-mnh-hs{
display: none;
}
@media (max-width:1125px){
#pageAB .sfv5-a4-boxhk {
display: inline-block;
text-align: center;
margin-left: 10px;
margin-right: 10px;
width: auto;
}
#pageAB .sfv5-a4-col1 {
float: none;
width: 200px;
display: inline-block;
}
}
@media (max-width:910px){
#pageAB .sfv5-a4-col1 {
float: left;
width: 200px;
}
#pageAB .sfv5-a4-ttl {
width: 190px
}
#pageAB .sfv5-a4-boxhk {
display: inline-block;
text-align: center;
margin-left: 10px;
margin-right: 10px;
width: auto;
}
#pageAB .sfv5-a4-col1 {
float: none;
width: 200px;
display: inline-block;
}
#pageAB .box.a5text.sfv5-a4-textal {
margin-left: 2px;
margin-right: 0px;
padding-right: 5px;
text-align: center;
}
}
@media (max-width:640px){
#pageAB .sfv5-a4-boxwe {
text-align: center;
}
#pageAB .sfv5-a4-mp1{width: 100%;float: left;text-align: center;padding: 0px;}
#pageAB .sfv5-a4-mp2{width: 100%;float: left;text-align: center;}
#pageAB .sfv5-a4-butt{width: 100%;float: left;text-align: center;padding-top: 20px;padding-bottom: 30px;}
#pageAB .sfv5-a4-mp1 .sfv5-a4-title {
padding-right: 0px;
font-size: 18px;
text-align: center;
width: auto;
}
#pageAB .sfv5-a4-mp2 .sfv5-a4-title {
text-align: center;
font-size: 18px;
width: auto;
padding-left: 0px;
}
#pageAB .sfv5-a4-p1 {
width: 290px;
text-align: center;
float: left;
}
#pageAB .sfv5-a4-p2 {
width: 290px;
text-align: center;
float: left;
}
#pageAB .sfv5-a4-mp1 .sfv5-a4-img {
padding: 5px;
}
#pageAB .sfv5-a4-mp2 .sfv5-a4-img {
padding: 5px;
}
#pageAB .sfv5-a4-btn1 {
width: 90%;
}
#pageAB .sfv5-a4-btn2 {
width: 290px;
}
#pageAB .sfv5-conmain-a4 {
text-align: center;
padding: 0px;
padding-bottom: 10px;
}
#pageAB .sfv5-a4-col1 {
float: left;
width: 100%;
margin-top: -5px;
}
#pageAB .sfv5-a4-col1 img {
width: 130px;
margin-top: -22px;
}
#pageAB .sfv5-a4-boxwe .sfv5-a4-boxhk {
text-align: center;
width: 290px;
}
#pageAB .sfv5-a4-ttl{
width: 290px;
height: 88px;
margin: 0px;
}
#pageAB .sfv5-a4-topsa .box.a5title.sfv5-a4-mnh {
clear: both;
display: inline-block;
margin-left: 0px;
margin-right: 0px;
}
#pageAB .box {
clear: both;
display: inline-block;
margin-left:10px;
margin-right: 10px;
}
#pageAB .sfv5-a4-mnh-hs h2{
display: block;
font-size: 20px;
display: block;
line-height: 3.5;
}
#pageAB .sfv5-a4-mnh h1{
display: none;
}
#pageAB .box.sfv5-a4-mnh{
display: none;
}
#pageAB .sfv5-a4-mnh-hs {
display: block;
padding-left: 10px;
}
#pageAB .box.a5text.sfv5-a4-textal{
margin-left: 8px;
margin-right: 0px;
padding-right: 0px;
text-align: center;
}
#pageAB .sfv5-a4-textal a{
font-size: 11px;
}
#pageAB .container.a2b1.sfv5-a4-topsa{
/* margin-top: 68px;*/
padding-left: 0px !important;
padding-right: 0px !important;
}
#pageAB .sfv5-a4-boxhk {
text-align: center;
margin-left: 6px;
margin-right: 5px;
}
}
/* End A4-block-p5 */
/*==============================================================================================*/
/*=======================================End BLOCK P5===================================================*/
/*==============================================================================================*/
/*==============================================================================================*/
/*=======================================BLOCK P6===================================================*/
/*==============================================================================================*/
/*D5*/
.sfv6-D5 {
max-width: 1000px;
margin: auto;
min-width: 300px;
/*margin-top: 50px;*/
}
#main .kuhaku#d13 .sfv6-D5 .sfv4-menu-container {
padding-left: 0px!important;
padding-right: 0px!important;
}
.sfv6-D5 .sfv6-D5-h1 h1 {
color: #000;
font-size: 20px;
margin-bottom: -20px;
}
.sfv6-D5 .sfv6-bg-yellow-header {
background: none repeat scroll 0 0 #fbef8b;
color: #000000;
display: inline-block;
font-size: 15px;
padding: 5px 10px;
text-align: left;
width: 100%;
}
.sfv6-D5 form {
text-align: center;
margin-top: 15px;
}
.sfv6-D5 .sfv6-form {
margin: auto;
display: table;
}
.sfv6-D5 .sfv6-form .sfv6-form-row {
display: table-row;
}
.sfv6-D5 .sfv6-form .sfv6-form-row > div {
text-align: left;
display: table-cell;
}
.sfv6-D5 .sfv6-form .sfv6-form-row .form-label{
width: 150px;
padding-top: 2px;
}
.sfv6-D5 .sfv6-form .sfv6-form-row .form-label div:first-child{
background: none repeat scroll 0 0 #cc0000;
color: #ffffff;
display: inline-block;
font-size: 11px;
margin-top: 3px;
padding: 3px;
text-align: center;
width: 45px;
}
.sfv6-D5 .sfv6-form .sfv6-form-row .form-label.none div:first-child{
background: none;
}
.sfv6-D5 .sfv6-form .sfv6-form-row .form-label div:last-child{
display: inline-block;
font-size: 13px;
padding: 5px;
color: #666;
}
.sfv6-D5 .sfv6-form .sfv6-form-row .form-input{
width: 385px ;
}
.sfv6-D5 .sfv6-form .sfv6-form-row .form-input input{
width: 100%;
height: 30px;
margin-bottom: 5px;
font-family: Meiryo;
}
.sfv6-D5 .sfv6-form .sfv6-form-row .form-input input {
font-family: inherit !important;
font-size: 14px;
height: 30px;
margin-bottom: 5px;
padding: 0 10px;
width: 100%;
}
.sfv6-D5 .sfv6-form .sfv6-form-row .form-input.form-input-browser input{
width: 205px;
margin-right: 3px;
}
.sfv6-D5 .sfv6-form .sfv6-form-row .form-input .btn-browser {
background: none repeat scroll 0 0 #6699ff;
border: none;
border-radius: 0;
color: #fff;
height: 30px;
font-size: 13px;
padding: 2px 10px;
font-family: Meiryo;
font-weight: normal;
}
.sfv6-D5 .sfv6-form .sfv6-form-row .form-input span {
color: #d3d3d3;
font-size: 13px;
}
.sfv6-D5 .sfv6-form .sfv6-form-row .form-input span.span2 {
color: #666;
}
.sfv6-D5 .sfv6-form .sfv6-space {
display: inline-block;
padding: 5px 0;
width: 100%;
}
.sfv6-D5 .sfv6-form-2 {
margin-top: 20px;
}
.sfv6-D5 .sfv6-form-2 div:first-child{
float: right;
}
.sfv6-D5 .sfv6-form-2 div:first-child button{
background-color: #ffcc00;
border: medium none;
border-radius: 12px;
color: #000;
font-size: 18px;
font-weight: normal;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 260px;
font-family: inherit;
}
.sfv6-D5 .sfv6-form-2 div:last-child{
float: left;
}
.sfv6-D5 .sfv6-form-2 div:last-child button{
background-color: #efefef;
border: medium none;
border-radius: 12px;
color: #b5b5b5;
font-size: 18px;
font-weight: normal;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 100px;
font-family: inherit;
}
.sfv6-D5 .sfv6-form-3 {
text-align: right;
display: inline-block;
width: 100%;
margin-top: 20px;
font-size: 13px;
color: #666;
}
.sfv6-D5 .sfv6-D5-content{
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
display: inline-block;
margin-bottom: 25px;
margin-top: 15px;
padding-bottom: 35px;
padding-top: 35px;
width: 100%;
}
.sfv6-D5 .sfv6-D5-content .sfv6-right{
float: right;
width: 575px;
}
.sfv6-D5 .sfv6-D5-content .sfv6-left{
float: right;
width: 425px;
padding-right: 35px;
text-align: left;
}
.sfv6-D5 .sfv6-D5-content .sfv6-left span{
font-size: 15px;
color: #000000;
}
.sfv6-D5 .sfv6-D5-content .sfv6-right .content-grayout {
padding: 12px 10px;
background: #e6e6e6;
margin-bottom: 5px;
color: #666666;
font-size: 11px;
text-align: left;
}
.sfv6-D5 .sfv6-D5-content .sfv6-right .content-grayout p{
margin: 0px;
}
.sfv6-D5 .sfv6-D5-content .sfv6-right .sfv6-form .sfv6-form-row .form-label{
width: 195px;
padding-top: 2px;
}
.sfv6-D5 .sfv6-D5-content .sfv6-right .sfv6-form .sfv6-form-row .form-input select
{
color: #666666;
font-family: "Meiryo";
font-size: 13px;
height: 30px;
margin-right: 10px;
padding: 4px 5px;
width: 70px;
}
.sfv6-D5 .sfv6-form-row .checkbox .checkbox_from {
float: left;
margin-left: -19px;
}
.sfv6-D5 .sfv6-form-row .regular-checkbox + label {
padding: 7px;
}
.sfv6-D5 .sfv6-form-row .regular-checkbox:checked + label:after {
left: 1px;
top: -2px;
font-size: 14px;
}
.sfv6-D5 .sfv6-form-row .lablel_checkbox label{
font-size: 12px;
color: #666666;
}
.sfv6-D5 .content-note {
border-top: 1px solid #999;
margin-top: 17px;
padding-top: 30px;
font-size: 13px;
color: #666;
margin-bottom: 40px;
}
.sfv6-D5 .content-note p{
margin-bottom: 5px;
}
.sfv6-D5 .content-note p.space-top {
margin-top: 20px;
}
.sfv6-D5 .sfv6-form .sfv6-space-2 {
display: inline-block;
padding: 17px 0;
width: 100%;
}
.sfv6-D5 .sfv6-D5-content .sfv6-right form {
margin-top: 0px;
}
/*LEFT*/
.sfv6-D5 .sfv6-left .content-text
{
padding-bottom: 10px;
}
.sfv6-D5 .sfv6-left .image-bank{
padding: 10px 0;
width: 390px;
}
.sfv6-D5 .sfv6-left .content-text p{
color:#666666;
font-size: 12px;
margin-bottom: 7px;
}
.sfv6-D5 .sfv6-left .image-id-bank{
display: inline-block;
}
.sfv6-D5 .sfv6-left .image-id-bank .id-1{
width: 150px;
float: left;
}
.sfv6-D5 .sfv6-left .image-id-bank .id-2{
float: left;
padding-left: 10px;
padding-right: 5px;
width: 240px;
}
.sfv6-D5 .sfv6-left .image-id-bank .id-2 span{
font-size: 12px;
color: #666666;
}
.sfv6-D5 .sfv6-d5-button {
display: inline-block;
width: 100%;
}
.sfv6-D5 .sfv6-d5-button > div {
float: right;
}
.sfv6-D5 .sfv6-d5-button > div:first-child {
text-align: right;
width: 60%;
}
.sfv6-D5 .sfv6-d5-button > div:last-child {
text-align: left;
width: 40%;
}
.sfv6-D5 .sfv6-d5-button .btns-black{
background-color: #efefef;
border: medium none;
border-radius: 12px;
color: #b5b5b5;
font-family: inherit;
font-size: 18px;
font-weight: normal;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 100px;
}
.sfv6-D5 .sfv6-d5-button .btns-yellow{
background-color: #ffcc00;
border: medium none;
border-radius: 12px;
color: #000;
font-family: inherit;
font-size: 18px;
font-weight: normal;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 260px;
}
.sfv6-D5 .sfv6-d5-footer-text {
color: #666;
display: inline-block;
font-size: 13px;
margin-bottom: 50px;
margin-top: 10px;
text-align: right;
width: 100%;
}
@media screen and (max-width: 1030px){
.sfv6-D5 {
padding-left: 10px;
padding-right: 10px;
}
.sfv6-D5 .sfv6-D5-content .sfv6-right {
width: 575px;
margin: auto;
float: none;
}
.sfv6-D5 .sfv6-D5-content {
text-align: center;
width: 100%;
}
.sfv6-D5 .sfv6-D5-content .sfv6-left {
display: inline-block;
float: none;
margin: auto;
padding: 0px;
margin-top: 15px;
text-align: left;
width: 575px;
}
.sfv6-D5 .sfv6-D5-content {
padding-top: 0px;
margin-top: 0px;
border-top: none;
}
.sfv6-D5 .sfv6-form .sfv6-form-row .form-label {
width: 195px;
}
.sfv6-D5 .sfv6-D5-content .sfv6-right form {
margin-top: 0px;
}
.sfv6-D5 .sfv6-form .sfv6-space-2 {
padding: 8px 0;
}
}
@media screen and (max-width: 768px){
.sfv6-D5 {
margin-top: 0px!important;
}
.sfv6-D5 .sfv6-form, .sfv6-D5 .sfv6-form2, .sfv6-D5 .sfv6-form2 .terms {
width: 450px;
}
.sfv6-D5 .sfv6-form .sfv6-space {
padding: 3px 0;
}
.sfv6-D5 .sfv6-form .sfv6-space-2 {
padding: 5px 0;
}
.sfv6-D5 .sfv6-form .sfv6-form-row > div {
text-align: left;
display: inline-block;
width: 100%!important;
}
.sfv6-D5 .sfv6-form .sfv6-form-row .form-label.label-none {
display: none;
}
.sfv6-D5 .sfv6-form .sfv6-form-row .form-label.none div:first-child{
display: none;
width: 0px;
}
.sfv6-D5 .sfv6-form .sfv6-form-row .form-label.none div:last-child{
padding-left: 0px;
}
.sfv6-D5 .sfv6-form .sfv6-form-row .form-input span.span2 {
padding-left: 10px;
}
.sfv6-D5 .sfv6-form2 .form-radio .radio-inline{
margin-left: 12px;
}
.sfv6-D5 .sfv6-form2 .form-radio .radio-inline {
min-width: 125px;
}
.sfv6-D5 .sfv6-D5-content .sfv6-right .form-label-none {
display: none;
height: 0px;
}
}
@media screen and (max-width: 600px){
.sfv6-D5 {
/* margin-top: 50px;*/
}
.sfv6-D5 .sfv6-form, .sfv6-D5 .sfv6-form2, .sfv6-D5 .sfv6-form2 .terms,
.sfv6-D5 .sfv6-D5-content .sfv6-right,.sfv6-D5 .sfv6-D5-content .sfv6-left{
width: 100%!important;
}
.sfv6-D5 .sfv6-form2 .terms{
margin-bottom: -30px;
}
.sfv6-D5 .sfv6-form2 .form-radio label {
font-size: 12px;
}
.sfv6-D5 .sfv6-form2 .form-radio .radio-inline{
margin-left: 5px;
}
.sfv6-D5 .sfv6-form2 .form-textarea p{
text-align: left;
}
.sfv6-D5 .sfv6-form2 .form-textarea button {
width: 100%;
}
.sfv6-D5 .sfv6-d5-button > div {
float: none!important;
width: 100%!important;
text-align: center!important;
}
.sfv6-D5 .sfv6-d5-button .btns-black{
width: 260px;
margin-top: 20px;
}
.sfv6-D5 .sfv6-d5-footer-text {
text-align: left;
margin-bottom: 30px;
}
}
@media screen and (max-width: 480px){
.sfv6-D5 .sfv6-left .image-bank {
width: 284px;
padding-top: 8px;
padding-bottom: 25px;
}
.sfv6-D5 .sfv6-left .image-id-bank .id-1 {
width: 100%;
}
.sfv6-D5 .sfv6-left .content-text {
padding-bottom: 0;
}
.sfv6-D5 .sfv6-left .image-id-bank .id-2 {
margin-top: 10px;
padding-left: 0;
width: 100%;
}
}
/*start b13*/
/*b13*/
.sfv6-b13{
padding-left: 10px;
padding-right: 10px;
max-width: 1000px;
margin: 0px auto auto;
}
.sfv6-b13 .sfv6-b13-h1 h1 {
color: #000;
font-size: 20px;
}
.sfv6-b13 .sfv6-bg-yellow-header {
background: none repeat scroll 0 0 #fbef8b;
color: #000000;
display: inline-block;
font-size: 15px;
padding: 5px 10px;
text-align: left;
width: 100%;
}
.sfv6-b13-title{
padding-top: 10px;
font-size: 13px;
color: 666666;
padding-bottom: 25px;
}
.sfv6-label-input > div{
float:left;
}
.sfv6-b13 .sfv6-b13-form-label{
width: 200px;
padding-bottom: 5px;
}
.sfv6-b13 .sfv6-label-input .sfv6-b13-form-label div:first-child
{
background: none repeat scroll 0 0 #cc0000;
color: #ffffff;
display: inline-block;
font-size: 11px;
margin-top: 3px;
padding: 3px;
text-align: center;
width: 50px;
}
.sfv6-b13 .sfv6-label-input .sfv6-b13-form-label div:last-child
{
display: inline-block;
font-size: 13px;
padding: 5px;
color: #666;
}
.sfv6-b13 .sfv6-form-input {
width: 155px;
}
.sfv6-b13 .sfv6-form-input select{
color: #333333;
font-family: "Meiryo";
font-size: 15px;
height: 30px;
margin-right: 10px;
padding: 4px 5px;
}
.sfv6-b13 .sfv6-form-input span{
color: #666666;
font-size: 15px;
margin-left:-8px;
padding-right: px;
}
.sfv6-label-input .sfv6-label-right{
width: 205px;
text-align: center;
}
.sfv6-label-input .sfv6-label-right button{
border-radius: 0;
color: #333333;
font-family: inherit;
font-size: 13px;
font-weight: normal;
height: 30px;
width: 100%;
}
.sfv6-b13 .sfv6-bg-blue {
background: none repeat scroll 0 0 #eaf9ff;
font-size: 16px;
color: #333333;
display: inline-block;
padding: 15px 20px;
text-align: left;
margin-top:13px;
height: auto;
width: 100%;
}
.sfv6-b13 .sfv6-bg-blue span{
font-weight: normal;
}
.sfv6-b13-button >div{
display: inline-block;
padding-top:10px;
float: right;
}
.sfv6-b13-button .sfv6-btn-back
{
width: 50%;
float: left;
}
.sfv6-b13-button .sfv6-btn-yellow
{
width: 50%;
float: right;
}
.sfv6-b13-button .sfv6-btn-back button.btns-black{
background-color: #efefef;
border: medium none;
border-radius: 12px;
color: #b5b5b5;
font-family: inherit;
font-size: 18px;
font-weight: normal;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 100px;
}
.sfv6-b13-button .sfv6-btn-yellow button.btns-yellows{
background-color: #ffcc00;
border: medium none;
border-radius: 12px;
color: #000;
font-family: inherit;
font-size: 18px;
font-weight: normal;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 260px;
float: right;
}
.sfv6-b13 .sfv6-label-right-title {
background-color: red;
height: 100px;
}
.sfv6-b13 .sfv6-text-title {
font-size: 13px;
color: #666666;
display: inline-block;
padding: 70px 10px;
text-align: left;
margin-top:10px;
height: auto;
width: 100%;
padding-bottom: 10px;
}
@media screen and (max-width: 768px){
.sfv6-b13 .sfv6-form-input {
padding-bottom: 20px;
}
.sfv6-label-input > div {
float: none;
}
.sfv6-label-input .sfv6-label-right {
margin: auto;
width: 205px;
}
}
@media screen and (max-width: 480px){
.sfv6-b13 .sfv6-b13-button >div {
width: 100%;
margin: auto;
padding-top: 10px;
text-align: center;
float: none;
}
.sfv6-b13 .sfv6-b13-button {
width: 290px;
margin: auto;
padding-top: 10px;
text-align: center;
float: none;
}
.sfv6-b13 .sfv6-b13-button button
{
width: 100%!important;
}
.sfv6-b13 .sfv6-form-input {
padding-bottom: 20px;
}
.sfv6-label-input > div {
float: none;
}
.sfv6-label-input .sfv6-label-right {
margin: auto;
width: 205px;
}
}
@media screen and (max-width: 320px){
.sfv6-b13{
width: 100%;
}
.sfv6-b13-title {
padding-bottom: 5px;
}
.sfv6-b13 .sfv6-b13-form-label{
width: 100%;
}
.sfv6-b13 .sfv6-form-input{
width: 100%;
padding-bottom: 20px;
}
.sfv6-label-input > div {
float: none;
}
.sfv6-label-input .sfv6-label-right{
margin: auto;
width: 205px;
margin-bottom: 5px;
}
.sfv6-b13 .sfv6-bg-blue {
background: none repeat scroll 0 0 #eaf9ff;
font-size: 16px;
color: #333333;
display: inline-block;
padding: 10px 10px;
text-align: left;
margin-top:10px;
height: auto;
width: 100%;
padding-bottom: 10px;
}
.sfv6-b13 .sfv6-b13-button .sfv6-btn-back{
width: 100%;
padding-top: 10px;
}
.sfv6-b13 .sfv6-b13-button .sfv6-btn-yellow {
width: 100%;
padding-top: 5x;
}
.sfv6-b13 .sfv6-b13-button button
{
width: 100%!important;
}
.sfv6-b13 .sfv6-text-title{
display: none;
}
.sfv6-b13 .sfv6-b13-button {
margin-bottom: 40px;
}
}
/*end b13*/
/*/*b20*/
@media screen and (max-width: 768px){
.sfv6-b20 .sfv6-title-1 .sfv6-label-right{
margin-top: 10px;
}
.sfv6-b20 .sfv6-bg-yellow-header .sfv6-label-rights{
width: 200px;
margin: auto;
float: right;
}
.sfv6-b20 .sfv6-bg-yellow-header2 .sfv6-label-rights{
width: 200px;
margin: auto;
float: right;
}
.sfv6-b20 .sfv6-bg-yellow-header .sfv6-title-left , .sfv6-b20 .sfv6-bg-yellow-header2 .sfv6-title-left{
width: 50%;
margin-top: 10px;
}
}
@media screen and (max-width: 480px){
.sfv6-b20 .sfv6-title-1 .sfv6-label-input .sfv6-label-right {
margin: auto;
width: 205px;
margin-top: 10px;
display: inline-block;
margin-top: 10px;
text-align: center;
float: none;
margin-top: 10px;
}
}
/**b20*/
@media screen and (max-width: 768px){
.sfv6-b20 .sfv6-title-1 .sfv6-label-right
{
margin-top: 10px;
}
.sfv6-b20 .sfv6-bg-yellow-header .sfv6-label-rights
{
float: right;
margin: auto;
width: 200px;
}
.sfv6-b20 .sfv6-bg-yellow-header2 .sfv6-label-rights
{
float: right;
margin: auto;
width: 200px;
}
.sfv6-b20 .sfv6-bg-yellow-header .sfv6-title-left , .sfv6-b20 .sfv6-bg-yellow-header2 .sfv6-title-left
{
margin-top: 10px;
width: 50%;
}
}
@media screen and (max-width: 480px){
.sfv6-b20 .sfv6-title-1 .sfv6-label-input .sfv6-label-right
{
display: inline-block;
float: none;
margin: auto;
margin-top: 10px;
text-align: center;
width: 205px;
}
}
.sfv6-b17{
margin: auto;
max-width: 1000px;
}
.sfv6-b17-main
{
display: inline-block;
padding: 10px 0px;
width: 100%;
}
.sfv6-b17 .sfv6-b17-h1 h1
{
color: #000;
font-family: "Meiryo";
font-size: 20px;
margin-bottom: -19px;
}
.sfv6-b17 .sfv6-b17-span
{
color: #666666;
display: inline-block;
font-size: 13px;
padding: 10px 0 30px;
width: 100%;
}
.sfv6-b17 .sfv6-b17-span_a {
padding-bottom: 0px!important;
}
.sfv6-b17 .sfv6-title-2 .sfv6-bg-yellow-header2_2
{
clear: both;
margin-top: 8px!important;
}
.sfv6-b17 .sfv6-bg-yellow-header2 .span
{
padding-top: 3px;
padding-bottom: 2px;
text-align: left;
}
.sfv6-b17 .sfv6-b17-h1 h1 {
color: #000;
font-family: "Meiryo";
font-size: 20px;
margin-bottom: -20px;
}
.sfv6-b17 .sfv6-bg-yellow-header2 > div
{
display: inline-block;
float: left;
width: 50%;
}
.sfv6-b17 .sfv6-bg-yellow-header2 button
{
background-color: #ffcc00;
border-radius: 0;
color: #333333;
float: right;
font-family: "Meiryo";
font-size: 13px;
font-weight: normal;
height: 30px;
width: 205px;
}
.sfv6-b17 .sfv6-content,.sfv6-b17 .sfv6-content .input
{
display: inline-block;
float: left;
padding-right: 10px;
}
.sfv6-b17 .sfv6-content .label-input .labels
{
display: inline-block;
float: left;
padding-bottom: 5px;
width: 178px;
}
.sfv6-b17 .sfv6-input1 > div
{
display: inline-block;
float: left;
width: 100%;
}
.sfv6-b17 .wrapper-input2-button, .sfv6-b17 .wrapper-input2-button > div, .sfv6-b17 .wrapper-input2-button .row2 > div
{
display: inline-block;
float: left;
}
.sfv6-b17 .wrapper-input2-button, .sfv6-b17 .wrapper-input2-button > div, .sfv6-b17 .wrapper-input2-button .row2 > div
{
display: inline-block;
float: left;
}
.sfv6-b17 .sfv6-input1 .wrapper-input1 .row1, .sfv6-b17 .sfv6-input1 .wrapper-input2 .row1, .wrapper-input2-button .row1
{
float: left;
width: 178px;
}
.sfv6-b17 .sfv6-input1 .wrapper-input1 .row2, .sfv6-b17 .wrapper-input2-button .row2
{
float: left;
width: 428px;
}
.sfv6-b17 .wrapper-input2-button, .sfv6-b17 .wrapper-input2-button > div, .sfv6-b17 .wrapper-input2-button .row2 > div
{
display: inline-block;
float: left;
}
.sfv6-b17 .sfv6-input1 .wrapper-input2 .row2 > div, .sfv6-b17 .wrapper-input2-button .row2 > div
{
display: inline-block;
float: left;
width: 50%;
}
.sfv6-b17 .sfv6-input1 .wrapper-input2 .row2 input, .sfv6-b17 .wrapper-input2-button .row2 input
{
width: 207px;
}
.sfv6-b17 .sfv6-input1 .wrapper-input1 .row2 input, .sfv6-b17 .sfv6-input1 .wrapper-input2 .row1 input, .sfv6-b17 .sfv6-input1 .wrapper-input2 .row2 input, .sfv6-b17 .wrapper-input2-button .row2 input
{
height: 30px;
width: 100%;
}
.sfv6-b17 .sfv6-input1 .wrapper-input2 .row2 input, .sfv6-b17 .wrapper-input2-button .row2 input
{
width: 207px;
}
.sfv6-b17 .wrapper-input2-button .row2 .input2-button button ,.sfv6-b17 .wrapper-input2 .row2 .input2-button button
{
background: none repeat scroll 0 0 #6699ff;
border-radius: 0;
color: #ffffff;
font-family: "Meiryo";
font-size: 13px;
font-weight: normal !important;
height: 30px;
width: 73px;
}
.sfv6-b20 .sfv6-title-2 .sfv6-bg-yellow-header2
{
background: none repeat scroll 0 0 #fbef8b;
color: #000000;
display: inline-block;
font-size: 15px;
margin-top: 32px;
padding: 4px 16px;
text-align: left;
width: 100%;
margin-top: 3px;
}
.sfv6-b20 .sfv6-title-2 .sfv6-bg-yellow-header2_a{
margin-top: 35px!important;
}
.sfv6-b17 .sfv6-b17-blue
{
background: #eaf9ff;
display: inline-block;
float: left;
padding-bottom: 10px;
width: 100%;
}
.sfv6-b17 .sfv6-b17-blue .span
{
display: inline-block;
float: left;
padding: 17px 0px 10px 20px;
width: 100%;
}
.sfv6-b17 .sfv6-b17-blue .span span
{
color: #333333;
font-size: 15px;
}
.sfv6-b17 .sfv6-b17-blue .label-input
{
display: inline-block;
float: left;
}
.sfv6-b17 .sfv6-b17-blue .labels
{
display: inline-block;
float: left;
padding: 3px 0px 10px 20px;
width: 178px;
}
.sfv6-b17 .sfv6-b17-blue .labels >div
{
display: inline-block;
float: left;
}
.sfv6-b17 .sfv6-b17-blue .labels div:first-child ,.sfv6-b17 .sfv6-input1 .wrapper-input1 .row1 div:first-child, .sfv6-b17 .sfv6-input1 .wrapper-input2 .row1 div:first-child,.sfv6-b17 .sfv6-content .label-input .labels div:first-child,.sfv6-b17 .wrapper-input2-button .row1 div:first-child
{
background: none repeat scroll 0 0 #cc0000;
color: #ffffff;
display: inline-block;
font-size: 11px;
margin-right: 5px;
margin-top: 3px;
padding: 3px;
text-align: center;
width: 50px;
}
.sfv6-b17 .sfv6-b17-blue .labels div:last-child ,.sfv6-b17 .sfv6-input1 .wrapper-input1 .row1 div:last-child,.sfv6-b17 .sfv6-input1 .wrapper-input2 .row1 div:last-child ,.sfv6-b17 .sfv6-content .label-input .labels div:last-child,.sfv6-b17 .wrapper-input2-button .row1 div:last-child
{
color: #666;
display: inline-block;
font-size: 13px;
margin-right: 20px;
padding: 5px;
}
.sfv6-b17 .sfv6-input1 .wrapper-input1 .row2 .space-2, .sfv6-b17 .sfv6-input1 .wrapper-input2 .row2 .space-2, .sfv6-b17 .wrapper-input2-button .row2 .input1 .space-2
{
color: #ccc;
float: left;
font-size: 12px;
margin: 5px 0 10px;
}
.sfv6-b17 .sfv6-b17-blue .input ,.sfv6-b17 .sfv6-content .btn_yellow
{
display: inline-block;
float: left;
}
.sfv6-b17 .wrapper-input2
{
margin-top: 0px!important;
}
.sfv6-b17 .sfv6-b17-blue .input select ,.sfv6-content .label-input .input select
{
color: #333333;
font-family: "Meiryo";
font-size: 15px;
height: 30px;
margin: 0 15px 0 1px;
padding-left: 4px;
padding-top: 4px;
width: 145px;
}
.wrapper-input2 .row2 .input1 input ,.wrapper-input2-button .row2 .input1 input
{
color: #333333;
font-family: "Meiryo";
font-size: 15px;
padding-left: 4px;
}
.sfv6-b17 .sfv6-b17-blue .input span
{
color: #666666;
font-size: 15px;
}
.sfv6-b17 .sfv6-input1
{
display: inline-block;
float: left;
padding: 26px 0 10px;
width: 100%;
border-bottom: 1px solid #cccccc;
padding-top: 10px!important;
}
.sfv6-b17 .sfv6-input1_a{
border-bottom:none!important;
}
.sfv6-b17 .sfv6-input1 >div
{
display: inline-block;
float: left;
width: 100%;
}
.sfv6-b17 .sfv6-input1 .wrapper-input1
{
padding-bottom: 5px;
}
.sfv6-b17 .sfv6-input1 .wrapper-input1 .row1 ,.sfv6-b17 .sfv6-input1 .wrapper-input1 .row2 ,.sfv6-b17 .sfv6-input1 .wrapper-input2 .row1
{
float: left;
}
.sfv6-b17 .sfv6-input1 .wrapper-input1 .row1,.sfv6-b17 .sfv6-input1 .wrapper-input2 .row1
{
width: 178px;
}
.sfv6-b17 .sfv6-input1 .wrapper-input1 .row2
{
width: 428px;
}
.sfv6-b17 .sfv6-input1 .wrapper-input2.row2
{
width: 428px;
}
.sfv6-b17 .sfv6-input1 .wrapper-input1 .row2 .space-2,.sfv6-b17 .sfv6-input1 .wrapper-input2 .row2 .space-2
{
color: #cccccc;
float: left;
font-size: 13px;
margin: 5px 0px 10px 0px;
}
.sfv6-b17 .space-2_a{
padding-top: 5px;
margin-left: 176px;
color: #000000;
font-size: 13px;
}
.sfv6-b17 .sfv6-input1 .wrapper-input2 .row2 .space-2 span.sp1
{
margin-left: 9px;
margin-top: 2px;
}
.sfv6-b17 .sfv6-input1 .wrapper-input1 .row2 input
{
height: 30px;
width: 100%;
}
.sfv6-b17 .sfv6-input1 .wrapper-input2 .row2 input
{
height: 30px;
}
.sfv6-b17 .sfv6-input1 .wrapper-input2 .row2
{
display: inline-block;
float: left;
width: 428px;
}
.sfv6-b17 .sfv6-input1 .wrapper-input2 .row2 >div
{
display: inline-block;
float: left;
width: 50%;
}
.sfv6-b17 .sfv6-input1 .wrapper-input2 .row2 .input1 input ,.sfv6-b17 .sfv6-input1 .wrapper-input2 .row2 .input2 input
{
width: 205px;
}
.sfv6-b17 .sfv6-input1 .wrapper-input2 .row2 .input2 input.t2
{
float: right;
}
.sfv6-b17 .sfv6-sfv6-b17-button
{
display: inline-block;
padding: 23px 0 10px;
width: 100%;
}
.sfv6-b17 .sfv6-sfv6-b17-button >div
{
float: right;
width: 50%;
}
.sfv6-b17 .sfv6-content .btn_yellow button
{
background-color: #ffcc00;
border-radius: 0;
color: #333333;
font-family: "Meiryo";
font-size: 13px;
font-weight: normal;
height: 30px;
width: 205px;
}
.sfv6-b17 .sfv6-sfv6-b17-button .sfv6-btn-back button.btns-black
{
background-color: #efefef;
border: medium none;
border-radius: 12px;
color: #b5b5b5;
font-family: inherit;
font-size: 18px;
font-weight: normal;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 100px;
}
.sfv6-b17 .sfv6-sfv6-b17-button .sfv6-btn-yellow button.btns-yellows
{
background-color: #ffcc00;
border: medium none;
border-radius: 12px;
color: #000;
float: right;
font-family: inherit;
font-size: 18px;
font-weight: normal;
height: 50px;
padding: 0 20px;
text-align: center;
vertical-align: middle;
width: 260px;
}
.sfv6-sfv6-b17-button .footer
{
float: left!important;
padding-top: 38px;
}
.sfv6-sfv6-b17-button .footer a
{
color: #666666;
font-size: 13px;
font-weight: normal!important;
padding-right: 10px;
}
.wrapper-input1 .row1 .sp1 ,.wrapper-input2-button .row1 .sp2{
background:none!important;
}
@media screen and (max-width: 1030px){
.sfv6-b17{
padding: 0px 10px;
}
}
@media screen and (max-width: 768px){
.sfv6-b17 .sfv6-b17-blue
{
height: auto;
}
.sfv6-b17 .sfv6-b17-blue .input
{
margin-left: 18px;
}
.sfv6-b17 .sfv6-b17-blue .input select
{
width: 146px;
}
.sfv6-b17 .sfv6-input1 .wrapper-input1 .row2 ,.sfv6-b17 .sfv6-input1 .wrapper-input2 .row2
{
padding: 5px 0px;
width: 100%;
}
.sfv6-b17 .sfv6-input1 .wrapper-input1 .row1 ,.sfv6-b17 .sfv6-input1 .wrapper-input1 .row2
{
float: left;
}
.sfv6-b17 .sfv6-input1 .wrapper-input2 .row2 >div, .sfv6-b17 .sfv6-input1 .wrapper-input2 .row2 .input1 input ,.sfv6-b17 .sfv6-input1 .wrapper-input2 .row2 .input2 input ,.sfv6-b17 .sfv6-input1 .wrapper-input2 .row2
{
width: 100%;
}
.sfv6-b17 .sfv6-input1 >div
{
padding-bottom: 0px;
}
.sfv6-b17 .sfv6-sfv6-b17-button >div
{
float: none;
margin: auto;
padding-top: 10px;
text-align: center;
width: 257px;
}
.sfv6-b17 .sfv6-sfv6-b17-button button
{
margin-bottom: 10px;
width: 100%!important;
}
.sfv6-sfv6-b17-button .footer
{
display: none;
float: left!important;
}
.sfv6-b17 .sfv6-sfv6-b17-button
{
padding: 12px 0 40px;
}
.sfv6-b17 .sfv6-input1 > div
{
display: inline-block;
float: left;
margin-top: -8px;
top: 0;
}
.sfv6-b17 .sfv6-b17-h1 h1.last
{
display: block;
}
.sfv6-b17 .sfv6-bg-yellow-header2 > div
{
display: inline;
float: left;
width: 100%;
}
.sfv6-b17 .sfv6-bg-yellow-header2 div:last-child
{
float: none !important;
margin: auto;
}
.sfv6-b17 .sfv6-bg-yellow-header2 button
{
float: none !important;
margin: auto;
text-align: center;
}
.sfv6-b17 .sfv6-content .btn_yellow
{
float: none;
margin: auto;
padding-top: 10px;
text-align: center!important;
width: 100%;
}
.sfv6-b17 .sfv6-b17-span {
padding-bottom: 5px;
}
.sfv6-b17 .sfv6-input1 .wrapper-input1 .row2, .sfv6-b17 .wrapper-input2-button .row2 {
float: left;
width: 100%;
}
.sfv6-b17 .wrapper-input2-button .row2 .input1 input {
width: 180px!important;
}
.sfv6-b17 .wrapper-input2-button .row2 .input2-button button{
display: inline-block;
float: right;
}
.sfv6-b20 .sfv6-title-2 .sfv6-bg-yellow-header2 {
margin-top: 10px!important;
}
.sfv6-b17 .sfv6-content .btn_yellow {
padding-top: 20px;
}
.sfv6-b17 .space-2_a{
margin-left: 0;
padding-top: 14px;
width: 100%;
}
.sfv6-b17 .sfv6-input1 .wrapper-input1 .row2 .space-2, .sfv6-b17 .sfv6-input1 .wrapper-input2 .row2 .space-2, .sfv6-b17 .wrapper-input2-button .row2 .input1 .space-2 {
color: #ccc;
float: left;
font-size: 12px;
margin: 5px 0 10px;
width: 204px;
text-align: left;
}
.sfv6-b17 .sfv6_row2_a .input1{width:148px!important;}
.sfv6-b17 .sfv6_row2_a .input2-button{width:115px!important;}
}
/*********************************** A6 ************************************************/
/*
.sfv6-a6-popup{
margin: 0px 15px;
}
.sfv6-a6-popup .sfv6-h1 {
padding-bottom: 10px;
}
.sfv6-a6-popup .sfv6-h1 h1{
color: #333333;
font-size: 20px;
font-family: meiryo;
}
.sfv6-a6-popup .sfv6-a6-content{
padding-left: 15px;
padding-right: 15px;
padding-bottom: 130px;
}
.sfv6-a6-popup .sfv6-a6-modal-header{
clear: both;
padding-top: 10px!important;
border-bottom: none!important;
}
.sfv6-a6-popup .modal-dialog .modal-header h1{
color: #333333;
font-size: 20px;
font-family: "Meiryo";
}
.sfv6-a6-popup .sfv6-a6-modal-header button.close{
margin-right: 5px;
margin-top: -7px;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1
{
display: inline-block;
width: 100%;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 >div{
display: inline-block;
}
.sfv6-a6-popup .sfv6-input1 .wrapper-input1 {
padding-bottom: 5px;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row1 {
width: 150px;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row1 ,.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row2{
display: inline-block;
float: left;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row1 div:first-child{
background: none repeat scroll 0 0 #cc0000;
color: #ffffff;
display: inline-block;
font-size: 11px;
margin-right: 3px;
margin-top: 3px;
padding: 3px;
text-align: center;
width: 50px;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row1 div:last-child{
color: #666;
display: inline-block;
font-size: 13px;
margin-right: 20px;
padding: 5px;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row2 input ,.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row2_input-select input,.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row2_input-select select{
height:30px;
width: 100%;
font-size: 13px;
color: #666666;
padding-left: 10px;
padding-top: 6px;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row2_input-select >div {
display: inline-block;
float: left;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row2_input-select span{
color: red;
float: left;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row2_input-select div:first-child{
width: 135px;
margin-right: 10px;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row2_input-select div:last-child{
width: 140px;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row2_input-select span{
color: #666666;
font-size: 13px;
margin-left: -1px;
margin-right: 29px;
margin-top: 4px;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row2 {
float: left;
display: inline-block;
width: 400px;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row2 .space-2{
color: #cccccc;
float: left;
font-size: 13px;
margin: 2px 0 15px;
}
.sfv6-a6-popup .sfv6_a5_header-yellow .sfv6_h1{
background: none repeat scroll 0 0 #fee4b1;
color: #333333;
font-size: 18px;
height: 36px;
padding-left: 12px;
padding-top: 6px;
text-align: left;
width: 100%;
margin-bottom: 14px;
}
.sfv6-a6-popup .sfv6_a5_header-yellow .sfv6_h1 .sfv6_h1 {
width: 100%;
}
.sfv6-a6-popup .sfv6_input1_input-select{
padding-bottom: 20px;
}
.sfv6-a6-popup .sfv-6-button-center {
padding-top:20px;
margin: auto;
text-align: center;
}
.sfv6-a6-popup .sfv-6-button-center button{
background-color: #fff;
border: 1px solid;
border-radius: 8px;
color: #333333;
font-size: 20px;
height: 45px;
text-align: center;
width: 150px;
}
.sfv6-a6-popup .sfv6-border-yellow{
border-radius: 10px;
height: 100px;
min-width: 212px;
display: inline-block;
margin-top: 18px;
padding: 5px 12px;
width: 100%;
background-color: #fee4b1;
}
.sfv6-a6-popup .sfv6-border-yellow .sfv6-title-left {
float: left;
padding-bottom: 32px;
padding-left: 21px;
padding-top: 30px !important;
width: 40%;
font-size: 25px;
}
.sfv6-a6-popup .sfv6-border-yellow .sfv6-title-right{
float: left;
text-align: right;
padding-right: 8px;
padding-bottom: 19px;
padding-top: 15px !important;
width: 60%;
font-size: 40px;
}
.sfv6-a6-popup .sfv6-border-yellow .sfv6-title-right span.medium-title{
color: red;
font-size: 20px;
color: #333333;
}
.sfv6-a6-popup .sfv6-a6-footer{
float: left;
margin-top: 30px;
text-align: center;
width: 100%;
border-top: 1px solid #bdbdbd;
padding-top: 20px;
}
.sfv6-a6-popup .sfv6-a6-footer button{
background-color: #fff;
border: 1px solid;
border-radius: 8px;
color: #666666;
font-size: 18px;
padding: 1px 37px;
font-family: "inherit";
}
@media screen and (max-width: 768px){
.sfv6-a6-popup .sfv6-h1 {
padding-bottom: 10px;
text-align: center;
}
.sfv6-a6-popup .sfv6-a6-modal-header .sfv6-button{
clear: both;
width: 100%;
margin-top: -13px;
float: right;
margin-bottom: 10px;
border-bottom: 1px solid #dfdfdf;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row2_input-select span {
margin-top: 13px!important;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row1, .sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row2 {
margin-bottom: -3px;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row1 div:last-child{
padding-bottom: 10px;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row2,.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row2 input {
width: 100%!important;
}
.sfv6-a6-popup .sfv6_a5_header-yellow .sfv6_h1 {
margin-bottom: 10px!important;
margin-top: 3px;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row2_input-select div:first-child{
margin-bottom: 10px;
}
.sfv6-a6-popup .sfv6_input1 .wrapper-input1 .row2_input-select div:last-child{
width: 100%;
}
.sfv6-a6-popup .sfv6-border-yellow >div{
clear: both;
width: 100%!important;
}
.sfv6-a6-popup .sfv6-border-yellow .sfv6-title-left{
margin-top: -26px;
text-align: center;
font-size: 20px!important;
}
.sfv6-a6-popup .sfv6-border-yellow .sfv6-title-right{
margin-top:-46px;
}
.sfv6-a6-popup .sfv6-border-yellow .sfv6-title-right span.medium-title{
margin-right: -21px;
font-size: 15px!important;
}
.sfv6-a6-popup .sfv6-a6-footer{
display: none;
}
.sfv6-a6-popup .sfv6-a6-content{
padding-bottom: 34px!important;
}
.sfv6-a6-popup .sfv6_input1_input-select{
padding-bottom: 12px!important;
}
.sfv6-a6-popup .sfv6-a6-modal-header button.close {
margin-right: -7px;
margin-top: -11px;
padding-top: 10px;
}
.sfv6-a6-popup .sfv6_input1_space{
margin-bottom: 10px!important;
}
.sfv6-a6-popup .sfv-6-button-center {
padding-top:10px!important;
}
.sfv6-title-right span.need_center {
padding-right: 12px;
}
}
*/
/*==============================================================================================*/
/*=======================================End BLOCK P6===================================================*/
/*==============================================================================================*/
/*==============================================================================================*/
/*=======================================BLOCK P7===================================================*/
/*==============================================================================================*/
/*C1 BLOCK-P7 */
/*
.tai_center_digital{
display: inline-block;
text-align: center;
}
.tai_center_digital h1{
text-align: left;
font-size: 20px;
font-style: 'Meiryo Regular';
}
.tai_left_center_digital{
height: auto;
width: 500px;
border: 1px solid #666;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
float: left;
text-align: left;
padding-top: 13px;
}
.tai_right_center_digital{
height: auto;
width: 490px;
border: 1px solid #666;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
float: left;
margin-left: 20px;
text-align: left;
color:#666;
}
.tai_left_center_digital{
display: inline-block;
}
.sfv7-tai-left-text button{
float: right;
padding: 10px;
}
.sfv7-tai-left-text{
height: 66px;
color:#333;
padding-right:20px
}
.sfv7-tai-left-text span{
font-size: 18px;
float: left;
padding: 18px 10px 30px 30px;
}
.sfv7-tai-right-text span{
font-size: 18px;
}
.sfv7-tai-right-text{
height: 78px;
display: inline-block;
padding-left: 20px;
padding-top: 29px;
color:#333;
}
.sfv7-tai-right-text .regular-radio{
margin-top: 10px;
}
.sfv7-tai-bottom-text{
border-top: 1px solid #666;
padding-top:6px
}
.sfv7-tai-bottom-text span{
font-size: 13px;
padding: 13px 15px;
line-height: 21px;
}
.sfv7-radio-nocheck{
margin-bottom: -4px;
margin-right: 6px;
}
.sv7-tai-text-bottom-digital{
width: 500px;
text-align: right;
}
.sv7-tai-text-bottom-digital span a{
font-size: 13px;
text-decoration: underline;
color:#666;
}
.sv7-tai-text-bottom-digital{
margin-top: 5px;
margin-right: 20px;
}
.sv7-tai-bottom-content{
margin-top: 10px;
text-align:center;
margin-bottom:10px;
}
.sv7-tai-bottom-content .btn-black{
width: 108px;
color:#b5b5b5;
background-color: #efefef;
font-family: Meiryo;
}
.sfv7-bg-yellow{
text-align: center;
margin-top: 10px;
}
.sfv7-tai-bottom-text{
color:#666;
height:78px;
}
@media screen and (max-width: 1032px){
#sel-sender .container.blockc46.C44.blockd3.d13{padding-left:10px!important;padding-right:10px!important}
.tai_left_center_digital{
width: 500px;
float: none;
text-align: left;
display: inline-block;
}
.tai_right_center_digital{
width: 500px;
margin-top: 10px;
margin-left: 0px;
float: none;
text-align: left;
display: inline-block;
}
.sv7-tai-text-bottom-digital span{font-size:15px;padding:10px}
.sfv2-ver-desktop{display:none}
.sfv2-ver-mobile{display:inline-block}
}
@media screen and (max-width: 768px){
.tai_left_center_digital{
width: 500px;
float: none;
text-align: left;
display: inline-block;
}
.tai_right_center_digital{
width: 500px;
margin-top: 10px;
margin-left: 0px;
float: none;
text-align: left;
display: inline-block;
}
.sfv7-tai-bottom-text {
text-align: left;
}
.sv7-tai-bottom-content .btn-black{
width: 260px;
float: none !important;
}
.sv7-tai-bottom-content .btn-yellow{
float: none !important;
}
}
.tai_center_digital .sfv5-btn-sh2{
display: none;
}
@media screen and (max-width: 600px){
.tai_center_digital .sfv5-btn-sh1{
width: 260px;
float: none !important;
}
.tai_center_digital .sfv5-btn-sh{
display: none;
}
.sfv7-tai-left-text span{
float: none;
text-align: center;
padding: 3px 10px 7px 10px;
}
.tai_left_center_digital{
width: 400px;
float: none;
text-align: center;
display: inline-block;
}
.sfv7-tai-left-text button{
float: none;
padding: 10px;
text-align: center;
}
.tai_right_center_digital{
width: 400px;
margin-top: 10px;
margin-left: 0px;
float: none;
text-align: left;
display: inline-block;
}
.sfv7-tai-left-text{
display: inline-block;
height: auto;
}
.sfv7-tai-right-text{
display: inline-block;
}
.tai_center_digital{
display: inline;
float: left;
}
.sv7-tai-text-bottom-digital{
width: 400px;
height: auto;
color:#666;
}
.sfv7-tai-bottom-text {
text-align: left;
height:auto
}
.sfv2-c2 .btn-yellow {margin-bottom: 10px;}
.sv7-tai-bottom-content .pull-left,
.sv7-tai-bottom-content .pull-right{float:none!important}
}
@media screen and (max-width: 480px){
.sfv7-tai-left-text button{
float: none;
padding: 10px;
text-align: center;
}
.sfv7-tai-left-text span{
float: none;
text-align: center;
}
.tai_left_center_digital{
width: 330px;
float: none;
text-align: center;
display: inline-block;
}
.tai_right_center_digital{
width: 330px;
margin-top: 10px;
margin-left: 0px;
float: none;
text-align: left;
display: inline-block;
}
.sfv7-tai-left-text{
display: inline-block;
height: auto;
padding-right:0px;
}
.sfv7-tai-right-text{
display: inline-block;
}
.tai_center_digital{
display: inline;
}
.sv7-tai-text-bottom-digital{
width: 330px;
height: auto;
}
.sfv7-tai-bottom-text {
text-align: left;
}
.sfv7-tai-bottom-text span{
font-size:12px;
line-height:20px}
.tai_left_center_digital {width: 280px;}
.tai_right_center_digital {width: 280px;}
.sv7-tai-text-bottom-digital{width:280px}
}
*/
/* ==================== C3 ========================*/
.sfv7-c3-divcontent h1{
font-size: 20px;
font-family: Meiryo;
}
.sfv7-c3-divcontent-main{
height: 80px;
}
.sfv7-c3-divcontent-main-right{
width: 50%;
height: 78px;
text-align: left;
height: 78px;
border: 1px solid #666666;
-webkit-border-top-right-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-topright: 9px;
-moz-border-radius-bottomright: 9px;
border-top-right-radius: 9px;
border-bottom-right-radius: 9px;
}
.sfv7-c3-divcontent-main-right span{
padding-top: 17px;
padding-left: 22px;
padding-right: 20px;
padding-bottom: 17px;
line-height: 20px;
}
.sfv7-c3-divcontent-main-left{
width: 50%;
height: 78px;
text-align: left;
padding-top: 12px;
padding-left: 30px;
padding-right: 15px;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
border-bottom: 1px solid #666666;
-webkit-border-top-left-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-bottomleft: 9px;
border-top-left-radius: 9px;
border-bottom-left-radius: 9px;
}
.sfv7-c3-divcontent-main-text-bottom{
margin-top: 6px;
margin-bottom: 6px;
}
.sfv7-c3-divcontent-main-text-bottom span a{
color: #666666;
font-size: 13px;
font-family: Meiryo;
text-decoration: underline;
}
.sfv7-c3-bg-yellow span{
font-size: 15px;
font-family: Meiryo;
line-height: 1.6;
margin: -5px;
}
.sfv7-c3-divcontent-main-right span{
font-size: 13px;
font-family: Meiryo;
color: #666666;
}
.sfv7-c3-divcontent-main-left span{
font-size: 18px;
font-family: Meiryo;
padding-top: 13px;
color:#333;
}
.sfv7-c3-divcontent-main-left button{
font-family: Meiryo;
font-size:18px;
margin-right: 20px;
}
/* Reponsive*/
@media screen and (max-width: 1041px){
.sfv7-c3-divcontent .sfv7-c3-divcontent-main .sfv7-c3-divcontent-main-left{
width: 100% !important;
border: 1px solid #666666;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
border-bottom-left-radius: 0px
}
.sfv7-c3-divcontent .sfv7-c3-divcontent-main .sfv7-c3-divcontent-main-right{
border-right: 1px solid #666666;
border-left: 1px solid #666666;
border-bottom: 1px solid #666666;
border-top: 0px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
border-top-right-radius: 0px;
}
.sfv7-c3-divcontent-main-right{
width: 100% !important;
}
.sfv7-c3-divcontent-main-right{
float: left !important;
}
}
@media screen and (max-width: 906px){
}
@media screen and (max-width: 768px){
.sfv7-c3-bg-yellow{
text-align: center !important;
}
.sfv7-c3-divcontent-main-left{
width: 100% !important;
}
.sfv7-c3-divcontent-main-right{
width: 100% !important;
height: auto;
}
.sfv7-c3-divcontent-main-left span{
float: none !important;
}
}
@media screen and (max-width: 459px){
.sfv7-c3-divcontent-main-left{
width: 100% !important;
height: 115px !important;
text-align: center !important;
padding-top: 10px;
}
}
@media screen and (max-width: 480px){
.sfv7-c3-divcontent-main-left{
width: auto !important;
height: 85px;
text-align: center !important;
}
.sfv7-c3-divcontent-main-left button{
float: none !important;
text-align: center !important;
}
.sfv7-c3-bg-yellow{
text-align: left !important;
}
.sfv7-c3-divcontent .sfv7-c3-divcontent-main .sfv7-c3-divcontent-main-left {
height: auto;
padding-bottom: 10px;
}
.sfv7-c3-divcontent-main-left span {
width: 100%;padding-top:0px;
}
}
/***************************************************************
B23
***************************************************************/
.sfv7-b23{
padding-left: 0px;
padding-right: 0px;
margin-left: 4.5%;
margin-right: 4.5%;
}
.sfv7-b23 h1{
font-size: 20px;
font-family: Meiryo;
}
.sfv7-b23-top1-content{
height: 120px;
background-color: #c3e0fd;
margin-bottom: 10px;
}
.sfv7-b23-top1-content-text-t span{
font-size: 18px;
font-family: Meiryo;
color: #333333;
}
.sfv7-b23-top1-content-text-t{
text-align: center;
padding-top: 10px;
}
.sfv7-b23-top1-content-text-b{
text-align: center;
margin-top: 10px;
}
.sfv7-b23-top1-content-text-b-r, .sfv7-b23-top1-content-text-b-l{
width: 450px;
height: 40px;
background-color: white;
}
.sfv7-b23-top1-content-text-b-l{
float: left;
margin-left: 40px;
}
.sfv7-b23-top1-content-text-b-r{
float: right;
margin-right: 40px;
}
.sfv7-b23-top1-content-text-b-l, .sfv7-b23-top1-content-text-b-r span{
font-size: 16px;
font-family: Meiryo;
color: #333333;
padding: 10px;
}
.sfv7-b23-top1-content-text-b-b{
margin-top: 5px;
float: right;
margin-right: 40px;
}
.sfv7-b23-top1-content-text-b-b span{
font-size: 13px;
font-family: Meiryo;
color: #333333;
}
/*/.sfv7-b23-top1-content*/
.sfv7-b23-top2-content{
border: 1px solid #666;
height: 72px;
}
.sfv7-b23-top2-content-1-text{
font-size: 16px;
font-family: Meiryo;
padding: 18px 0px;
}
.sfv7-b23-top2-content-item a{
margin-left: 25px;
}
.sfv7-b23-top2-content-item{
padding: 8px 15px;
}
.sfv7-b23-top2-content-item-png span{
font-family: Meiryo;
font-size: 16px;
padding-left: 10px;
font-weight: 600;
}
.sfv7-b23-top2-content-item-png .span-pp{
color: #cf4120;
}
.sfv7-b23-top2-content-item-png .span-wo{
color: #2756a6;
}
.sfv7-b23-top2-content-item-png .span-pd{
color: #e40f0f;
}
.sfv7-b23-top2-content-item-png .span-jp{
color: #0099ff;
}
/*/ .sfv7-b23-top2-content*/
.sfv7-b23-top3{
margin-top: 20px;
}
.sfv7-b23-top3 .sfv7-b23-top3-left{
padding-bottom: 30px;
}
.sfv7-b23-top3 .sfv7-b23-top3-right{
width: 490px;
}
.sfv7-b23-top3 .sfv7-b23-top3-right .sfv7-b23-top3-right-text{
text-align: left;
margin-left: 15px;
}
.sfv7-b23-top3 .sfv7-b23-top3-right .sfv7-b23-top3-right-text span:first-child {
font-size: 18px;
font-family: Meiryo;
color: #333333;
}
.sfv7-b23-top3 .sfv7-b23-top3-right .sfv7-b23-top3-right-text span:last-child {
font-size: 13px;
font-family: Meiryo;
color: #333333;
}
/*.sfv7-b23-top3-right-input*/
.sfv7-b23-top3-right-input{
margin-top: 15px;
}
.sfv7-b23-top3-right-input .sfv7-b23-form {
display: table;
text-align: left !important;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row {
display: table-row;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row > div {
text-align: left;
display: table-cell;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row .form-label p{
font-size: 18px;
font-family: Meiryo;
color: #fff;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row .form-label .form-label-1{
padding: 4px 8px;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row .form-label .form-label-2{
padding: 4px 8px;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row .form-label{
height: 30px;
width: 30px;
background-color: #ff0000;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row .form-input-browser{
padding-left: 10px;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row .form-input input{
font-family: inherit !important;
font-size: 14px;
height: 30px;
margin-bottom: 5px;
padding: 0 10px;
width: 340px;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-space{
display: inline-block;
padding: 10px 0;
width: 100%;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row .form-input .btn-browser {
background: none repeat scroll 0 0 #6699ff;
border: none;
border-radius: 0;
color: #fff;
height: 30px;
width: 75px;
font-size: 13px;
padding: 2px 10px;
font-family: Meiryo;
font-weight: normal;
margin-left: 7px;
}
.sfv7-b23-top3-button .btn{
border-radius: 10px !important;
font-size: 15px;
font-family: Meiryo;
color: #333333;
width: 250px;
border: 1px solid #999999;
}
.sfv7-b23-top3-button{
text-align: center;
}
.sfv7-b23-bottom-link span{
color: #666666;
font-size: 13px;
font-family: Meiryo;
}
.sfv7-b23-top3-left-320{
display: none;
}
.sfv7-b23-bottom-link{
margin-top: 15px;
margin-bottom: 15px;
}
.sfv7-b23-bottom-link a > span{
font-size: 13px;
font-family: Meiryo;
color: #666666;
}
.sfv7-b23-top3-right-input{
margin-left: 15px;
}
/*/.sfv7-b23-top3*/
@media screen and (max-width: 1111px){
.sfv7-b23-top1-content-text-b-b{
padding-bottom: 10px;
}
.sfv7-b23{
padding-left: 10px;
padding-right: 10px;
}
/*/.sfv7-b23-top1-content*/
.sfv7-b23-top2-content{
height: auto;
}
.sfv7-b23-top2-content-item-png{
float: none !important;
text-align: center;
}
.sfv7-b23-top2-content-1-text{
float: none !important;
padding-top: 9px;
}
.sfv7-b23-top2-content-item-png-2{
float: none !important;
}
.sfv7-b23-top2-content-item-png{
margin-bottom: 15px;
}
/*/ .sfv7-b23-top2-content*/
.sfv7-b23-top3 {
text-align: center;
}
.sfv7-b23-top3 .sfv7-b23-top3-right{
float: none !important;
text-align: center;
margin: auto;
}
.sfv7-b23-top3 .sfv7-b23-top3-left{
float: none !important;
text-align: center;
margin: auto;
}
.sfv7-b23-top3-button{
padding-bottom: 12px;
}
.sfv7-b23-bottom-link{
margin-top: 0px;
margin-bottom: 0px;
}
.sfv7-b23{
margin-left: 0px;
margin-right: 0px;
}
.sfv7-b23-top3-right-input{
margin-left: 0px;
}
}
@media screen and (max-width: 1020px){
.sfv7-b23-top1-content{
height: auto;
}
.sfv7-b23-top1-content-text-b-r, .sfv7-b23-top1-content-text-b-l{
margin: 5px auto;
float: none;
}
.sfv7-b23-top1-content-text-b-b{
width: 100%;
margin-top: 5px;
float: none;
text-align: center;
}
/*/.sfv7-b23-top1-content*/
}
@media screen and (max-width: 768px){
.sfv7-b23-top2-content-item-png-1{
float: none !important;
text-align: center;
}
.sfv7-b23-top2-content-item-png-2{
float: none !important;
margin-top: 10px;
}
.sfv7-b23-top2-content-item-png-1 img:first-child {
margin-right: 0px;
}
.sfv7-b23-top2-content-item-png-2 img:first-child {
margin-right: 0px;
}
.sfv7-b23-top2-content-item-png-2 img:last-child {
margin-left: 0px;
}
.sfv7-b23-top2-content-item a{
margin-left: 25px;
}
/*/ .sfv7-b23-top2-content*/
}
@media screen and (max-width: 500px){
.sfv7-b23-top1-content-text-b-r, .sfv7-b23-top1-content-text-b-l{
width: 340px;
height: 40px;
}
.sfv7-b23-top1-content-text-t span{
padding: 0 10px;
font-size: 15px;
text-align: left;
}
/*/.sfv7-b23-top1-content*/
.sfv7-b23-top2-content-item-png{
float: none !important;
text-align: center;
}
.sfv7-b23-top2-content-item-png-1{
float: none !important;
text-align: left;
}
.sfv7-b23-top2-content-item-png-2{
float: none !important;
text-align: left;
}
.sfv7-b23-top2-content-item-png-2{
float: none !important;
margin-top: 10px;
}
.sfv7-b23-top2-content-item-png-1 img:first-child {
margin-right: 0px;
}
.sfv7-b23-top2-content-item-png-2 img:first-child {
margin: auto;
}
.sfv7-b23-top2-content-item-png-2 img:last-child {
margin-left: 0px;
}
.sfv7-b23-top2-content-item a{
margin-left: 0px;
display: block;
margin-bottom: 5px;
}
.sfv7-b23-top3 .sfv7-b23-top3-right{
width: 100% !important;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row .form-input input{
width: 250px;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row > div {
text-align: left;
display: block;
}
}
@media screen and (max-width: 420px){
.sfv7-b23-top1-content-text-b-r, .sfv7-b23-top1-content-text-b-l{
width: 250px;
height: 60px;
}
.sfv7-b23-top1-content{
height: auto;
}
.sfv7-b23-top1-content-text-b-b{
width: auto;
float: none;
margin: 0 24px;
}
.sfv7-b23-top2-content-item-png{
float: none !important;
text-align: center;
}
.sfv7-b23-top2-content-item-png-1{
float: none !important;
text-align: left
}
.sfv7-b23-top2-content-item-png-2{
float: none !important;
text-align: left;
}
/*/.sfv7-b23-top1-content*/
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row .form-input input{
width: 190px;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row .form-input-browser{
padding-left: 10px;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row .form-label{
margin-bottom: 5px;
}
.sfv7-b23-top3 .sfv7-b23-top3-right{
width: 100% !important;
}
.sfv7-b23-top3 .sfv7-b23-top3-left{
margin-right: 0px;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row .form-input-browser{
padding-left: 0px
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row .form-label{
float: none !important;
}
.sfv7-b23-top3-button{
text-align: center;
}
}
@media screen and (max-width: 320px){
.sfv7-b23-top2-content-item-png{
float: none !important;
text-align: left;
}
.sfv7-b23-top2-content-item-png > a{
margin-left: 0px
}
.sfv7-b23-top2-content-item-png > a > img{
margin-top: 10px;
}
/*/ .sfv7-b23-top2-content*/
.sfv7-b23-top1-content-text-b-b{
text-align: left;
margin: 0px 13px;
}
.sfv7-b23-top1-content-text-b-l, .sfv7-b23-top1-content-text-b-r span{
font-size: 15px;
text-align: left;
}
/*/.sfv7-b23-top1-content*/
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row > div{
display: block;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row .form-input-browser{
padding-left: 0px;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-form-row .form-label{
margin-bottom: 5px;
}
.sfv7-b23-top3 .sfv7-b23-top3-right{
width: 100% !important;
}
.sfv7-b23-top3 .sfv7-b23-top3-left{
margin-right: 0px;
}
.sfv7-b23-top3-right-input .sfv7-b23-form .sfv7-b23-space{
display: inline-block;
padding: 7px;
width: 100%;
}
.sfv7-b23-top2-content-1-text span{
font-size: 14px;
}
.sfv7-b23-top3-left{
display: none;
}
.sfv7-b23-top3-left-320{
display: block;
}
.sfv7-b23-bottom-link{
display: none;
}
}
/***************************************************************
C12
***************************************************************/
.sfv7_c12_center_digital{
display: inline-block;
text-align: center;
}
.sfv7_c12_center_digital h1{
text-align: left;
font-size: 20px;
font-family: Meiryo;
}
.sfv7_c12_left_center_digital{
height: 159px;
width: 495px;
float: left;
margin-right: 20px;
text-align: left;
background-color: #fbef8b;
}
.sfv7_c12_right_center_digital{
height: auto;
width: 495px;
border: 1px solid #666666;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
float: left;
text-align: left;
padding-top: 13px;
}
.sfv7_c12-tai-left-text button{
float: right;
font-size: 18px;
padding: 10px;
font-family: Meiryo;
}
.sfv7_c12-tai-right-text .btn-yellow{
margin-left: 43px;
margin-bottom: 6px;
width: 224px;
}
.sfv7_c12-tai-left-text span{
font-size: 18px;
font-family: Meiryo;
color: #333333;
}
.sfv7_c12-tai-left-text{
display: inline-block;
height: 78px;
color:#333;
}
.sfv7_c12-tai-left-text{
height: 66px;
padding-left: 20px;
color:#333;
}
.sfv7_c12-tai-right-text{
height: 66px;
padding-left: 20px;
padding-top: 1px;
color:#333;
margin-right: 10px;
}
.sfv7_c12-tai-right-text span{
font-size: 18px;
font-family: Meiryo;
color: #000;
}
.sfv7_c12-tai-bottom-text{
border-top: 1px solid #666666;
height: 78px !important;
}
.sfv7_c12-tai-bottom-text span{
font-size: 13px;
padding: 20px;
color: #666666;
font-family: Meiryo;
}
.sfv7_c12_left_center_digital label{
margin: 67px 10px;
}
.sfv7_c12_left_radio{
background-color: #fff;
border-radius: 9px;
width: 200px;
height: 120px;
display: inline-block;
}
.sfv7_c12_left_radio span{
font-family: Meiryo;
font-size: 18px;
color: #333;
text-align: center;
padding: 37px;
}
.sfv7_c12_left_radio_text{
display: inline-block;
padding-left: 10px;
padding-top: 7px;
width:50%;
}
.sfv7_c12_left_radio_text span{
font-size: 13px;
color: #666;
font-family: Meiryo;
}
.sfv7_c12_left_text_border{
display: inline-block;
margin-top: 20px;
margin-right: 40px;
width:83%;
}
.sfv7_c12-tai-right-text .btn-yellow{
font-size: 18px;
font-family: Meiryo;
color: #000000;
}
@media screen and (max-width: 1032px){
.sfv7_c12_center_digital{
text-align: center;
float: none;
margin: auto;
width: 100%;
}
.sfv7_c12_left_center_digital{
float: none;
text-align: left;
margin: auto;
}
.sfv7_c12_right_center_digital{
text-align: left;
float: none;
margin: auto;
padding-top: 10px;
margin-top: 10px;
}
}
@media screen and (max-width: 550px){
.sfv7_c12_center_digital{
text-align: center;
float: none;
margin: auto;
width: 100%;
}
.sfv7_c12_left_center_digital{
width: 450px;
height: auto;
float: none !important;
text-align: center;
}
.sfv7_c12_right_center_digital{
width: 450px;
}
.sfv7_c12-tai-right-text{
float: none;
text-align: center;
height: 90px;
}
.sfv7_c12_left_text_border{
width:100%;
float: none !important;
margin: auto;
}
.sfv7_c12_left_center_digital{
}
.sfv7_c12-tai-bottom-text{
height: auto !important;
}
.sfv7_c12_left_radio{
float: none !important;
height:85px;
}
.sfv7_c12_left_radio_text{
float: none !important;
text-align: left;
}
.sfv7_c12_left_center_digital label{
margin: 10px 0px;
}
.sfv7_c12_left_radio_text{
padding-left: 0px;
}
.sfv7_c12_left_radio{
width: 380px;
}
.sfv7_c12_left_radio_text{
width: 395px;
margin-bottom: 10px;
}
.sfv7_c12-tai-right-text .btn-yellow{
margin-left: 10px;
}
.sfv7_c12_left_radio span{padding:19px}
.sfv7_c12_left_radio_text span{padding-left:10px;padding-right:10px}
}
@media screen and (max-width: 500px){
.sfv7_c12_left_radio{
width: 240px;
}
.sfv7_c12_left_radio_text{
width: 260px;
margin-bottom: 10px;
}
.sfv7_c12_left_center_digital{
width: 350px;
}
.sfv7_c12_right_center_digital{
width: 350px;
}
.sfv7_c12-tai-right-text .btn-yellow{
margin-left: -8px;
}
}
@media screen and (max-width: 480px){
.sfv7_c12_left_center_digital{
width: 300px;
}
.sfv7_c12_right_center_digital{
width: 300px;
}
.sfv7_c12-tai-right-text .btn-yellow{
margin-left: -8px;
}
}
@media screen and (max-width: 480px){
.sfv7_c12_left_center_digital{
width: 280px;
}
.sfv7_c12_right_center_digital{
width: 280px;
}
.sfv7_c12-tai-right-text .btn-yellow{
margin-left: -8px;
}
.sfv7_c12_center_digital{
text-align: center;
}
.sfv7_c12-tai-right-text{
padding-left: 0px;
}
.sfv7_c12-tai-bottom-text{
height: auto !important;
}
.sfv7_c12_right_center_digital{
width: 280px;
}
.sfv7_c12_left_center_digital{
width: 280px;
}
.sfv7_c12-tai-right-text .btn-yellow{
margin-left: 10px;
}
.sfv7_c12-tai-bottom-text span{
font-size: 12px;
padding: 10px;
padding-left: 10px;
padding-right: 0px;
margin-right: 16px;
}
}
/***************************************************************
Page A9
***************************************************************/
/*
.sfv7-a9{
margin-top: 90px;
}
.sfv7-a9 .box-0 h1{
color: #000000;
font-family: Meiryo;
font-size: 20px;
}
.sfv7-a9 .box-1-bg{
background-color: #c1dcfd;
display: inline-block;
width: 100%;
padding-bottom: 20px;
}
.sfv7-a9 .bg-blue-box-mini{
background-color: #0099cc;
width: 84px;
height: 80px;
float: left;
margin-right: 3%;
}
.sfv7-a9 .box-1 .col-1{
padding: 20px;
}
.sfv7-a9 .box-1 .col-1 .top-1{
float: left;
margin-right: 3%;
}
.sfv7-a9 .box-1 .col-1 .top-1 span{
font-size: 19px;
color: #fff;
font-family: Meiryo;
text-align: center;
padding: 15px 13px;
}
.sfv7-a9 .box-1 .col-1 .vt{
padding-top: 28px;
}
.sfv7-a9 .box-1 .col-1 .vt img{
max-width: 85%;
}
.sfv7-a9 .box-1 .col-2 span{
color: #000000;
font-family: Meiryo;
font-size: 15px;
line-height: 25px;
}
.sfv7-a9 .box-1 .col-2{
padding-left: 18px;
}
.sfv7-a9 .box-center .box-2 .row-1 p > a{
color: #333333;
font-family: Meiryo;
font-size: 25px;
margin-left: 15px;
padding-top: 3px;
}
.sfv7-a9 .box-center .box-2 .row-1 > a{
float: left;
}
.sfv7-a9 .box-center .box-2 .row-1{
padding-top: 34px;
}
.sfv7-a9 .box-center .box-2 {
height: 100px;
}
.sfv7-a9 .box-center{
cursor: pointer;
}
.sfv7-a9 .box-show-hide .box-2{
background-color: #dedede;
margin-top: -20px;
padding-top: 20px;
}
#main .sfv7-a9 .box-show-hide .box-2-2 > div.container {
padding-left: 0px!important;
padding-right: 0px!important;
}
.sfv7-a9 .box-show-hide .content-item .item{
background-color: #fff;
display: inline-block;
text-align: center;
width: 490px;
margin-bottom: 10px;
}
.sfv7-a9 .box-show-hide .content-item .item:nth-child(odd){
margin-right: 15px;
}
@media screen and (max-width: 1050px){
#main .sfv7-a9 .box-show-hide .box-2-2 > div.container {
width: 800px;
}
.sfv7-a9 .box-show-hide .content-item .item:nth-child(odd){
margin-right: 10px;
}
.sfv7-a9 .box-show-hide .content-item .item{
width: 380px;
}
}
.sfv7-a9 .box-show-hide .box-2-2{
padding: 0px 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
}
.sfv7-a9 .box-show-hide .content-item .item span{
padding: 20px;
}
.sfv7-a9 .box-show-hide .box-2-2 .item a{
font-size: 20px;
color: #192a7d;
font-family: Meiryo;
}
.sfv7-a9 hr{
border-top: 1px solid #666666;
margin-top: 0px;
margin-bottom: 0px;
}
.sfv7-a9-hr-top hr{
margin-top: 10px !important;
}
.sfv7-a9 .box-show-hide .box-2-2 .box-2-l, .box-2-r{
padding: 0;
}
.sfv7-a9 .box-show-hide .box-2-2 .box-2-l{
padding-right: 10px;
}
.sfv7-a9 .box-show-hide .box-2-2 .box-2-r{
padding-left: 10px;
}
.sfv7-a9 .box-show-hide .box-2{
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
*/
/*box-bottom*/
/*
.sfv7-a9 .box-bottom{
background-color: #fcd5c8;
border: 1px;
border-radius: 25px;
margin-top: 50px;
}
.sfv7-a9 .a9-old .box-bottom {
height: 250px;
}
.sfv7-a9 .box-bottom .box-bottom-content{
padding-top: 20px;
padding-bottom: 20px;
padding-left: 30px;
}
.sfv7-a9 .a9-old .box-bottom .box-bottom-content{
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0px;
}
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-content-left .top-text span{
font-size: 18px;
font-family: Meiryo;
color: #333333;
padding-left: 10px;
line-height: 25px;
padding-bottom: 5px;
}
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-content-left .top-text-content span{
font-size: 13px;
font-family: Meiryo;
color: #333333;
padding: 10px;
line-height: 20px;
padding-top: 10px;
}
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-content-right .box-bottom-img-1{
margin-right: 40px;
}
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-button{
text-align: center;
margin-bottom: 30px;
margin-top: 20px;
margin-left: 0px!important;
margin-right: 0px!important;
padding: 0px!important;
}
.sfv7-a9 .a9-old .box-bottom .box-bottom-content .box-bottom-button{
text-align: center;
margin: 10px;
margin-bottom: 20px;
margin-top: 20px;
}
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-button .btn{
border-radius: 10px !important;
font-size: 18px;
font-family: Meiryo;
color: #333333;
width: 300px;
border: 1px solid #333333;
}
.sfv7-a9 .box-bottom-n{
margin-bottom: 40px;
}
.sfv7-a9 .sfv7-a9-link {
margin-bottom: 20px;
}
.sfv7-a9 .sfv7-a9-link span, .sfv7-a9 .sfv7-a9-link span a {
font-size: 13px;
color: #666;
text-decoration: none;
}
.sfv7-a9 hr {
color: #666;
}
.sfv7-a9 .box-bottom-n hr {
color: #333;
}
.sfv7-a9 .sfv7-a11 {
padding-left: 0px;
padding-right: 0px;
width: 500px;
}
.sfv7-a9 .sfv7-a11 img{
width: 150px;
height: 150px;
display: inline-block;
margin-left: 7px;
}
.sfv7-a9 .sfv7-a11 img:first-child {
margin-left: 10px;
}
.sfv7-a9 .box-bottom .box-bottom-content {
padding-left: 35px;
}
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-content-left {
padding-left: 0px;
padding-right: 0px;
width: 445px;
}
.sfv7-a9 .box-center.heightShow {
height: 118px;
}
.sfv7-a9 .box-center.heightHide {
height: 100px;
}
@media screen and (max-width: 1030px){
.sfv7-a9 .box-top, .box-center, .box-bottom-n,.sfv7-a9 .sfv7-a9-link {
padding-right: 10px !important;
padding-left: 10px !important;
}
.sfv7-a9 .box-show-hide .box-2-2 .box-2-l, .box-2-r{
margin: auto;
}
}
*/
/* /.box-show-hide */
/*
@media screen and (max-width: 991px){
.sfv7-a9 .box-bottom .box-bottom-content {
padding-left: 10px!important;
padding-right: 10px!important;
}
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-img-1,
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-img-2 {
float: none!important;
display: inline-block;
}
*/
/*box-bottom*/
/*
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-content-right {
text-align: center;
margin: auto;
margin-top: 10px;
}
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-content-right .box-bottom-img-1 {
margin-right: 35px;
}
.sfv7-a9 .a9-old .box-bottom {
height: auto;
}
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-content-left, .sfv7-a9 .sfv7-a11{
width: 100%!important;
}
.sfv7-a9 .sfv7-a11 img {
margin-right: 10px!important;
margin-left: 10px!important;
}
*/
/*/box-bottom*/
/*
}
@media screen and (max-width: 800px){
.sfv7-a9 {
margin-top: 70px;
}
}
@media screen and (max-width: 600px){
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-content-right .box-bottom-img-1 {
margin-right: 0px;
}
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-img-1, .sfv7-a9 .box-bottom .box-bottom-content .box-bottom-img-2 {
display: block;
}
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-img-2 {
margin-top: 15px;
}
.sfv7-a9 .sfv7-a11 img {
margin: auto!important;
display: block!important;
margin-bottom: 10px!important;
}
}
@media screen and (max-width: 555px){
.sfv7-a9 .a9-old .box-bottom .box-bottom-content .box-bottom-content-right .box-bottom-img-2 img{
padding-top: 20px;
padding-bottom: 20px;
}
}
@media screen and (max-width: 990px){
.sfv7-a9 .box-show-hide .content-item .item{
width: 388px;
}
.sfv7-a9 .box-show-hide .box-2-2 .box-2-r{
padding-left: 0;
}
.sfv7-a9 .a9-old .box-bottom .box-bottom-content{
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0px;
text-align: center
}
}
@media screen and (max-width: 850px){
.sfv7-a9 .box-show-hide .content-item .item{
width: 340px;
}
#main .sfv7-a9 .box-show-hide .box-2-2 > div.container {
width: 695px;
}
}
@media screen and (max-width: 935px) {
.sfv7-a9 .box-1-bg{
height: 170px;
}
.sfv7-a9 .box-1 .col-2{
padding-top: 10px;
float: none;
display: inline-block;
width: 100%;
}
}
@media screen and (max-width: 768px) {
#main .sfv7-a9 .box-show-hide .box-2-2 > div.container {
width: 100%;
}
.sfv7-a9 .box-show-hide .content-item .item{
width: 100%;
margin-right: 0px;
}
}
@media screen and (max-width: 715px){
.sfv7-a9 .box-show-hide .box-2-r{
float: none !important;
padding-top: 10px;
text-align: center;
}
.sfv7-a9 .box-show-hide .box-2-l{
float: none !important;
}
.sfv7-a9 .box-show-hide .box-2{
height: auto;
}
.sfv7-a9 .box-show-hide .box-2-2 .box-2-l{
padding-right: 0;
}
.sfv7-a9 .box-show-hide .box-2-2 .box-2-r{
padding-left: 0;
}
}
*/
/*@media screen and (max-width: 511px){
.sfv7-a9 .box-1-bg{
height: 175px;
}
}*/
/*
@media screen and (max-width: 515px){
.sfv7-a9 .box-center .box-2 {
height: 70px;
}
.sfv7-a9 .box-center.heightShow {
height: 89px;
}
.sfv7-a9 .box-center.heightHide {
height: 70px;
}
.sfv7-a9 .box-center.heightShow2 {
height: 70px;
}
.sfv7-a9 .box-center.heightHide2 {
height: 70px;
}
.sfv7-a9 .box-center .box-2 .row-1 {
padding-top: 25px;
}
.sfv7-a9 .box-1 .col-1 .top-1 span{
font-size: 16.42px;
color: #fff;
font-family: Meiryo;
text-align: center;
padding: 15px 5px;
}
.sfv7-a9 .box-1-bg{
height: 165px;
}
.sfv7-a9 .box-1 .col-2 span{
color: #000000;
font-family: Meiryo;
font-size: 12px;
}
.sfv7-a9 .box-center .box-2 .row-1 p > a{
font-size: 17px;
}
.sfv7-a9 .box-1 .col-1 .top-1{
margin-right: 2% !important;
}
*/
/*box-bottom*/
/*
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-button .btn{
width: 240px;
}
.sfv7-a9 .box-center .row-1 img{
max-width: 70%;
}
.sfv7-a9 .box-center .box-2 .row-1 p > a {
margin-left: 0px;
}
.sfv7-a9 .box-1 .col-1 .vt {
padding-top: 25px;
}
}
@media screen and (max-width: 420px){
.sfv7-a9 .bg-blue-box-mini{
background-color: #0099cc;
width: 62px;
height: 70px;
float: left;
margin-right: 2% !important;
}
.sfv7-a9 .box-1 .col-1 .top-1{
margin-right: 0% !important;
margin-left: 2%;
}
.sfv7-a9 .box-1 .col-1{
padding: 15px 8px;
}
.sfv7-a9 .box-1 .col-2{
padding-left: 10px;
padding-right: 10px;
}
.sfv7-a9 .box-center .box-2 .row-1 p > a{
margin-left: 3px;
}
.sfv7-a9-hr-top hr{
margin-top: 10px !important;
}
.sfv7-a9 .box-1 .col-2 span{
line-height: 20px;
}
.sfv7-a9 .box-center .box-2 .row-1 p{
padding-top: 3px;
}
/*box-bottom*/
/*
.sfv7-a9 .box-bottom .box-bottom-content{
padding-top: 20px;
padding-bottom: 0px;
}
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-content-right .box-bottom-img-1{
margin-right: 0;
}
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-content-left .top-text span{
font-size: 15px;
}
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-content-left .top-text-content span{
font-size: 12px;
}
*/
/*box-botoom*/
/*
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-button{
padding-left: 0;
}
.sfv7-a9 .box-bottom .box-bottom-content .box-bottom-content-left .top-text-content span{
padding-left: 3px;
padding-right: 3px;
}
.sfv7-a9 .sfv7-a9-link{
display: none;
}
}
@media screen and (max-width: 320px){
*/
/*box-hide-show*/
/*
.sfv7-a9 .box-show-hide .box-2{
height: auto;
}
.sfv7-a9 .box-show-hide .box-2-r{
float: none !important;
padding-top: 10px;
}
.sfv7-a9 .box-show-hide .box-2-l{
float: none !important;
}
.sfv7-a9 .box-center .box-2 .row-1 p > a{
font-size: 16px;
}
.sfv7-a9 .box-center .box-2{
height: 75px;
}
.sfv7-a9 .box-center .box-2 .row-1{
padding-top: 25px;
}
*/
/*/box-hide-show*/
/*
.sfv7-a9 .box-bottom{
margin-top: 30px;
}
}
*/
/*==============================================================================================*/
/*=======================================End BLOCK-P7===================================================*/
/*==============================================================================================*/
/* datepicker */
.ui-icon-circle-triangle-e {
color: #000;
}
.ui-icon-circle-triangle-w {
color: #000;
}
/* share button */
.b1c8-buttons-plus-fb {
margin-bottom: 20px;
}
/* order complete photo_goods_area */
.photo_goods_area {
background: #fbef8b;
padding: 5px 10px;
font-size: 15px;
width: 80%;
margin: 0 auto;
}
/*
.ui-widget-header .ui-icon {
background-image: url(../images/ui-icons_222222_256x240.png) !important;
}
**/
/* file upload input */
.input-append.sfv4-b2-browse-img input{
font-size: 16px;
}
#socialbuttons {
margin:0 auto;
width: 350px;
margin-top: 10px;
}
.sfv4-form-control-textbox-1 select {
padding: 5px;
font-size: 15px;
}
.form-input select {
padding: 5px;
font-size: 15px;
}
/* pagination */
/*
.pagination span, .pagination a, .pagination em{
height: 20px;
padding-top: 3px;
width: 20px;
display: inline-block;
background: #FFF;
text-align: center;
}
.pagination {
font-size: 10px;
}
.pagination a{
color: #228784;
}
.pagination span{
color: #003300;
}
.pagination em{
color: #FFF;
background: #f68f67;
}
.pagination a:hover {
background: #000000;
color: #fff!important;
}
.radio_button_area {
width: 90%;
padding:0px 10px 10px 0px;
margin-left: 10px;
}
.radio_button_area .radio-inline {
}
.radio_button_area .radio-inline {
margin-left: 17px;
color: #666;
font-size: 13px;
margin-bottom: 10px;
}
.radio_button_area .radio-inline label {
margin-left: -26px;
margin-top: -2px;
position: absolute;
}
*/
.col-sm-12.sfv4-fsp5-firstName {
padding-left: 15px;
}
.sfv4-f4-5-select-address select {
width: 100% !important;
}
.mypage-submenu.sfv2-menu {
position: fixed;
z-index: 100;
top: 13px;
}
.row.sfv3-f4-button.sfv3-f3-button .col-md-3 {
width: 20%
}
.col-md-3 .f14-buttonRight.btn-white-small {
width: 190px;
}
.search_address_button_area {
float:left;
width:30%;
}