/*
Theme Name: 木原浩勝オフィシャルサイト
Theme URI: http://kiharahirokatsu.com/
Description: 木原浩勝オフィシャルサイト用テーマ
Version: 1.0
Author: ANALOGIC(Minoru Okuyama)
Author URI: http://analogic.jp/
*/


/*
 * スタイル初期化
 *
 *----------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  border: none;
  outline: 0;
}


/*
 * フォント・テキスト
 *
 *----------------------------------------------------------*/
body,
select {
  color: #444;
  font-size: 12pt;
  line-height: 1.6;
}

body,
select,
input,
button {
  font-family:'ヒラギノ角ゴ Pro W6', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}


/*
 * ページ表示領域／基本レイアウト
 *
 *----------------------------------------------------------*/
html,body {
  height: 100%;
}

#page-wrapper {
  background: #fff url(img/body_bg.jpg) no-repeat left bottom;
  min-height: 100%;
  position: relative;
}

#spacer {
  height: 50px;
}

#container {
  margin: 30px auto 0 auto;
  max-width: 992px;
  padding-bottom: 170px;
}


/*
 * ヘッダ／ナビゲーション
 *
 *----------------------------------------------------------*/
header {
  position: relative;
}

header nav {
  background-color: #ee1d23;
  border: none !important;
}

header nav a {
  background: url(img/uroko.png) no-repeat 5px center;
  color: #fff;
  padding-left: 33px !important;
  padding-right: 10px !important;
}

header nav .active a,
header nav a:hover,
header nav a:focus {
  background-color: #f36165 !important;
  color: #fff !important;
}

header .navbar-nav ul {
  color: #fff;
  display: none;
  list-style: disc;
  margin-left: 50px;
}

header .navbar-nav ul a {
  background: none;
  display: block;
  padding: 5px 15px;
  padding-left: 0 !important;
  text-decoration: none;
}

header .navbar-toggle {
  border-color: #fff;
}

header .navbar-toggle .icon-bar {
  border: solid 1px #fff;
}

@media screen and (max-width: 991px) {
  header .navbar-nav a {
    background: none;
    border-right: solid 1px #d71a20;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media screen and (max-width: 768px) {
  header .navbar-collapse {
    border-top: none;
    max-height: none;
  }

  header .navbar-nav {
    margin-bottom: 0;
    margin-top: 0;
  }

  header .navbar-nav a {
    border-right: none;
    border-top: solid 1px #d71a20;
  }
}

/* 言語選択 */
#qtranslate-chooser {
  list-style: none;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

#qtranslate-chooser li {
  float: left;
}

#qtranslate-chooser a {
  background: none;
  box-sizing: border-box;
  display: block;
  font-size: 10pt;
  line-height: 20px;
  padding: 15px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

#qtranslate-chooser .active a {
  background-color: #f36165;
}

@media screen and (max-width: 768px) {
  #qtranslate-chooser {
    left: 0;
    right: auto;
  }
}

/* キービジュアル */
#keyvisual {
  background-color: #000;
  background-position: center 0;
  background-repeat: no-repeat;
  border-bottom: solid 15px #ee1d23;
  height: 300px;
}

#keyvisual img {
  display: none;
  width: 100%;
}

@media screen and (max-width: 991px) {
  #keyvisual {
    background: none;
    height: auto;
  }

  #keyvisual img {
    display: inline-block;
  }
}


/*
 * サイドバー領域
 *
 *----------------------------------------------------------*/
#sidebar section {
  margin-bottom: 20px;
}

#sidebar h1 {
  background-color: #eee;
  border-bottom: solid 1px #ccc;
  font-size: 12pt;
  font-weight: bold;
  margin: 10px 5px;
  padding: 10px 15px;
}

#sidebar h1 .glyphicon {
  margin-right: 5px;
}

#sidebar .normal {
  background-color: #fff;
  border: solid 1px #ccc;
}

#sidebar .normal h1 {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

/* 固定ページ下層メニュー表示 */
#sidebar .sidemenu ul {
  list-style: none;
  margin: 0;
  overflow: hidden;
}

#sidebar .sidemenu h1 {
  margin: 0;
}

#sidebar .sidemenu a {
  color: #333;
  display: block;
  padding: 10px;
  text-decoration: none;
}

#sidebar .sidemenu a:hover {
  background-color: #f3f3f3;
}

#sidebar .sidemenu li {
  border-top: dotted 1px #ccc;
}

#sidebar .sidemenu li:first-child {
  border-top: none;
}

#sidebar .sidemenu .active {
  border-top: none;
}

#sidebar .sidemenu .active + li {
  border-top: none;
}

#sidebar .sidemenu .active a {
  background-color: #c0392b;
  color: #fff;
}

/* Twitterソーシャルプラグイン */
#sidebar .twitter iframe {
  display: block;
  margin: 0 auto;
  width: 96%
}

