/*
Theme Name: Bar Chœur2015
Template: attitude-pro
Author: Bar and Restaurant Corporation
Author URI: http://www.brc.ne.jp/
Description: これは「Attitude Pro」の子テーマです。親テーマといっしょでないと正常に機能しません。
Version: 1.0
*/
 
@import url('../attitude-pro/style.css');

/* 基本の文字色 */
body {
	color: #663d00;
}
a:hover {
	text-decoration: none;
}

/* 区切り線の装飾 */
hr {
	clear: both;
    border: 0;
	margin: 7px 0 8px 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(183,109,44,0), rgba(183,109,44,0.75), rgba(183,109,44,0));
    background-image:    -moz-linear-gradient(left, rgba(183,109,44,0), rgba(183,109,44,0.75), rgba(183,109,44,0));
    background-image:     -ms-linear-gradient(left, rgba(183,109,44,0), rgba(183,109,44,0.75), rgba(183,109,44,0));
    background-image:      -o-linear-gradient(left, rgba(183,109,44,0), rgba(183,109,44,0.75), rgba(183,109,44,0));
}
.page header.entry-header {
	display: none;
}
h5 {
	font-weight:bold;
}

/* Contact Form7の入力エリア文字色設定 */
input,textarea {
	color: #333333 !important;
}
input.wpcf7-confirm,input.wpcf7-back,input.wpcf7-submit {
	color: #FFFFFF !important;
}

/* Back to Top */
.back-to-top a {
	width: 35px;
	height: 35px;
	text-indent: -20000px;
	display: block;
	background-image: url("/wp-content/themes/choeur/images/back-to-top.png");
}

/* =Header
----------------------------------------------- */
#branding {
	margin-top: 10px;
}
.hgroup-wrap {
	padding-top: 0px;
	padding-bottom: 0px;
}
.hgroup-wrap a {
	display: block;
}
#site-logo {
	float:left;
  	margin: 5px 0 0;
}
h1#site-title {
	margin-bottom: 0;
	padding: 0;
	background: none;
	border-bottom: none;
	border-image: none !important;
}
#site-description {
	font: 13px 'PT Sans', sans-serif;
	line-height: 20px;
	color: #777;
}
.hgroup-right {
	float: right;
	margin-top: 38px;
}

/* ヘッダーメニュー背景・文字色 */
#access {
	background: linear-gradient(#dd3333, #790404);	
	border-top: 1px solid #ff0000 !important;
	border-bottom: 1px solid #000000!important;
}
#access a{
	color: #FFF !important;
	text-shadow: -1px -1px 0px #dd3333,
		1px -1px 0px #dd3333,
		-1px 1px 0px #dd3333,
		1px 1px 0px #dd3333;
}
#access a:hover,
#access ul li.current-menu-item a, 
#access ul li.current_page_ancestor a,
#access ul li.current-menu-ancestor a,
#access ul li.current_page_item a,
#access ul li:hover > a,
#access ul li ul li a:hover,
#access ul li ul li:hover > a,
#access ul li.current-menu-item ul li a:hover{
	color: #ff71a0 !important;
	text-shadow: none;
}

/* Slogan */
.slogan-wrap {	
	font-family: 'Philosopher', sans-serif;
	background-color: #c4a547;	
	padding: 24px 0;
	margin-bottom: 4px;	
}

/* =Featured Slider */
.featured-text .featured-title {
	font: 24px;
	line-height: 30px;
	padding: 10px 20px;
	border-radius: 3px;	
	background: #dd3333;
	background: rgba(196, 165, 71, 0.9);
	float: right;
	max-width: 525px;
}

/* ソーシャルボタンの回り込み解除 */
.wp_social_bookmarking_light {
	clear:both;
}

/* =Content */
#main {
	padding: 0 0 10px;
}
.entry-content {
	padding: 10px;
	margin: 10px 0;
	border: thin solid #dd3333;
	border-radius: 3px;
}
.post article {
	padding: 10px;
	margin: 10px 0;
	border: thin solid #dd3333;
	border-radius: 3px;
}
.post .entry-content {
	border: none;
}

/* =Page Tittle 背景色消す
.page-title-wrap {
	background-color: inherit;
	border-bottom: none;
	padding: 10px 0; 
} */
/* =Page Tittle 特定ページで非表示 */
.page-title-wrap {
	display: none;
}

/* トップページのFeatured Widgetの装飾 */
.column {
	margin-left: 0;
	}
.one-fourth {
	width: 22.0%;
	padding: 5px;
	margin: 5px 0.87%;
	border: thin solid #dd3333;
	border-radius: 3px;
}
h3.custom-gallery-title {
	padding: 0 !important;
	background: none;
	border-bottom: none;
	border-image: none !important;
}

/* Widgetのborder */
.widget {
	padding: 10px;
	margin: 10px 0;
	border: thin solid #dd3333;
	border-radius: 3px;
}
#colophon .widget {
	border: none;
}

