@charset "UTF-8";
@import url("https://sv304.xserver.jp/~days03/days03.xsrv.jp/scripts_lib/multibox_2/css/multiBox.css");
@import url("https://sv304.xserver.jp/~days03/days03.xsrv.jp/scripts_lib/smoothgallery_2.1/css/jd.gallery.css");
@import url("https://sv304.xserver.jp/~days03/days03.xsrv.jp/scripts_lib/jquery_tools/jquery-scrollable/scrollable.css");
@import url("base.css");

/* ----- TOP ----- */

.top, .about {
    padding: 10px;
}

.top h1 {
    margin: 0 0 20px 0;
    text-align: center;
}

.top .link {
    text-align: center;
    font-size: 100%;
    margin-bottom: 20px
}

#news {
    border-top: 1px solid #CAC9CF;
    border-bottom: 1px solid #CAC9CF;
    padding: 10px 0;
    margin: 0 0 20px 0;
    font-weight: bold;
}

#news h2 {
    color: #175D9F;
    text-align: center;
}

.top dl {
    width: 100%;
    margin-bottom: 10px;
}

.top dt {
    width: 70%;
    height: 50px;
    float: left;
    padding: 0;
    margin: 0 5% 0 0;
    display: table;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

    color: #FFF;
    background: #c8c8cb;

    box-shadow: 0px 3px 5px 0px #a6a6a6;
    -moz-box-shadow: 0px 3px 5px 0px #a6a6a6;
    -webkit-box-shadow: 0px 3px 5px 0px #a6a6a6;
}

.top dt a {
    color: #FFF;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
}

.top dt a:hover {
    color: #FFF;
    text-decoration: none;
}

.top dd {
    width: 25%;
    height: 50px;
    margin: 0;
    padding: 0;
    float: left;
    border: 1px solid #c8c8cb;
    box-sizing: border-box;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;

    text-align: center;
}

.top dt.full {
    width: 100%;
}

.top dd h3 {
    color: #FFF;
    font-size: 75%;
    padding: 2px;
    margin: 0;
    background: #c8c8cb;
    font-weight: bold;
}

.top dd .number {
    font-size: 120%;
}

.top dd .unit {

}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

.text_center {
    vertical-align: middle;
    text-align: center;
}

/* 待ち人数ページ */
header #backbutton a {
    width: 90%;
}

#contentsname {
    border: 3px solid;
}

.transference #contentsname {
    border-color: #213190;
    width: 90%;
    color: #213190;
    padding: 10px 5px;
    font-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.transfer #contentsname {
    border-color: #E6007F;
    width: 90%;
    color: #E6007F;
    padding: 20px 5px;
    font-size: 100%;
    text-align: center;
    margin: 0 auto;
}

.certificate #contentsname {
    border-color: #D2691E;
    width: 70%;
    color: #D2691E;
    padding: 10px 5px;
    font-size: 100%;
    text-align: center;
    margin: 10px auto;
}

.call {
    padding: 40px 0;
    border-top: 1px solid #C2C2C2;
    border-bottom: 1px solid #C2C2C2;
    font-size: 130%;
    margin: 0;
}

.call span {
    color: #fff;
    padding: 0 5px;
    display: inline-block;
}

p.caution {
    padding: 40px 0;
    font-size: 120%;
    margin: 0;
    border-bottom: 1px solid #C2C2C2;
}

p.caution span {
    color: #fff;
    padding: 0 5px;
    display: inline-block;
    margin: 5px 0;
}

.transference dl, .transfer dl {
    overflow: hidden;
    margin-top: 10px;
}

.transference p.caution span, .transference .call span {
    background-color: #27A84B;
}

.transfer p.caution span, .transfer .call span {
    background-color: #E6007F;
}

.certificate p.caution span, .certificate .call span {
    background-color: #18217E;
}

footer ul {
    margin: 0 auto;
    width: 90%;
}

footer ul li {
    list-style: none;
    margin: 0 auto 10px;
    text-align: center;
    padding: 0;
}

footer ul li a {
    display: block;
    padding: 20px 10px;
    font-weight: bold;
    vertical-align: middle;
}

footer ul.banner li a {
    padding: 5px 10px;
    width:100%;
}
footer ul.banner li a img{
    width:100%;
}

footer ul a#kosugib {
    background-color: #69C2EE;
}

footer ul a#hoseib {
    background: #F7F7F7;
    font-size: 100%;
    border-radius: 5px;
}