@media screen and (max-width: 768px) {
  #sidebar {
    border-top: dotted 1px #999;
    margin-top: 30px;
    padding-top: 30px;
  }
}


/*
 * コンテンツ領域
 *
 *----------------------------------------------------------*/
#main article {
  background: url(img/article_bg.png) repeat left top;
  margin-bottom: 30px;
  padding: 0 20px 20px 20px;
}

#main article h1 {
  font-size: 18pt;
  font-weight: bold;
  margin-bottom: 40px;
}

#main article p {
  margin-bottom: 1em;
}


@media screen and (max-width: 768px) {
  #main article {
    padding: 0;
  }

  #main article h1 {
    font-size: 14pt;
    margin-bottom: 20px;
  }
}


/*
 * コンテンツ領域（固定ページ）
 *
 *----------------------------------------------------------*/



/*
 * コンテンツ領域（お知らせ／ブログ）
 *
 *----------------------------------------------------------*/
#main article time {
  color: #666;
  display: block;
}

#main .contentNavi {
  background-color: #f6f6f6;
  margin: 0 20px 20px 20px;
}

#main .contentNavi a {
  color: #444;
  border-top: dotted 1px #ccc;
  display: block;
  padding: 15px;
}

#main .contentNavi a:first-child {
  border-top: none;
}

#main .contentNavi .glyphicon {
  margin: 0 5px;
}

#main .contentNavi .prev {
  text-align: right;
}

#main .backNavi {
  margin-bottom: 50px;
  padding: 0 20px;
  text-align: center;
}

#main .backNavi a {
  color: #444;
}

#main .backNavi .glyphicon {
  margin: 0 5px;
}


@media screen and (max-width: 768px) {
  #main .contentNavi {
    margin: 0 0 20px 0;
  }
}


/*
 * フッター
 *
 *----------------------------------------------------------*/
footer {
  bottom: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

footer .copyright {
  background: url(img/article_bg.png) repeat left top;
  float: left;
  font-size: 10pt;
  margin: 10px;
  padding: 10px;
}


/*
 * トップページ
 *
 *----------------------------------------------------------*/
.home article h2 {
  background-color: #000;
  color: #fff;
  font-size: 16pt;
  font-weight: bold;
  margin: 50px 0 20px 0;
  padding: 10px 20px;
}

.home article .archive-link {
  text-align: right;
}

.home article .archive-link a {
  color: #444;
}

.home article .archive-link .glyphicon {
  margin: 0 5px;
}

@media screen and (max-width: 768px) {
  .home article h2 {
    margin-top: 20px;
  }
}


/*
 * お問合せ
 *
 *----------------------------------------------------------*/
#trust-form {
  margin-bottom: 50px;
}

#trust-form form {
  margin-top: 20px;
}

#trust-form .row {
  margin-bottom: 15px;
}


#trust-form .subject {
  line-height: 36px;
  text-align: right;
}

#trust-form .require {
  color: #c00;
  margin-left: 3px;
}

#trust-form input[type="text"],
#trust-form input[type="submit"],
#trust-form button {
  border: solid 1px #ccc;
  border-radius: 4px;
  color: #333;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
}

#trust-form input[type="text"],
#trust-form textarea {
  width: 100%;
}

#trust-form textarea {
  border: solid 1px #ccc;
  border-radius: 4px;
  color: #333;
  height: 10em;
  padding: 0 15px;
}


#trust-form input[type="submit"],
#trust-form button {
  background-color: #999;
  border: none;
  color: #fff;
  font-size: 12pt;
}

#trust-form input[type="submit"].blue { background-color: #2e75b6; }
#trust-form input[type="submit"].green { background-color: #090; }
#trust-form input[type="submit"].red { background-color: #c00; }

#trust-form select {
  border: solid 1px #ccc;
  border-radius: 4px;
  height: 36px;
  padding: 0 15px;
  padding-right: 0;
}

#trust-form .error {
  color: #c00;
  margin-top: 5px;
}

.contact-form-confirm .subject {
  line-height: 1.4 !important;
}

.contact-form-confirm .val {
  line-height: 1.4 !important;
}

#confirm-button input {
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  #trust-form .subject {
    text-align: left;
  }
}


/*
 * お知らせ／ブログ一覧
 *
 *----------------------------------------------------------*/

#main .post-index {
  list-style: none;
}

#main .post-index li {
  background-color: #f6f6f6;
  margin-bottom: 20px;
  overflow: hidden;
}

#main .post-index a {
  color: #444;
  display: block;
  padding: 15px;
  text-decoration: none;
}

#main .post-index img {
  float: left;
  margin: 0 15px 15px 0;
}

#main .post-index time {
  color: #666;
  font-size: 10pt;
}

#main .post-index p {
  margin-bottom: 0;
}