/* テーブルの下線の色 */
tr, td {
  border-bottom: 1px dotted #707070;
}

/* タイトルの装飾 */
h1, h2, h3 {
	color: #e4e4e4 !important;
	font-size: 24px !important;
	line-height: 24px !important;
	font-weight: bold !important;
	margin-bottom: 10px;
	clear:both;
	border-bottom: thin double #b76d2c;
	-webkit-border-image:url(/wp-content/themes/choeur/images/border.png) 0 0 1 stretch;
	border-image:url(/wp-content/themes/choeur/images/border.png) 0 0 1 stretch;
/* 	padding: 0 0 0 30px;
	background-image: url(/wp-content/themes/choeur/images/icon.png);
	background-repeat: no-repeat; */
}
.entry-header h2.entry-title {
font-size: 1.4em;
  line-height: 1.4em;
  margin-top: 15px;
  margin-bottom: 10px;
	border-bottom: thin double #b76d2c;
	-webkit-border-image:url(/wp-content/themes/choeur/images/border.png) 0 0 1 stretch;
	border-image:url(/wp-content/themes/choeur/images/border.png) 0 0 1 stretch;
}
h2.entry-title {
	color: #e4e4e4;
}
h2.entry-title a{
	color: #e4e4e4;
}

/* blockquoteの背景設定 */
blockquote {
	font-style: normal;
	margin: 20px 10px;
	padding: 10px;
	background-color: transparent;
	border: dotted thin #e4e4e4;
	border-radius: 10px;
}

article.post, article.page, article.attachment {
  margin-bottom: 10px;
  padding: 20px;
}

.wp-caption {
  background: #000000;
  border: 1px solid #e4e4e4;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 15px 3px 10px;
  text-align: center;
}
.wp-caption img {
  border: none;
  height: auto;
  margin-bottom:5px;
  max-width: 95%;
  padding:0;
  width: auto;
}

/* ウイジット背景設定 */
.widget-container {
  margin-bottom: 10px;
  padding: 20px;
  background-color:ffffff;
}

/* カテゴリーページタイトル設定 */
header.page-header {
  margin-bottom: 10px;
  padding: 5px 15px 5px 15px;
  border: 1px solid #dd3333;
  background-color:#ffffff;
}

.comments-area {
  margin-bottom: 10px;
  padding: 15px;
}
#sidebar aside {
  padding:20px;
  background-color:#ffffff;
}

h3.widget-title {
	font-size: 1.1em;
/* 	padding: 0 0 5px 30px !important;
	background-image: url(/wp-content/themes/choeur/images/icon.png);
	background-repeat: no-repeat;  
    background-size: auto 100%; */
}
.jetpack_subscription_widget h3.widget-title {
	font-weight: bold;
	font-size: 1.1em;
/* 	padding: 0 0 5px 30px;
	background-image: url(/wp-content/themes/choeur/images/icon.png);
	background-repeat: no-repeat; */
}
.breadcrumbs {
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 1.1em;
}
.more-content {
  border:none;
  padding: 20px;
  margin-bottom: 10px;
}

/* メニュー用プラグイン背景設定 */
.jsrm-menu .value-text{ 
  text-align: left;
  white-space:nowrap;
}
.jsrm-menu.zebra .odd{
	background-color: #eee;
	background-color: rgba(255,255,255,0.10);
}
.jsrm-menu.zebra .even{
	background-color: #ddd;
	background-color: rgba(0,0,0,0.10);
}
.jsrm-menu .item-text{
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 0;
	padding-left: 5px;
	}
.jsrm-menu .desc{
	font-size: 1.0em;
	margin-bottom: 0;
	padding-left: 10px;
	}

.wpgmza_infowindow_title, .wpgmza_infowindow_address, .wpgmza_infowindow_description {
    color: #000000 !important;
}

#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #000000;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	max-width: 100%;
	padding: 0 10px 0;
}

.nav-collapse {
	padding-left: auto;
	padding-right: auto;
}

/* iframeをレスポンシブ化 */
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	margin-bottom: 10px;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.embed-container iframe, 
    .embed-container object, 
    .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* スマホで表示非表示切り替え */
.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

/* 大画面用レイアウト設定
@media (min-width: 1200px) {
.menu-menu-bar-container {
	letter-spacing: 0.1em;
	font-size: 1.1em;
}
}
 */
 
/* All Tablet Portrait size smaller than standard 1079 (devices and browsers)
@media only screen and (max-width: 1078px) {
.wrapper { 
	width: 99%; 
}
.container {
	width: 98%;
}
.column {
	margin-left: 0;
	}
.one-fourth {
	width: 22.0%;
	padding: 5px;
	margin: 5px 0.8%;
	border: thin solid #663d00;
	border-radius: 3px;
}
}
 */
/* タブレット用レイアウト設定 */
@media (min-width: 767px) and (max-width: 1078px) {
.container {
  width:99%;
  }
.wrapper { 
	width: 98%; 
}
.container {
	width: 98%;
}

#access a {
	font-size: 98% !important;
}
.widget h3 {
	font-size: 110% !important;
}