footer ul a#musashikosugib {
    background-image: -moz-linear-gradient(50% 0%, rgb(206, 228, 189) 0%, rgb(146, 192, 34) 100%);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgb(206, 228, 189)), color-stop(1, rgb(146, 192, 34)));
    background-image: -webkit-linear-gradient(rgb(206, 228, 189) 0%, rgb(146, 192, 34) 100%);
    background-image: -o-linear-gradient(rgb(206, 228, 189) 0%, rgb(146, 192, 34) 100%);
    background-image: -ms-linear-gradient(rgb(206, 228, 189) 0%, rgb(146, 192, 34) 100%);
    background-image: linear-gradient(rgb(206, 228, 189) 0%, rgb(146, 192, 34) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcee4bd,endColorstr=#ff92c022,GradientType=0)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcee4bd, endColorstr=#ff92c022, GradientType=0);
    font-size: 85%;
}

.top footer h1 {
    margin: 20px auto;
    background-color: #F0F0F0;
    font-size: 80%;
    padding: 10px 0;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#ff555555,Positive=true)";
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#ff555555, Positive=true);
}

/* ----- このサイトについて ----- */
.about h1 {
    border-left: 15px solid #BEDD99;
    background-color: #EBF4E3;
    padding: 5px 0 5px 10px;
    margin: 0 0 20px 0;
    font-weight: bold;
    font-size: 120%;
}

.about footer {
    text-align: center;
}

.about footer h1 {
    background-color: #1D2089;
    border: none;
    color: #fff;
    font-size: 110%;
}

.about footer h2 {
    font-size: 140%;
    font-weight: bold;
}

/* ----- 混雑予想カレンダー ----- */
.calender h1 {
    width: 90%;
    margin: 10px auto 20px;
}

.calender div.anticipation {
    width: 90%;
    margin: 20px auto 0;
    text-align: center;
}

.calender table {
    width: 100%;
    border-spacing: 1px;
    border: 1px solid #000;
    background-color: #000;
    border-collapse: separate;
}

.calender td {
    padding: 5px;
    background-color: #fff;
    border: none;
    line-height: 1.5;
    text-align: center;
}

.calender th {
    padding: 5px;
    background: #fff;
    border-bottom: 1px doubled #000;
}

.calender td.yellow {
    background-color: #F4F29D;
}

.calender td.red {
    background-color: #EE96C0;
}

.calender td.green {
    background-color: #C8DE95;
}

.calender .lucky {
    background: url(../pic/calender-lucky-bg.png) bottom right no-repeat #fff;
}

.calender .slash {
    background: url(../pic/calender-slash-bg.gif) center center no-repeat #fff;
}

.calender .slash_lucky {
    background: url(../pic/calender-slash_lucky-bg.gif) center center no-repeat #fff;
}

.calender .sat_lucky {
    background: url(../pic/calender-sat_lucky-bg.png) right bottom no-repeat #FFF;
    text-align: left;
    padding-left: 5px;
}

.calender .sat {
    background: url(../pic/calender-sat-bg.png) right top no-repeat #FFF;
    text-align: left;
    padding-left: 5px;
}

.calender h2 {
    font-size: 120%;
    margin: 0 0 10px;
}

.calender .caution {
    font-size: 120%;
    margin-top: 20px;
}

#wait_time_message {
    float: left;
    margin: 20px 0;
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid #CAC9CF;
}

#wait_time_message .time {
    font-size: 140%;
    text-align: center;
}

#wait_time_message h2 {
    font-size: 80%;
    font-weight: bold;
    margin: 0;
    text-align: center;
}

.example {
    color: #FFFFFF;
    padding: 0 5px;
    display: inline-block;
}

/* メールフォーム */
#mail {
    margin: 40px 0;
}

#mail h3 {
    padding: 10px;
    margin: 0 0 20px 0;
    text-align: center;
    color: #FFF;
}

#mail_contents {
    /*border: 3px solid #219d6b;*/
    /*padding: 20px 20px 0 20px;*/
}

#mail_input {
    text-align: center;
    margin: 20px;
}

#mail_button {
    text-align: center;
    font-weight: bold;
    display: block;
    text-decoration: none;
    color: #FFF;
    background: #219d6b;
    padding: 10px 10px 8px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.bg {
    padding: 0 5px;
}

