@charset "utf-8";
/*
Template: jstork19
Theme Name: stork19_custom
Theme URI:http://open-cage.com/stork19/
Version: 1.1.0
Author: opencage
Author URI: https://open-cage.com/
*/


/*----------------------------------
トップページ お知らせエリア
----------------------------------*/
.iwwa-topnotice-area p {
    margin: 0 0 0.5em;
}

@media only screen and (max-width: 767px) {
    .iwwa-topnotice-wrap {
        margin: 0 0.5rem 0.5rem;
    }
}

/*----------------------------------
ranking
----------------------------------*/

.home.blog.paged #ranking{
    display: none;
    
}

#ranking{
    width: 95%;
    max-width: 1166px;
   margin: 0 auto 10px;
}

#ranking  h1{
    text-align: center;
}

#ranking .weekly {
    background-color: #fff;
    padding: 20px;
}

#ranking .weekly table{
    text-align: center;
    max-width: 460px;
    margin: 0 auto;
}
#ranking .weekly .arari{
    margin-bottom: 20px;
}


#ranking .weekly thead th,
#ranking .weekly tbody td{
    width: 40%;
    border: none;
    padding: 0.2em 0.5em;
}
#ranking .weekly thead th:first-child,
#ranking .weekly tbody td:first-child{
    width: 20%;
}
#ranking .weekly thead th {
  background-color: #FFF;
}

@media screen and (min-width:959px){

/*----------------------------------
ranking
----------------------------------*/
#ranking{
   margin: 0 auto 20px;
}
#ranking .weekly .arari,
#ranking .weekly .visits{
   display: inline-block;
    width: 49%;
}
#ranking .weekly .arari,#ranking .weekly .visits{
    margin-bottom: 0;
}
    
}/*----------------------------END*/

/*----------------------------------
予約フォーム
----------------------------------*/
/*--------　カレンダーの文字----------------*/
.calendar-time-mark .time-string {
    font-size: 1.1rem!important;
}


/*--------　ご予約 人数の幅調整　----------------*/
#client-adult {
width: 90px!important;
}
/*--------　ご連絡事項 サイズ調整----------------*/
#booking-message-fieldset table td textarea{
width:95%;
}

/*--------　ご連絡先 inputサイズ調整----------------*/
#client-company.content-text.medium {
width: 100%;
}
.content-form .booking-seimei,.input-number{
text-align: left!important;
}
#booking-sei.content-text.small-medium,#booking-mei.content-text.small-medium{
width: 50%;
}

/*----------------------------------
予約フォームのスマホ
----------------------------------*/
@media (max-width: 480px) {
#booking-form .input-number {
float: unset;
text-align: center!important;
}
#booking-form select {
display: block;
margin: 0 auto;
}

#booking_client-fieldset table th,
#booking_client-fieldset table td,
#booking-reservation-fieldset table th,
#booking-reservation-fieldset table td,
#booking-message-fieldset table th,
#booking-message-fieldset table td,
#booking-confirm-fieldset table th,
#booking-confirm-fieldset table td ,
#booking-message-fieldset table th,
#booking-message-fieldset table td{
display: block;
float: none;
width: 98%;
text-align: center;
overflow: auto;
}
#booking-form .field, #booking-form input[type="color"], #booking-form input[type="date"], #booking-form input[type="datetime"], #booking-form input[type="datetime-local"], #booking-form input[type="email"], #booking-form input[type="month"], #booking-form input[type="number"], #booking-form input[type="password"], #booking-form input[type="search"], #booking-form input[type="tel"], #booking-form input[type="text"], #booking-form input[type="time"], #booking-form input[type="url"], #booking-form input[type="week"], #booking-form select, #booking-form textarea {
width: 100%;
}

#booking-form .content-form .booking-seimei {
text-align: left;
width: 3rem;
display: block;
}  

}