#primary {
	float: left;
	margin-left: 3.06%;
	width: 68.64%;
}
/* Sidebar */
#secondary {
	float: left;
	margin-left: 1.06%;
	width: 30.28%;
}
#colophon .one-third {
	width: 30.36%;
	float: left;
	margin: 0; 
}

/* トップページのFeatured Widgetの装飾 */
.column {
	margin-left: 0;
	}
.one-fourth {
	width: 22.05%;
	padding: 5px;
	margin: 5px 0.8%;
	border: thin solid #663d00;
	border-radius: 3px;
}
}

/* タブレット縦位置用レイアウト設定 */
@media only screen and (min-width: 767px) and (max-width: 991px) {

#access {
	background: none;	
	border-top: 1px solid #d1587d !important;
	border-bottom: 1px solid #d1587d !important; 
		height: 36px;
    	padding: 13px 0 0;
}
#access ul { 
		display: none;
}
#access select { 
	 	display: block;
		width: 100%;
		background: url(/wp-content/themes/attitude-pro/images/responsive-menu-bg.png) right center no-repeat;
		background-size: 28px 22px;
		border: 0 none;
		font: 14px 'PT Sans', sans-serif;
		text-transform: uppercase;
		color: #ffffff !important;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		height: 22px;
}
}

/* スマホ用レイアウト設定 */
@media (max-width: 767px) {
 body {
    padding-right: 0px;
    padding-left: 0px;
  }
	.one-column-template .container, 
	.container {
		width: 98%;
	}
/* ロゴレイアウト */
#site-title h1 {
	padding: 0 0 5px 0px;
	background-image: none;
	border-bottom: none;
}
#site-title a img {
	text-align: center;
	vertical-align: inherit;
	max-width: 98%;
}

/* ソーシャルアイコンと検索を非表示 */
.hgroup-right {
	display: none;
}

h1, h2 {
	padding: 0 0 5px 0;
  	background-image: none;
}
h1.entry-title {
  font-size: 1.2em;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.2em;
}
h1.page-title {
  font-size: 1.2em;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.2em;
}
h2.entry-title {
  color: #663d00;
  font-size: 1.2em;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.2em;
}

/* メニューバーの背景色を非表示(現在ページのタイトルの文字色の関係で) */
#access {
	background: none;	
	border-top: 1px solid #d1587d !important;
	border-bottom: 1px solid #d1587d !important;
}

#access select { 
    color: #ffffff !important;
}

/* トップページのFeatured Widgetの装飾 */
.column {
	margin-left: auto;
	margin-right: auto;
}
.one-fourth {
	text-align: center;
	margin: 5px 0;
	padding: 0px;
	width: 100%;
}

/* Widgetのborder */
.widget {
	padding: 0px;
	margin: 10px 0;
	border: none;
}


/* コンテンツ部分のマージン調整 */
.entry-content {
 	margin: 0;
 	padding: 3px;
	border: none;
}
.post article {
	border: none;
}

/* キャプション付き画像の背景・マージン設定 */
.wp-caption {
  background: none;
  border: none;
  max-width: 100%; /* Image does not overflow the content area */
  padding: 0;
  margin: 0;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin-bottom:5px;
  max-width: 100%;
  padding:0;
  width: auto;
}

#archive_page header.page-header {
  margin-bottom: 0px;
  padding: 5px;
  box-shadow: none;
}
article.post, article.page, article.attachment {
  margin-bottom: 0px;
  padding: 5px;
}
.comments-area {
  margin-bottom: 0px;
  padding: 5px;
  box-shadow: none;
}
#sidebar aside {
  padding:5px;
}

.btn.btn-large.btn-primary{
	float:left !important;
}

.breadcrumbs {
  margin-bottom: 0;
  padding: 5px;
  font-size: 1.1em;
  box-shadow: none;
  border:none;
}
#htmlbox {
  margin-bottom: -20px;
  padding: 5px;
  box-shadow: none;
  border:none;
}
.more-content {
  margin-bottom: 0;
  padding: 5px;
  box-shadow: none;
  border:none;
}
#recent_posts {
  margin-bottom: 0;
  padding: 5px;
  box-shadow: none;
  border:none;
}

/* スマホで表示非表示切り替え */
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
  
/* テーブルをレスポンシブ化
th, td{
  display: block;
}
.my-calendar-table th, .my-calendar-table td {
  display: table-cell !important;
} */
}

/* プリント用ページレイアウト ----------------------------------------------- */

@media print {
	header, #secondary, .edit-link, .wp_social_bookmarking_light, #navigation_menu, #cyberchimps_product_media, #boxes_section, #portfolio_pro_section, .htmlbox-content, #footer_section, #footer_menu_container, #copyright, #takeMeUpContainer {
		display: none !important;
	}
div#wpgmza_map {
	height: 400px !important;
}
}