#main .post-index .title {
  font-weight: bold;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  #main .post-index li {
    margin-bottom: 10px;
  }

  #main .post-index .title {
    font-weight: normal;
    margin-bottom: 0;
  }

  #main .post-index img,
  #main .post-index .excerpt {
    display: none;
  }
}


/*
 * My Calendar
 *
 *----------------------------------------------------------*/
#sidebar .my-calendar-date-switcher {
  background-color: #f6f6f6;
  border: none;
}

#sidebar .my-calendar-date-switcher label {
  display: inline;
  float: none;
  font-weight: normal;
  margin-right: 5px;
  width: auto;
}

#sidebar .my-calendar-date-switcher select {
  margin-right: 5px;
}

#sidebar .my-calendar-date-switcher .button {
  background-color: #2980b9;
  color: #fff;
  margin-left: 15px;
  padding: 3px 10px;
}

#sidebar .my-calendar-table .my-calendar-month {
  border: none;
  font-weight: normal;
}

/* PC用詳細表示 */
#main .mc-main .current-day {
  background: none;
}

#main .mc-main h3 {
  font-size: 16pt !important;
  font-weight: normal;
  margin-bottom: 30px;
}

#main .mc-main .details {
  border: none;
  margin-bottom: 30px;
  padding: 15px;
}

#main .mc-main .time-block {
  margin-bottom: 5px;
}

#main .mc-main .time-block p {
  margin-bottom: 0;
}

#main .mc-main .event-time {
  margin-bottom: 0;
}

#main .mc-main .event-time time,
#main .mc-main .event-time span {
  display: inline;
  font-weight: normal;
}

#main .mc-main .event-title {
  background: none;
  font-weight: bold;
  margin-bottom: 0;
}

#main .mc-main .event-title img {
  display: none;
}

#main .mc-main .address {
  background: none;
  float: none;
  margin: 10px 0 0 0;
  overflow: hidden;
  padding: 0;
}

#main .mc-main .address .url {
  background-color: #2980b9;
  float: left;
  padding: 5px;
}

#main .mc-main .address .url a {
  color: #fff;
}

#main .mc-main .longdesc {
  margin: 30px 0 0 0;
}

#main .mc-main .mc-image {
  margin-bottom: 30px;
}

#main .mc-main .mc_edit_links {
  display: none;
}

/* モバイル用詳細表示 */
#sidebar .mc-main .my-calendar-month {
  font-weight: normal;
  margin: 15px 0;
}

#sidebar .mc-main .mc-events {
  background: none;
  padding: 0;
}

#sidebar .mc-main .mc-events .event-date a {
  color: #444;
  cursor: default;
  text-decoration: none;
}

#sidebar .mc-main .details {
  border: none;
  margin-bottom: 10px;
  padding: 10px;
}

#sidebar .mc-main .time-block {
  margin-bottom: 5px;
}

#sidebar .mc-main .time-block p {
  margin: 0;
}

#sidebar .mc-main .event-time {
  margin: 0;
}

#sidebar .mc-main .event-time * {
  font-size: 80%;
  font-weight: normal;
}

#sidebar .mc-main .event-title {
  background: none;
  color: #428bca;
  font-size: 100%;
  font-weight: bold;
}

#sidebar .mc-main .event-title img {
  display: none;
}

#sidebar .mc-main .address {
  background: none;
  display: none;
  float: none;
  margin: 10px 0 0 0;
  overflow: hidden;
  padding: 0;
}

#sidebar .mc-main .address .url {
  background-color: #2980b9;
  float: left;
  padding: 5px;
}

#sidebar .mc-main .address .url a {
  color: #fff;
}

#sidebar .mc-main .longdesc {
  border-top: dashed 1px #999;
  display: none;
  margin-top: 15px;
  padding-top: 15px;
}

#sidebar .mc-main .mc-image {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}


/*
 * 商品リスト（固定ページ内）
 *
 *----------------------------------------------------------*/
#main article .product {
  border-top: dotted 1px #ccc;
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
}

#main article .noborder {
  border: none !important;
}

#main article .product .photo {
  padding-bottom: 15px;
}

#main article .product .summary .title {
  color: #444;
  display: block;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  #main article .product .photo .img-responsive {
    max-height: 150px;
    margin: 0 auto;
  }
}


/*
 * トップへ戻るボタン
 *
 *----------------------------------------------------------*/
.toplink-pc {
  bottom: -48px;
  position: fixed;
  right: 30px;
}

.toplink-pc a {
  display: block;
}

footer .toplink-mb {
  margin-bottom: 30px;
  text-align: center;
}

footer .toplink-mb a {
  background-color: #444;
  border: none;
  color: #fff;
  font-size: 10pt;
}

.toplink-pc a:hover,
footer .toplink-mb a:hover {
  background-color: #666;
  color: #fff;
}

footer .toplink-mb .glyphicon {
  margin-right: 10px;
}