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

/* 基本の文字色 */
body {
	color: #999999;
}

a:hover {
	text-decoration: none;
}

/* 区切り線の装飾 */
hr {
    border: 0;
	margin: 7px 0 8px 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,102,255,0), rgba(0,102,255,1), rgba(0,102,255,0));
    background-image:    -moz-linear-gradient(left, rgba(0,102,255,0), rgba(0,102,255,1), rgba(0,102,255,0));
    background-image:     -ms-linear-gradient(left, rgba(0,102,255,0), rgba(0,102,255,1), rgba(0,102,255,0));
    background-image:      -o-linear-gradient(left, rgba(0,102,255,0), rgba(0,102,255,1), rgba(0,102,255,0));
}

h5 {
	font-weight:bold;
}

/* テーブルの下線の色 */
tr {
	background-image: url(images/border.png);
	background-repeat:no-repeat;
	background-position: center bottom;
	background-size: 100% 1px;
	border-bottom: none;
}

/* タイトルの装飾 */
h1, h2 {
	color: #0066FF;
	font-size: 1.6em;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0 0 5px 30px;
	background-image: url(images/icon.png);
	background-repeat: no-repeat;
    background-position: 0px -2px;
	border-bottom: thin dotted #0066FF;
	-webkit-border-image:url(images/border.png) 0 0 1 stretch;
	border-image:url(images/border.png) 0 0 1 stretch;
}
h1.entry-title {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.6em;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1em;
}
h2.entry-title {
	color: #0066FF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h2.entry-title a{
	color: #0066FF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#gallery h2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1em;
}
h3 {
	color: #0066FF;
	font-size: 1.6em;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1em;
}

/* メインメニューからcontainerの背景を削除, margin設定 */
.navbar-inner .container {
  background-image: none;
}
#navigation {
  margin-bottom: 10px; 
}
/* メインメニュー背景設定
.main-navigation .navbar-inner {
	background-color: #000000;
	background-image: url(http://www.steps-nagoya.net/wp-content/themes/STEPS/images/menubar.png);
	background-repeat: repeat-x;
	padding: 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #2C200C;
	box-shadow: 1px 1px 0px 0px #120D05;
	-webkit-box-shadow: 1px 1px 0px 0px #120D05;
} */
.menu-main-manu-container {
	padding-left: 20px;
}
#menu-main-manu {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.1em;
	letter-spacing: 0.1em;
}
/* */
#menu-main-manu a {
	color: #0066FF;
}
#menu-main-manu a:hover {
	color: #454545;
}
#menu-main-manu .menu-item-has-children .dropdown-menu .menu-item a {
	color: #0066FF;
}
#menu-main-manu .menu-item-has-children .dropdown-menu .menu-item a:hover {
	color: #454545;
}

/* SOCIAL icon 位置調整 */
header #social .icons a {
  float: right;
  margin-right: 5px;
  margin-top: 15px;
}
.default-icons, .legacy-icons, .round-icons{
  margin-top: 15px;
  margin-right: 10px;
}

/* Logo 位置調整 */

#logo {
margin: 20px 0px 10px 5px;
}
/* ヘッダーイメージ追加 */
header#cc-header {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	background-color:#000000;
	border: 1px solid #2C200C;
}
/* ヘッダーmargin */
header {
  margin-top: 0px;
  margin-bottom: 1px;
}

/* blockquoteの背景設定 */
blockquote {
	margin: 20px 10px;
	padding: 3px;
	background-color: transparent;
	border: dotted thin #0066FF;
	border-radius: 10px;
}

/* コンテナ 背景画像 マージン */
.container {
  box-shadow: 0 5px 10px 0 #111;
  background-image: url(images/bg_stripe.png);
  background-repeat: repeat;
}
article.post, article.page, article.attachment {
  margin-bottom: 10px;
  padding: 20px;
}

/* SLIDER margin */
#slider {
  margin-bottom: 10px;
}

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

/* カテゴリーページタイトル設定 */
header.page-header {
  margin-bottom: 10px;
  padding: 5px 15px 1px 15px;
  background-color: #000;
  box-shadow: 1px 1px 2px 1px #444444;
}
h1.page-title {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.4em;
	line-height: 1em;	background-image: url(images/icon.png);
	background-repeat: no-repeat;
    background-position: 0px -3px;
	border-bottom: thin dotted #0066FF;
	-webkit-border-image:url(images/border.png) 0 0 1 stretch;
	border-image:url(images/border.png) 0 0 1 stretch;
}

