/*
Theme Name: Oriental Hotel Kobe
Theme URI: http://orientalhotelkobe.jp
*/

.mw_wp_form_preview .form_button {
	display: none;
}
.mw_wp_form_preview .form_select_bg {
	position: initial !important;
	background: initial !important;
	text-align: initial !important;
    border: none;
    padding: initial;
}

/*@media screen and (max-width: 768px) {
	.ui-widget-content {
		width: 76% !important;
	}
}
.ui-datepicker .ui-datepicker-prev {
    left: 90px !important;
    top: 17px !important;
}
.ui-datepicker .ui-datepicker-next {
    right: 90px !important;
    top: 18px !important;
}*/

.mw_wp_form_preview .text_01,
.mw_wp_form_preview .text_01 p {
    font-size: 12px !important;
    color: #afb1b0 !important;
}

.mw_wp_form_preview .reservation .reservation_col_02,
.mw_wp_form_preview .reservation .reservation_col_01 {
	font-size: 14px !important;
	color: #000 !important;
}

.thanks_inner {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}

.mw_wp_form .error {
	text-align: left;
}
.mw_wp_form_preview .form_select_bg:after {
	display: none !important;
}

p.red { margin-top: 10px; color: #b40014; }

/*ヘッダー、フッターメニューの「人気！」を赤色に変更*/
.popular{
    color:#ff0000;
}

/*ウェディングページ、メインビジュアル中のボタン*/
.mv_submit_btn.color_wedding_02{
    font-size:1pc;
    line-height:30px;
}

.mv_submit_btn.color_wedding{
    /* font-size:1pc; */
    font-size:0.9pc;
    max-width: 540px;
}

/*ウェディングページ、メインビジュアル中央の緑のボタン*/
.twice {
    width: 100%;
    position: absolute; 
    bottom: 40px; 
    z-index: 2;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .mv_bottom{
        margin-top: 1vh;
        margin-bottom: 1vh;
    }

	.mv_submit_btn.color_wedding_02{
		font-size:12px;
        line-height:36px;
        padding: 2px 0;
	}

    .mv_submit_btn.color_wedding{
        font-size:12px;
        /* font-size:85%; */
        padding: 2px 0;
        height: auto;
    }
    
    .wedding-sp-wrap .mv, .mv_img {
        position: initial;
        display: flex;
        flex-direction: column-reverse;
    }
    
    .wedding__nav {
        width: 100%;
        position: fixed;
        bottom:36px; 
        z-index: 9;
    }
    
    .wedding__fair a {
        width: 96%;
        margin: 0 auto;
        color: #ffffff; 
        display: block; 
        font-size: 12px;  
        background: #ac9954;
        text-align: center;
        line-height: 1.5;
    }
    
    .wedding__plan a {
        width: 96%;
        margin: 0 auto;
        color: #ffffff; 
        display: block; 
        font-size: 12px; 
        color: #000000;
        background: #FFF;
        text-align: center;
        padding: 7px 0;
    }
}

@media screen and (max-width: 414px) {
    .mv_submit_btn.color_wedding {
        font-size: 11px;
    }
}

/* optima */
.searchCalWidget *{margin:0;padding:0;color:#333;text-decoration:none;box-sizing:border-box;}
.searchCalWidget select{padding:.25em 1em;font-size:16px;outline:none;border:1px solid #999;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
.searchCalWidget select::-ms-expand{display:none;}
.searchCalElement>ul{list-style:none;margin:0 0 1em;display:flex;justify-content:space-between;}
.searchCalElement>ul>li{width:48%;}
.searchCalElement>ul>li li{list-style:none;margin:0 0 .5em;padding:0 .5em .5em;border-bottom:1px solid #ddd;}
.searchCalElement>ul>li li dl{display:flex;align-items:center;flex-wrap:wrap;}
.searchCalElement>ul>li li dl dt{font-size:14px;}
.searchCalElement>ul>li li dl dt span{margin-left:.25em;font-size:11px;}
.searchCalElement>ul>li li dl dd{margin-left:auto;}
.searchCalButton{padding:0 0 2em;display:flex;align-items:center;justify-content:center;}
.searchCalButton input{padding:.4em 2em;font-size:14px;font-weight:700;color:#fff;background:#333;border:none;border-radius:4px;cursor:pointer;}
.searchCalSelectBox{padding:0 0 .5em;display:flex;align-items:baseline;flex-wrap:wrap;}
.searchCalSelectBox>div>ol>li button{width: 28px; height: 27px;}
.searchCalNote {display:flex;justify-content:space-between;padding:1em 0 1em;}
.searchCalNote ol{list-style:none;display:flex;}
.searchCalNote li{margin-right:1.5em;font-size:13px;line-height:16px;display:flex;}
.searchCalNote li svg{margin-right:5px;width:16px;height:16px;fill:#333;}
.searchCalNote p{font-size:13px;line-height:16px}
.searchCalSelect{margin-left:auto;padding:0 0 1em;display:flex;align-items:stretch;}
.searchCalSelect ol{list-style:none;display:flex;align-items:stretch;}
.searchCalSelect ol li{margin-left:5px;}
.searchCalSelect ol li button{padding:5px 5px 4px;height:100%;display:flex;align-items:center;justify-content:center;width:28px;border:1px solid #999;border-radius:3px;background:transparent;cursor:pointer;}
.searchCalSelect ol li button:disabled{opacity: .5}
.searchCalSelect ol li svg{width:16px;height:16px;fill:#666;pointer-events:none;}
.searchCalAdult dt>span{color:#666666;margin-left:1em;}
.searchCalChildren {font-size:14px;}
.searchCalChildren dt>span{color:#666666;margin-left:1em;}
.searchCalChildren dd>span{margin:0 2px;}
#searchCal>dl>dt{padding:0 0 .5em;font-size:16px;font-weight:700;}
#searchCal>dl>dd ul{list-style:none;display:flex;}
#searchCal>dl>dd ul li{padding:.25em;font-size:11px;text-align:center;background:#eee;flex:1;}
#searchCal>dl>dd ul li:first-child{color:#ff4d4d;}
#searchCal>dl>dd ul li:last-child{color:#006dd9;}
#searchCal>dl>dd ol{list-style:none;display:flex;flex-wrap:wrap;border:solid #ddd;border-width:1px 0 0 1px;}
#searchCal>dl>dd ol li{width:14.28571%;min-height:70px;position:relative;border:solid #ddd;border-width:0 1px 1px 0;}
#searchCal>dl>dd ol li dl{padding-bottom:1.25em;}
#searchCal>dl>dd ol li dt{padding-top:.25em;font-size:18px;font-weight:700;text-align:center;}
#searchCal>dl>dd ol li:nth-child(7n) dt{color:#006dd9;}
#searchCal>dl>dd ol li:nth-child(7n-6) dt{color:#ff4d4d;}
#searchCal>dl>dd ol li.none dl{opacity:.25;cursor:not-allowed;}
#searchCal>dl>dd ol li dl dd{padding:.25em 0 .5em;display:flex;justify-content:center;}
#searchCal>dl>dd ol li dl dd svg{width:20px;height:20px;fill:#333;}
#searchCal>dl>dd ol li dd p{font-size:10px;font-weight:700;text-align:center;text-indent:-.4em;width:100%;position:absolute;bottom:5px;left:0;}
@media screen and (max-width:640px){
  .searchCalElement>ul>li li dl dt{font-size:12px;}
  .searchCalElement>ul>li li dl dt span{font-size:10px;}
  #searchCal>dl>dd ol li dd p{transform:scaleX(.75);}
}
/* optima end */