.bg-lightgreen {
    background: rgba(33, 157, 107, 0.10);
}

.note {
    font-size: 80%;
    color: #666666;
    text-align: left;
}

.service-group-title {
    text-align: center;
    color: #FFF;
    margin: 0 0 10px 0;
    font-weight: bold;

    -webkit-background-size: 5px 5px;
    -moz-background-size: 5px 5px;
    background-size: 5px 5px;
    background-color: #175D9F;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,
    color-stop(.25, #006EA5), color-stop(.25, transparent),
    color-stop(.5, transparent), color-stop(.5, #006EA5),
    color-stop(.75, #006EA5), color-stop(.75, transparent),
    to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #006EA5 25%, transparent 25%,
    transparent 50%, #006EA5 50%, #006EA5 75%,
    transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #006EA5 25%, transparent 25%,
    transparent 50%, #006EA5 50%, #006EA5 75%,
    transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #006EA5 25%, transparent 25%,
    transparent 50%, #006EA5 50%, #006EA5 75%,
    transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #006EA5 25%, transparent 25%,
    transparent 50%, #006EA5 50%, #006EA5 75%,
    transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #006EA5 25%, transparent 25%,
    transparent 50%, #006EA5 50%, #006EA5 75%,
    transparent 75%, transparent);
}

/* カラー */
.service.purple dt,
.service.purple h3,
.bg-purple {
    color: #FFF;
    background: #9a0079;
}

.service.purple dd {
    border-color: #9a0079;
}

.service.purple .detail, .service.purple #wait_time_message {
    background: rgba(154, 0, 121, 0.11);
}

.service.light-purple dt,
.service.light-purple h3,
.bg-light-purple {
    color: #FFF;
    background: #d794be;
}

.service.light-purple dd {
    border-color: #d794be;
}

.service.light-purple .detail, .service.light-purple #wait_time_message {
    background: rgba(215,148,190,0.11);
}

.service.red dt,
.service.red h3,
.bg-red {
    color: #FFF;
    background: #e60013;
}

.service.red dd {
    border-color: #e60013;
}

.service.red .detail, .service.red #wait_time_message {
    background: rgba(230,0,19,0.11);
}

.service.light-blue dt,
.service.light-blue h3,
.bg-light-blue {
    color: #FFF;
    background: #66ccff;
}

.service.light-blue dd {
    border-color: #66ccff;
}

.service.light-blue .detail, .service.light-blue #wait_time_message {
    background: rgba(102, 204, 255, 0.11);
}

.service.pink dt,
.service.pink h3,
.bg-pink {
    color: #FFF;
    background: #ff99a0;
}

.service.pink dd {
    border-color: #ff99a0;
}

.service.pink .detail, .service.pink #wait_time_message {
    background: rgba(255, 153, 160, 0.11);
}

.service.yellow dt,
.service.yellow h3,
.bg-yellow {
    color: #444;
    background: #f3ed3d;
}
.service.yellow dt {
    text-shadow: 1px 1px 1px #fff;
}

.service.yellow dt a {
    color: #444;
}

.service.yellow dd {
    border-color: #f3ed3d;
}

.service.yellow .detail {
    background: rgba(243, 237, 61, 0.11);
}

.service.orange dt,
.service.orange h3,
.bg-orange {
    color: #FFF;
    background: #ff9900;
}

.service.orange dd {
    border-color: #ff9900;
}

.service.orange .detail {
    background: rgba(255, 153, 0, 0.11);
}

.service.green dt,
.service.green h3,
.bg-green {
    color: #FFF;
    background: #35a16b;
}

.service.green dd {
    border-color: #35a16b;
}

.service.green .detail, .service.green #wait_time_message {
    background: rgba(53, 161, 107, 0.11);
}

.service.navy dt,
.service.navy h3,
.bg-navy {
    color: #FFF;
    background: #1d208b;
}

.service.navy dd {
    border-color: #1d208b;
}

.service.navy .detail, .service.navy #wait_time_message {
    background: rgba(29,32,139,0.1);
}

.service.blue dt,
.service.blue h3,
.bg-blue {
    color: #FFF;
    background: #3380c8;
}

.service.blue dd {
    border-color: #3380c8;
}

.service.blue .detail {
    background: rgba(51, 128, 200, 0.11);
}

.category-wait-time {
    text-align: center;
    margin-bottom: 10px;
}

.category-wait-time span {
    font-size: 140%;
}