/* コンテンツ部分背景 and/or マージン */
article {
  background-color: #000;
  box-shadow: 1px 1px 2px 1px #444444;
}
.comments-area {
  margin-bottom: 10px;
  padding: 15px;
  background-color: #000;
  box-shadow: 1px 1px 2px 1px #444444;
}
.widget-container {
  margin-bottom: 10px;
  padding: 20px;
  background-color:tranceparent;
}
#sidebar aside {
  padding:20px;
  background-color: #000;
  box-shadow: 1px 1px 2px 1px #444444;
}
#footer-widgets {
  margin-bottom: 5px;
}
#footer-widget-container {
  background-color: #000;
  box-shadow: 1px 1px 2px 1px #444444;
  padding:20px;
}
aside.widget-container {
  padding:0px;
}

#callout_container {
  margin-bottom: 10px;
}
#callout {
  padding: 20px;
  background-color: #000;
  box-shadow: 1px 1px 2px 1px #444444;
}
.box {
  padding: 20px;
  margin-bottom: 10px;  background-color: #000;
  box-shadow: 1px 1px 2px 1px #444444;
}
h2.box-widget-title {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.2em;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1em;
	background-size: auto 95%;
    background-position: 0px -2px;
}
h3.widget-title {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #0066FF;
	font-weight: bold;
	font-size: 1.1em;
	padding: 0 0 5px 25px;
	background-image: url(images/icon.png);
	background-repeat: no-repeat;
	background-size: auto 90%;
    background-position: 0px -2px;
	border-bottom: thin dotted #0066FF;
	-webkit-border-image:url(images/border.png) 0 0 1 stretch;
	border-image:url(images/border.png) 0 0 1 stretch;
}
.boxes p{
  color: #999999;
  text-align: left;
}

#carousel {
  background-color: #000;
  box-shadow: 1px 1px 2px 1px #444444;
  padding: 20px;
  margin-bottom: 10px;
}
#gallery {
  background-color: #000;
  box-shadow: 1px 1px 2px 1px #444444;
  padding: 20px;
}
.breadcrumbs {
  background-color: #000;
  box-shadow: 1px 1px 2px 1px #444444;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 1.1em;
}
.pagination ul li a {
  background-color: #000;
  box-shadow: 1px 1px 2px 1px #444444;
}
#htmlbox {
  background-color: #000;
  box-shadow: 1px 1px 2px 1px #444444;
  padding:20px;
  margin-bottom: -10px;
}
iframe.htmlbox-content {
  color: #999999;
}
.more-content {
  background-color: #000;
  box-shadow: 1px 1px 2px 1px #444444;
  border:none;
  padding: 20px;
  margin-bottom: 10px;
}

/* Recentpost マージン・タイトル文字設定 */
#recent_posts {
  margin-bottom: 10px;
  padding : 20px;
  background-color: #000;
  box-shadow: 1px 1px 2px 1px #444444;
}
#recent_posts h5.recent-posts-post-title {
  font-size: 1.2em;
  line-height: 1.3em;
}

/* Portfolio margin bordercolor */
#portfolio {
  margin-bottom: 10px;
}
#gallery ul.row-fluid li#portfolio_wrap .portfolio-item {
  padding: 20px;
  margin-bottom: 3px;
  border: 1px solid #0066FF;
}
.portfolio-item img {
	margin-bottom: 5px;
}
#portfolio h2 {
    background-position: 0px -4px;
}

/* Product Margin and Background */
#product_element_section {
  margin-bottom: 0px;
}
#product_element_section #cyberchimps_product_media {
  text-align: center;
}
#product_element_section #cyberchimps_product {
  margin-bottom: 10px;
  padding: 20px;  background-color: #000;
  box-shadow: 1px 1px 2px 1px #444444;
}
h2.cyberchimps-product-title {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1em;
    background-position: 0px -3px;
}
#product_element_section .flex-video {
  margin-bottom: 0;
}
#product_element_section .cyberchimps-product-link {
  text-align: center;
  margin: 0 0 10px 10px;
}

/* footer menu */
#footer_menu {
  padding: 0;
  text-align: center;
}
#footer_menu ul {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#footer_menu li a {
  text-decoration: none;
  color: #0066FF;
}
#footer_menu li a:hover::after {
  color: #0066FF;
}

