@charset "utf-8";



.boxloginfuki{
position: relative;
padding: 10px 0;font-size: 1.6rem;letter-spacing: 0;
color: #fff;border-radius: 10px;background: #ef7e40;width: 150px;text-align: center;margin-bottom: 20px;margin-left: auto;margin-right: auto;}

.boxloginfuki:after {
position: absolute;bottom: -30px;left: 70px;width: 0;height: 0;content: '';border-width: 20px 10px 12px 10px;border-style: solid;border-color: #ef7e40 transparent transparent transparent;}

.logout p{background-color: #ef7e40;color: #ffffff;text-align: center;font-size: 1.6rem;letter-spacing: 0;margin-bottom: 5px;}



.urlbox{font-weight: 900;font-size: 1.8rem;color: #7a6a56;letter-spacing: 0;}
.urlbox a{color: #7a6a56 !important;}
.urlbox a:link{color: #7a6a56 !important;}

.step1{text-align: center;width: 420px;}
.step1 p{text-align: left;line-height: 1.3;}
.step1 .qrbox{display: -webkit-flex;display: flex;margin-top: 15px;}
.step1 .qrbox .qr{margin-left: 15px;}
.riyobox .wnew,.torokubox456 .wnew,.seconddetail.wnew{display: -webkit-flex;display: flex;    -webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.syotaiway_in{display: -webkit-flex;display: flex;}
.wnew .yazi01{margin-right: 20px;}
.borderbgbox00 .wnew{-webkit-align-items: flex-start;align-items: flex-start;}
.borderbgbox00{margin-top: 40px;}
.borderbgbox00 .wnew .l{width: 400px;}
.borderbgbox00 .wnew .r{width: 400px;}
.borderbgbox00 .wnew .numboxtitor{margin-left: -0.8em;}
.borderbgbox00 .wnew .l img,
.borderbgbox00 .wnew .r img{margin-top: 6px;}

.stepc2{margin-left: -3em;}
.stepc2 .stepc2_1{background-color: #ef7e40;color: #ffffff;padding-left: 15px;margin-top: 35px;margin-bottom: 10px;}
.stepc2 .stepc2_2 .bikkuri{display: block;color: #ffffff;width: 20px;height: 20px;line-height: 20px;border-radius: 50%;text-align: center;background-color: #ef7e40;font-weight: 900;margin-right: 5px;}
.stepc2 .stepc2_2{display: -webkit-flex;display: flex;}

.torokubox456 .wnew{-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}

.toroku02 .borderbgbox00{padding: 15px !important;width: 95%;color: #ef7e40;font-weight: 900;margin-top: 0 !important;margin-bottom: 10px;}

.toroku03_0{display: -webkit-flex;display: flex;    -webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.toroku03 .y1{position: relative;display: inline-block;padding: 0 0 0 30px;color: #ef7e40;vertical-align: middle;text-decoration: none;font-size: 15px;}
.toroku03 .y1::before,
.toroku03 .y1::after{position: absolute;top: 15px;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.toroku03 .y1::before{
left: 10px;
box-sizing: border-box;
width: 10px;
height: 10px;
border: 10px solid transparent;
border-left: 10px solid #ef7e40;
}

.toroku03 .indent00{line-height: 1.2;}
.toroku03_3 p.normal{letter-spacing: 0;}
.toroku02 .text0023{line-height: 1.2;letter-spacing: 0;color: #ef7e40;margin-left: 15px;margin-top: 10px;}

.syotaiway{position: relative;display: inline-block;margin: 0 0 1.5em 15px;padding: 7px 10px;
width: 100%;letter-spacing: 0.1em;
background: #f9f8f7;border: solid 2px #968875;box-sizing: border-box;}

.syotaiway:before {
content: "";position: absolute;top: 50%;left: -24px;margin-top: -12px;border: 12px solid transparent;border-right: 12px solid #f9f8f7;z-index: 2;
}
.syotaiway:after {
content: "";position: absolute;top: 50%;left: -30px;margin-top: -14px;border: 14px solid transparent;border-right: 14px solid #968875;z-index: 1;}
.syotaiway div {margin: 0;padding: 0;}
.syotaiway .syotaiway_indetail{margin-left: 5px;}

.syotaiway .syotaiway_inway{color: #ef7e40;
width: 30%;text-align: left;
background-image: url(/w/schedule/images/s06/dotte.jpg);
background-repeat: repeat-x;
background-position: 50% 1.0em;
}
.wnew.seconddetail .ph{margin-right: 15px;margin-top: 10px;}


.syotaiway .syotaiway_inway span{position: relative;padding: 0 1em;background: #f9f8f7;}

@media screen and (max-width: 895px) {
.syotai .first{width: 100%;}
.syotai .first img{width: 100%;height: auto;}
}

@media screen and (max-width: 1200px) {
.torokubox456 .wnew{width: 85%;}
.riyobox .wnew{width: 90%;}
.syotai .wnew{width: 90%;}
.syotaiway{letter-spacing: -0.05em;}
}
@media screen and (max-width: 1100px) {
.riyobox .wnew{-webkit-flex-direction: column;flex-direction: column;}
.riyobox .wnew .yazi01{transform:rotate(90deg);}
.riyobox .wnew .logout{margin-top: 80px;}
}
@media screen and (max-width: 1000px) {
.torokubox456 .wnew{width: 90%;}
.syotaiway{padding: 7px 3px !important;}
.syotaiway_indetail{font-size: 1.2rem !important;}
.syotaiway .syotaiway_inway span{padding: 0 0.1em !important;}

}

@media screen and (max-width: 980px) {
.borderbgbox00 .wnew .numboxtitor{margin-left: 1.8em !important;}
.borderbgbox00 .wnew .l{width: 50%;}
.borderbgbox00 .wnew .r{width: 48%;}
.borderbgbox00 .wnew{-webkit-justify-content: space-between;justify-content: space-between;margin: 0 5px;}
.stepc2{margin-left: 0;}
.torokubox456 .wnew{width: 95%;}

}
@media screen and (max-width: 960px) {
.torokubox456 .wnew{width: 100%;}
.step1{width: 100%;}

}

@media screen and (min-width: 769px) {
.riyobox .wnew .yazi01.widekotei456{width: 40px;}
.wnew.seconddetail .ph img{width: 300px;height: auto;}
.toroku03_3 img,
.toroku03_2 img,
.toroku03_1 img{width: 150px;height: auto;}
}


@media screen and (max-width: 768px) {
.step1 .qrbox,
.riyobox .wnew,.torokubox456 .wnew,
.seconddetail.wnew,
.toroku03_0,
.syotaiway_in{-webkit-flex-direction: column;flex-direction: column;}
.step1 .gamen01{width: 100%;}
.step1 .gamen01 img{width: 100%;height: auto;}
.logout img{width: 100%;height: auto;}
.riyobox .wnew .logout{margin-top: 0px;}

.step1 .qrbox .qr{margin: 20px 0 30px 0;}
.step1 .qrbox .qr img{width: 78px;height: 77px;}
.wnew .yazi01{margin-right: 0px;margin-left: 0px;margin-bottom: 80px;}
.borderbgbox00 .wnew .l{width: 100%;}
.borderbgbox00 .wnew .r{width: 100%;}
.borderbgbox00 .wnew{text-align: center;}
.borderbgbox00 .wnew p{text-align: left;}

.torokubox456{text-align: center;}

.toroku03 .y1{padding: 0px 0 60px 0;transform: rotate(90deg);}
.toroku03 .indent00{text-align: left;margin-top: 10px;}
.toroku04 p.normal{text-align: left;}
.text0023{text-align: left;}



.syotaiway .syotaiway_in .syotaiway_inway{width: 100%;}
.syotaiway .syotaiway_in{margin-bottom: 20px;}
.syotaiway{margin: 15px 0 1.5em 0;}

.syotaiway:before {
top: -24px;left: 50%;margin-left: -15px;border-bottom: 12px solid #f9f8f7;z-index: 2;margin-top: 0;border-right:0px;
}
.syotaiway:after {
content: "";position: absolute;top: -30px;left: 50%;margin-left: -14px;border-bottom: 14px solid #968875;margin-top: 0;border-right:0px;}

.first.wnew .sp{text-align: center;}
.first.wnew .sp img{width: auto;height: auto;margin-bottom: 15px;}
.first.wnew .yazi01{margin-bottom: 40px;}

.boxfukidashi00{position: relative;display: inline-block;margin: 1.5em 0;padding: 7px 10px;width: 100%;background: #f9f8f7;border: solid 2px #968875;box-sizing: border-box;}

.boxfukidashi00:before {content: "";position: absolute;top: -24px;left: 50%;margin-left: -15px;border: 12px solid transparent;border-bottom: 12px solid #f9f8f7;z-index: 2;}
.boxfukidashi00:after {content: "";position: absolute;top: -30px;left: 50%;margin-left: -17px;border: 14px solid transparent;border-bottom: 14px solid #968875;z-index: 1;}


}