/*
 Theme Name:   sydney child
 Template:     sydney
*/

/*-- ■■headerメニューのデザイン設定■■ -- */
/*-- 丸加工、色指定 -- */
#mainnav li { margin-right:5px; margin-bottom:5px; font-weight:bold; }
#mainnav .sub-menu li { margin-bottom:0px; }
/*-- ロゴ、メニュー表示範囲の調整 -- */
@media (min-width: 1025px) {
.header-wrap .col-md-4 { width: 30%; }
.header-wrap .col-md-8 { width: 70%; }
}
/*-- ipad横でメニューとスライダーが被る事象調整 -- */
@media only screen and (max-width: 1024px) {
.site-header.fixed { position: static !important; }
}
/*-- スマフォのメニューアイコン装飾 -- */
.btn-menu { color:#333 !important; }

/*-- パンくずリストの設定 -- */
div.breadcrumbs { margin-left: 0px; padding:5px 0 30px 10px; }

/*-- ■■footerメニューのデザイン設定■■ -- */
.footer-widgets { padding:30px 0 !important;}
@media (min-width: 992px) {
.footer-widgets .col-md-4 { width: 33.333%; }
}
.footer-widgets .widget {
    position: relative !important;
    margin-bottom: 0px !important;
    padding-top: 10px !important;
}

/*-- ■■全ページ共通のコンテンツ部分デザイン設定■■ -- */
/*-- ページビルダー上下左右余白設定 -- */
.panel-row-style { padding-top:10px !important; padding-bottom:30px !important; margin-bottom:0 !important; }
@media only screen and (max-width: 780px) {
.panel-grid-cell { margin-bottom: 0px !important; padding-right:0px !important; padding-left:0px !important; padding-bottom:30px !important; }
.panel-row-style { padding-bottom:0px !important; }
}

/*-- ページビルダーウェジットタイトル下余白 -- */
.panel-grid-cell .widget-title { margin-bottom:30px; }

/*-- 特定個所リンクの下線表示指定 -- */
.linkline a { text-decoration: underline; }

/*-- ページ内リンクのズレ調整と選択時の点線枠線を消す（ヘッダーメニュー表示時のみ） -- */
@media (min-width: 1025px) {
.inrink { padding-top:80px; margin-top:-80px; outline: none; }
}

/*-- ボタンウェジェットの行間設定 -- */
.ow-button-base a { line-height:25px; }

/*-- ■■TOPページのデザイン設定■■ -- */

/*-- トップページのh1設定 -- */
.top-h1 { font-size:14px; color:#fff !important; text-align:center; padding:10px; font-weight:normal; }

@media (min-width: 992px) {
.col-md-4 { width: 25%; }
}

/* アメリカンな(?)吹き出し */
@media (max-width: 780px) {
	.heading05 { font:bold 20px/1.6 Arial, Helvetica, sans-serif !important ; }
}
/* アメリカンな(?)吹き出し */
.heading05 { position:relative; padding:5px 20px; font:bold 25px/1.6 Arial, Helvetica, sans-serif; color:#333; 
    background:#fff; text-shadow:1px 1px 0 #fff,2px 2px 0 #999; border-top:#333 solid 3px; border-bottom:#333 solid 3px;
    background-image: -webkit-gradient(linear, left top, right bottom,
			from(			rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(255, 255, 255, 0.0)),
			to(				rgba(255, 255, 255, 0.0))
			);
	background-image: -webkit-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -moz-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -o-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: linear-gradient(to bottom -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-size:4px 4px;
}
.heading05:before{ content:" "; position:absolute; top:100%; left:24px; width:0; height:0; border-width:12px; 
    border-style:solid; border-color:transparent; border-top-color:#333; }
.heading05:after{ content:" "; position:absolute; top:100%; left:28px; width:0; height:0; border-width:8px;
	border-style:solid; border-color:transparent; border-top-color:#f0f0f0; z-index:1; }

/*-- コンテンツ部分（ヘッダー下エリア）上部余白設定 -- */
 .so-widget-sow-button-flat-e6242cea0aeb .ow-button-base a { padding:0.5em 1.5em !important; }

/*-- ■■固定ページのデザイン設定（TOP除く）■■ -- */
/*-- コンテンツ部分（ヘッダー下エリア）上部余白設定 -- */
.page-wrap { padding-top: 0 !important; }
/*-- ページタイトルの下余白設定 -- */
.single .entry-header, .page .entry-header { margin-bottom: 10px; }
/*-- コンテンツ見出し設定 -- */
.panel-grid-cell .widget-title {
	position:relative !important;
	padding:5px !important;
	font:bold 24px/1.6 Arial, Helvetica, sans-serif !important;
	text-align:center !important;
	color:#655 !important;
	border-top:1px dashed #aaa !important;
	border-bottom:1px dashed #aaa !important;
        border-right: 1px solid #fff !important;
	background:#fff !important;
	text-shadow:1px 1px 0 rgba(255,255,255,1) !important;
	box-shadow:	0 5px 4px -4px rgba(0,0,0,0.3) inset !important;
}
.panel-grid-cell .widget-title:after { background-color: #fff;}

/*-- BBQエリア紹介ページの日本語ミニタイトル -- */
.area-title { font-size:30px; font-weight:bold; font-family:'Yu Mincho','MS PMincho'; }
.jp-title { font-size:12px; margin-top:-22px; padding-top:0px; }
/*-- BBQエリア紹介ページの料金表示 -- */
.area-price { border-top:1px dotted #999; border-bottom:1px dotted #999; text-align:center;padding:10px; font-size:20px; font-weight:bold; color:#5bc58f; }
/*-- BBQエリア紹介ページのタイトル　スマフォ中央表示 -- */
@media only screen and (max-width: 780px) {
.area-title-center { text-align:center; }
}

/*-- 料金一覧・利用規約他、テーブルと見出しデザイン -- */
table.table-design { border-collapse: collapse; text-align: left; border-bottom:2px solid #008080; }
table.table-design td a { text-decoration: underline; }
table.table-design th { font-weight: bold; color: #fff; background:#008080; border:none !important; }
table.table-design td {	padding: 5px; border:none !important; }
table.table-design .bgg { background: #f3f6f7; }

.price-site { font-size:18px; font-weight:bold; color:#655 !important; margin: 20px 0 10px; }

/*-- セル内を左揃えにしたいときデザイン -- */
table.table-design-2 { border-collapse: collapse; text-align: left; border-bottom:2px solid #008080; }
table.table-design-2 td a { text-decoration: underline; }
table.table-design-2 th { font-weight: bold; color: #fff; background:#008080; border:none !important; }
table.table-design-2 td { padding: 5px 10px; border:none !important; text-align: left; }
table.table-design-2 .bgg { background: #f3f6f7; }


/*-- 利用規約の目次テーブルデザイン -- */
table.kiyaku-list { background:#008080; }
table.kiyaku-list td { border:2px solid #fff; width:33%; }
table.kiyaku-list td a { text-decoration: underline; color:#fff; }

/*-- 当日レンタル販売品ページデザイン -- */
.price-item { font-size:18px; font-weight:bold; color:#5bc58f; margin: 10px 0 5px; }

/*-- BBQ食材ページデザイン -- */
.price-one { background:#CC3300; color:#fff; padding:0px 5px; text-align:center; }

/*-- ■■サイドバーのデザイン設定■■ -- */
/*-- コンテンツ　上下余白調整 -- */
.widget-area .widget { padding-top: 10px; margin-bottom:20px; }
#sow-button-3 { margin-bottom:0px; }
/*-- タイトル下余白、アイコン設定 -- */
#secondary .widget-title { padding-bottom:10px; font-size:20px; color: #aad400 !important; }
#secondary .widget-title { background:url(../img/uploads/2018/03/menu-icon.png) no-repeat; background-size:50px; padding-left:60px; }
/*-- メニューリスト、サイズ・装飾 -- */
#secondary ul { font-size:18px; font-weight:bold; padding-left:45px; }
#secondary ul li { padding: 10px 0; }
#secondary ul li a { color:#888 !important; }
#secondary ul li:before {
  font-family: FontAwesome;
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 1.0em;
  color: #aad400;
}
/*-- 検索窓 -- */
#search-2 .widget-title {
    background:url(../img/uploads/2017/11/search.png) no-repeat; background-size:20px;
    padding-left:30px; color:#888 !important;
}

/*-- 最近の投稿 -- */
#recent-posts-2 li { font-size:15px ; font-weight:normal; color:#d65050;}
#recent-posts-2 ul li a { color:#d65050 !important;}


/*-- ■■　ブログ関連　■■ -- */
.meta-post { display:none; }

/*-- 投稿一覧レイアウト -- */
@media only screen and (min-width: 781px) {
.posts-layout .entry-thumb { margin-right: 20px; float: left; width: 30%; }
}
.posted-on { display:none; }　 /*--　投稿日非表示 -- */

/*-- Shortcodes UltimateのCSSは、管理画面メニューのショートコードにて -- */


/*-- ■■　ContactForm7　■■ -- */
/*-- 入力フォーム装飾 -- */
.wpcf7 select, input[type="number"] { width: 300px !important; }
#cf7messeage { width: 500px !important; }
.toiawase-width { width: 350px !important; }
/*-- 確認画面装飾 -- */
.wpcf7c-conf {background-color: #fff !important; color: #999 !important; border-bottom:1px solid #333333 !important;
              border-top:none !important; border-left:none !important; border-right:none !important; }
/*-- 送信完了画面設定 -- */
.sent .contact-input-area { display: none; }
.thanks { display:none; }
.sent .thanks { display:block; }
div.wpcf7-mail-sent-ok { display: none !important; }
/*-- レスポンシブ設定 -- */
@media (max-width: 600px) {
.form-width { max-width: 100%; }
}

/*-- ■■　UltimateFAQ　■■ -- */
.ufaq-faq-category-title h4 { font-size:18px; font-weight:normal; color:#fff; padding:5px 20px; background-color:#aad400; margin-bottom:10px; border-radius:25px;}
.ufaq-faq-title-text h4 { font-size:18px; font-weight:normal; }
.ewd-ufaq-post-margin-symbol span { font-size:20px; padding-top:3px;}
.ufaq-faq-category-inner { margin-bottom: 40px; }
.ufaq-faq-body { border:1px solid #aad400; border-radius:25px; padding-bottom:0px; }
.ufaq-faq-div { margin: 10px 0; }

/*--▽MTS-BookingFoam関連▽ -- */

.monthly-calendar h3 { font-size:2.0rem !important; }
.calendar-caption { font-size:2.0rem !important; }
.monthly-prev-next { font-size:2.0rem !important; }

/*--フォームで料金非表示 -- */
.unit-price { display:none; }

/*--カレンダー時間割の外観、フォント調整 -- */
.day-calendar h3 { font-size: 2.0rem !important; }
.day-calendar table { margin-left: auto; margin-right: auto; max-width:300px;}
th.day-right { font-size: 1.7rem !important; }
th.day-left { font-size: 1.7rem !important; }
.calendar-mark { font-size: 2.0rem !important; }
.day-calendar th { padding:10px !important; }


/*--フォームの外観、フォント調整 -- */
.content-form legend { font-size: 1.5rem !important; }
.content-form th { font-size: 1.3rem !important; }
.content-form td { font-size: 1.3rem !important; text-align:left; }
.content-form input, .content-form textarea { font-size: 1.3rem !important; }
.content-text.medium { width: 95% !important;max-width:400px; }
.content-text.fat { max-width:400px; }
.content-form select { font-size: 1.3rem !important; }
.content-form input.booking-option-number { width: 8rem !important; }
select, input[type="number"] { width:100px; }
/* 入力フォームのスマホ対応 */
@media (max-width: 480px) {
    .input-number { float:none !important; }
    #booking-option-fieldset table th,
    #booking-option-fieldset table td,
    #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 {
        display: block;
        float: none;
        width: 90%;
        text-align: center;
        overflow: auto;
    }
}