/* Copyright Color Margin */
.site-footer {
  margin-top: 10px;
  margin-bottom: 5px;
}
.site-footer #copyright {
text-align: right;
color: #999999;
}

/* キャプション付き画像の背景設定 */
.wp-caption {
  border: 1px solid #0066FF;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 15px 3px 10px;
  text-align: center;
}

/* メニュー用プラグイン設定 */
.jsrm-menu .value-text{ 
  text-align: left;
  white-space:nowrap;
}
.jsrm-menu.zebra .odd{
	background-color: #eee;
	background-color: rgba(255,255,255,0.03);
	border-bottom: thin solid #0066FF;
	-webkit-border-image:url(images/border.png) 0 0 1 stretch;
	border-image:url(images/border.png) 0 0 1 stretch;
}
.jsrm-menu.zebra .even{
	background-color: #ddd;
	background-color: rgba(0,0,0,0.0);
	border-bottom: thin solid #0066FF;
	-webkit-border-image:url(images/border.png) 0 0 1 stretch;
	border-image:url(images/border.png) 0 0 1 stretch;
}
.jsrm-menu h3 {
	color: #0066FF;
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: 0;
	padding-left: 10px;
	}
.jsrm-menu .item-text{
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 5px;
	padding-left: 5px;
	}
.jsrm-menu .desc{
	font-size: 1.0em;
	margin-bottom: 0;
	padding-left: 10px;
	}

/* Google Map */
div#directions_panel_1 {
	background-color: #eeeeee;
	color: #0066ff;
}
div#directions_panel_1 a {
	color: #0066ff;
}
#directions_panel_1 tr, #directions_panel_1 td{
	border-bottom: thin solid #0066ff !important;
	background-image: none;
}

#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	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%;
}

/* 大画面用レイアウト設定
@media (min-width: 1200px) {
.menu-menu-bar-container {
	letter-spacing: 0.1em;
	padding-left: 20px;
	font-size: 1.26em;
}
}
 */
/* タブレット用レイアウト設定 */
@media (min-width: 767px) and (max-width: 1024px) {
.container {
  width:99%;
  }
}

/* スマホ用レイアウト設定 */
@media (max-width: 767px) {
 body {
    padding-right: 0px;
    padding-left: 0px;
  }
h1, h2 {
  padding: 0 0 5px 5px;
 	background-image: none;
	background-repeat: no-repeat;  
    background-size: auto 85%; 
	border-bottom: thin dotted #0066FF;
}
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: #999999;
  font-size: 1.2em;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.2em;
}
#gallery h2 {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.2em;
}
h2.box-widget-title {

  font-size: 1.2em;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.2em;
}
h2.cyberchimps-product-title {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.2em;
}
.callout-text h2.callout-title {
  font-size: 1.2em;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.2em;
}

#logo {
margin: 0px;
}
/* ソーシャルアイコンを非表示 */
#register {
	display:none;
}

 header {
  margin-top: 0px;
  margin-bottom: 1px;
}

 #navigation {
  margin-bottom: 0px; 
}

#slider {
  margin-bottom: 0px;
}

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

/* キャプション付き画像の背景・マージン設定 */
.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;
  background-color:#000000;
  box-shadow: none;
}
#sidebar aside {
  padding:5px;
}
.widget-container {
  margin-bottom: 0;
  padding: 5px;
  background-color:tranceparent;
  box-shadow: none;
  border:none;
}
#footer-widget-container {
  margin-bottom: 5px;
  padding: 5px;
  box-shadow: none;
  border:0px;
}
#callout_container {
  margin-bottom: 0;
  box-shadow: none;
  border:none;
}
#callout {
  padding: 5px;
  background-color:#000000;
}
.btn.btn-large.btn-primary{
	float:left !important;
}

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

/* Portfolio margin bordercolor */
#portfolio {
  margin-bottom: 0;
}
#gallery {
  padding: 0px;
  box-shadow: none;
  border:0;
}
#gallery ul.row-fluid li#portfolio_wrap .portfolio-item {
  text-align: left;
  padding: 10px 5px 10px 5px ;
  background: none;
  border: none;
}

#product_element_section #cyberchimps_product {
  margin-bottom: 0;
  padding: 5px;
  background-color:#000000;
  box-shadow: none;
  border:none;
}
/* テーブルをレスポンシブ化
th, td{
  display: block;
}
 */
}

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

@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;
}
}