@import url(http://fonts.googleapis.com/css?family=Oxygen:400,300,700);
/*===================================
		[common] media queries
===================================*/
/*===================================
 		[common] mixins
===================================*/
@charset "utf-8";
.pie {
  behavior: url('/PATH-TO-PIE/PIE/PIE.htc');
}
.center-block {
  display: block !important;
  margin-left: auto;
  margin-right: auto;
}
/*=========================================
		 [common] basic style overwrite the BS
=========================================*/
/* link style ------------------------- */a {
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  /* ...and now for the proper property */

  transition: 0.3s;
}
a.btn:link,
a.btn:active,
a.btn:visited,
a.btn:hover {
  text-decoration: none !important;
}
/* heading ------------------------- */.jumbotron h1 {
  font-size: 2.2em;
  font-weight: bold;
  border: none;
}
.jumbotron h2 {
  font-size: 1.6em;
  border: none !important;
  padding-left: 0 !important;
}
#content h1 {
  padding-left: 0.5em;
}
#content h2 {
  padding-left: 0.5em;
  padding-bottom: 0.3em;
}
#content h3 {
  line-height: 1.5em;
  padding-left: 0.5em;
}
#content .panel h2,
#content .panel h3,
#content .nostyle {
  background-color: none !important;
  border: none !important;
  padding: 0;
}
#content h4,
#content h5 {
  font-weight: bold;
}
/* for panel ------------------------- */@media (max-width: 480px) {
  .panel img {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
  }
}
/* for image ------------------------- */
/* 写真 */
.j-imageSubtitle .cc-imagewrapper {
  width: 100% !important;
}
@media (max-width: 768px) {
  .j-imageSubtitle .cc-imagewrapper img {
    width: 100% !important;
    height: auto !important;
  }
}
/* 写真付き文章 */
@media (max-width: 480px) {
  .j-textWithImage .cc-imagewrapper {
    width: 100% !important;
  }
  .j-textWithImage .cc-imagewrapper img {
    width: 100% !important;
    height: auto !important;
  }
}
/* form ------------------------- */#sidebar .cc-m-form-required-info,
#sidebar .cc-m-form-phishing-warning {
  font-size: 13px;
}
#sidebar .j-formnew p {
  font-size: 13px;
}
.tel:before {
  font-family: 'Glyphicons Halflings' !important;
  content: "\e182";
}
/* 画像認証 */
div.captcha {
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
}
div.captcha .character {
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
}
div.captcha div.bottom {
  background-position: left center;
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
}
div.captcha div.bottom span {
  display: block;
  clear: both;
}
/* blog ------------------------- */

/* ブログメタ情報
----------------------------------*/
.datetime {
  background-image: none !important;
  border: 1px #c3415d solid;
  border-radius: 4px;
}
.datetime p {
  color: #c3415d !important;
margin-bottom:0 !important;
}
.datetime .datetime-inner {
  font-family: 'Lato', sans-serif;
}
.datetime .datetime-inner .day {
line-height:1.2em !important;
  font-size: 15px !important;
}
.datetime .datetime-inner .mon {
  font-size: 11px !important;
}
.datetime .datetime-inner .yr {
  font-size: 10px !important;
  text-align: center;
  margin-top: 4px !important;
}
.postmeta {
  font-size: 14px;
  color: #ffffff;
  background-color: #c8b482;
}



.blogselection h1,
.blogselection h2 {
  font-size: 1.6em;
padding:0;
border:none !important;
}


.blogreadmore {
  float: right;
}
.blogreadmore:after {
  font-family: 'Glyphicons Halflings' !important;
  content: "\e080";
}
.j-blogarticle {
  padding: 15px 0 !important;
  border-bottom: 1px #ccc solid;
}
.j-blogarticle:last-child {
  border: none;
}
/* facebook --------------------- */.j-facebook iframe {
  width: 100% !important;
}
.navbar .container {
  margin-top: 0 !important;
}
/* footer layout */
.footer-menu {
  margin-top: 25px;
  padding: 25px 0;
}
footer {
  padding: 10px 0 25px 0;
}
/* footer menu --------------------- */.footer-menu {
  padding-top: 20px;
}
.footer-nav {
  margin: 0;
  padding: 0;
}
.footer-nav li {
  list-style: none;
  border-top-width: 1px;
  border-top-style: solid;
}
.footer-nav li:last-child {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.footer-nav li a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  /* ...and now for the proper property */

  transition: 0.3s;
}
.footer-nav li a:before {
  font-family: 'Glyphicons Halflings' !important;
  font-size: 0.6em;
  content: "\e080";
  margin-right: 1.0em;
}
@media (max-width: 480px) {
  .cc-FloatingButtonBarContainer {
    bottom: 15px !important;
    right: 20px !important;
  }
}
@media (max-width: 992px) {
  .cc-m-hgrid-column {
    width: 100% !important;
  }
  .cc-m-hgrid-column.last {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
/* forms ------------------------------ */
@media (max-width: 480px) {
  .cc-m-form-layout-0 .cc-m-form-view-input {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .cc-m-form-layout-0 .cc-m-form-view-input input[type=text],
  .cc-m-form-layout-0 .cc-m-form-view-input input[type=email] {
    width: 100% !important;
  }
}
@media (max-width: 480px) {
  .cc-m-form-layout-0 .cc-m-form-view-label {
    float: none !important;
    width: 100% !important;
  }
}
/* shop ------------------------------ */@media (max-width: 768px) {
  .hproduct {
    text-align: center !important;
  }
  .hproduct .cc-shop-product-size-2 .cc-shop-product-img {
    width: 100% !important;
    text-align: center !important;
  }
  .hproduct .cc-shop-product-size-2 .cc-shop-product-img-confines {
    width: 100% !important;
  }
  .hproduct .cc-shop-product-size-2 .cc-shop-product-price {
    text-align: center !important;
    padding-left: 40% !important;
  }
  .hproduct .cc-shop-product-size-2 .cc-shop-product-availability li {
    display: inline-block !important;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  .hproduct .cc-shop-product-size-2 .cc-shop-product-img-confines {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  .hproduct .cc-shop-product-size-2 .cc-shop-product-img-confines a {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 480px) {
  .hproduct .cc-shop-product-size-2 .cc-shop-product-price {
    padding-left: 25% !important;
  }
}
/* for ms,xs layout 
------------------------------------------*/
/* 1. Grad for separate between maincontents & sideber  */
@media (max-width: 992px) {
  #sidebar {
    background-image: url("http://u.jimdo.com/www13/o/s85c02e57665b1446/userlayout/img/bg-grad-sep.png?t=1390191176");
    background-repeat: repeat-x;
    padding-top: 25px;
  }
}
/* box-sizingのリセット 
------------------------------------------*/
/* 1 .jimdo sign-up for pertner ------------ */
.wt-jimdo-sign-up,
.wt-jimdo-sign-up .wt-jimdo-sign-up-name-wrapper,
.wt-jimdo-sign-up .wt-jimdo-sign-up-email-wrapper,
.wt-jimdo-sign-up .wt-jimdo-sign-up-password-wrapper {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.wt-jimdo-sign-up .form-control {
  height: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}
/*===================================
		 [common] styles
===================================*/
.hproduct {
  margin: 25px 0;
}
.hproduct .cc-shop-product-desc strong {
  font-size: 2.0em;
  font-weight: bold;
}
/* for shop responsive */
div.cc-shop-product-size-2 div.cc-shop-product-desc {
  margin-left: 0;
}
@media (min-width: 768px) {
  .cc-shop-product-img {
    margin: 0 auto;
    text-align: center;
  }
}
/*===================================
		 [original] styles
===================================*/
/*----------------------------
 templateID :	R-SL-01
 version:			1.0
 ----------------------------*/
/* links / リンクのスタイル------------------------------- */
a {
  text-decoration: underline;
}
a .btn {
  text-decoration: none !important;
}
a:link {
  color: #ed5634;
}
a:visited {
  color: #ed5634;
}
a:active {
  color: #ed5634;
}
a:hover {
  color: #ed5634;
  text-decoration: none;
}
/* for Fixed to top--------------------------------------- */
/* navbarの高さに合わせる */
body {
  padding-top: 90px !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  body {
    padding-top: 140px !important;
  }
  /* ビューエリア992px以上1199px以下でのnavbarの高さ */
}
@media (min-width: 768px) and (max-width: 991px) {
  body {
    padding-top: 180px !important;
  }
  /* ビューエリア768px以上991px以下でのnavbarの高さ */
}
/* navberロゴ表示設定--------------------------------------- */
.navbar h1 {
  background: url(https://u.jimcdn.com/cms/o/s6bd01d4a6b569c96/userlayout/img/logo.png?t=1393503461) no-repeat;
  /* ロゴのパスを変更("?=XXXXXXXXXX"も含める) */

  text-indent: -9999px;
  width: 300px;
  /* ロゴ画像のサイズ(幅) */

  height: 62px;
  /* ロゴ画像のサイズ(高さ) */

  margin: 0;
}
@media (max-width: 768px) {
  .navbar h1 {
    background-size: 100% auto;
    /* ロゴ画像のサイズ(幅) */
  
  }
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
height:62px;
}

@media (max-width: 991px) {
  .navbar h1 {
    background-size: 70% auto;
    /* 480px以下の場合に表示される画像のサイズを%で指定。ロゴの形状によって数値は異なるので調整 */
  
  }
}
.navbar-nav li a {
  color: #f5a492;
  text-decoration: none;
}
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover {
  color: #ffffff;
  background-color: #1f0803;
}
/* カルーセル：キャプションのテキストスタイル------------------------------- */
.carousel-inner .item.image01 .carousel-caption {
  color: #ffffff !important;
  /* 背景画像によってよく見える色を指定 */

}
.carousel-inner .item.image02 .carousel-caption {
  color: #ffffff !important;
  /* 背景画像によってよく見える色を指定 */

}
.carousel-inner .item.image03 .carousel-caption {
  color: #ffffff !important;
  /* 背景画像によってよく見える色を指定 */

}
/* jumbotrons / 画像付き見出しの背景画像の設定------------------------------- */
/* 個別のページIDを指定 */
#page-593331715 .jumbotron {
  background-color: #ffffff;
  /* 背景画像によって画像が切れても不自然でないカラーを設定 */

  background-image: url('http://u.jimdo.com/www13/o/s85c02e57665b1446/userlayout/img/slider-01.jpg?t=1390042141');
  /* 画像のパスを変更("?=XXXXXXXXXX"も含める) */

  background-repeat: no-repeat;
  background-size: 700px auto;
  background-position: right center;
  /* 画像の見え方で調整 */

}
@media (max-width: 768px) {
  #page-593331715 .jumbotron {
    /*ビューエリアが768pxより小さい場合の背景画像の見え方*/
  
    background-size: 500px auto;
    background-position: right bottom;
    /* 画像の見え方で調整 */
  
  }
}
/* 個別のページIDを指定 */
#page-1402348615 .jumbotron {
  background-color: #ffffff;
  /* 背景画像によって画像が切れても不自然でないカラーを設定 */

  background-image: url('http://u.jimdo.com/www13/o/s85c02e57665b1446/userlayout/img/jumbotron-social.png?t=1390046072');
  /* 画像のパスを変更("?=XXXXXXXXXX"も含める) */

  background-repeat: no-repeat;
  background-size: 700px auto;
  background-position: right center;
  /* 画像の見え方で調整 */

}
@media (max-width: 768px) {
  #page-1402348615 .jumbotron {
    /*ビューエリアが768pxより小さい場合の背景画像の見え方*/
  
    background-size: 500px auto;
    background-position: right center;
    /* 画像の見え方で調整 */
  
  }
}
/* headings / 見出しのスタイル------------------------------- */
#content h1 {
  border-left: 5px #f5d16e solid;
}
#content h2 {
  border-bottom: 3px #EE97BE solid;
}
#content h3 {
  color: #222222;
  background-color: #fcefcd;
}
#content h4,
#content h5 {
  color: #ed5634;
}
#sidebar h2 {
  color: #7d200b;
}
/* buttons / ボタンのスタイル------------------------------- */
.btn-primary {
  background-color: #ed5634 !important;
  border-color: #ed5634 !important;
  background-image: -webkit-linear-gradient(top, #ed5634 0, #db3813 100%);
  background-image: linear-gradient(to bottom, #ed5634 0, #db3813 100%);
  color: #ffffff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #7d200b;
  border-color: #4e1407;
  background-image: -webkit-linear-gradient(top, #db3813 0, #ed5634 100%);
  background-image: linear-gradient(to bottom, #db3813 0, #ed5634 100%);
  background-position: 0 0;
  color: #ffffff !important;
}
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #ed5634;
  border-color: #ed5634;
}
.tel {
  font-family: 'Oxygen', sans-serif;
  font-size: 24px;
  font-weight: 700;
}
/* buttons / ショップのスタイル------------------------------- */
a.cc-shop-addtocard,
a.cc-shop-addtocard:visited,
a.cc-sidecart-checkout,
a.cc-sidecart-checkout:visited,
input.cc-checkout-btn {
  background-color: #ed5634 !important;
  border-color: #ed5634 !important;
  background-image: -webkit-linear-gradient(top, #ed5634 0, #db3813 100%);
  background-image: linear-gradient(to bottom, #ed5634 0, #db3813 100%);
}
a.cc-shop-addtocard,
a.cc-shop-addtocard:visited,
a.cc-sidecart-checkout,
a.cc-sidecart-checkout:visited,
input.cc-checkout-btn {
  background-color: #7d200b;
  border-color: #4e1407;
  background-image: -webkit-linear-gradient(top, #db3813 0, #ed5634 100%);
  background-image: linear-gradient(to bottom, #db3813 0, #ed5634 100%);
  background-position: 0 0;
}
.hproduct .cc-shop-product-desc strong {
  color: #7d200b;
  /* 商品名のカラー */

}
.cc-checkout-progress-element a {
  padding: 0.2em 0.5em;
  background-color: #fcefcd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* blogの日付スタイル ---------------------------------------- */
.datetime {
  background-image: none !important;
  border: 1px #ed5634 solid;
  border-radius: 4px;
}
.datetime p {
  color: #ed5634 !important;
}
/* ラベルのカラー */
.postmeta {
  background-color: #f5d16e;
  color: #ffffff;
}
/* Google maps / 地図のレスポンシブ化対応。メインコンテンツに地図が含まれるページのbodyIDを指定------- */
#page-1402731115 #cc-m-7233634015,
#page-1402731115 #cc-m-7233634115,
#page-1402731115 #cc-m-7233634915,
#page-1402731115 #cc-m-7229437215 {
  display: none !important;
}
/* listGroup / リストグループのスタイル-------------------------------- */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #3071a9;
  background-image: -webkit-linear-gradient(top, #db3813 0, #ed5634 100%);
  background-image: linear-gradient(to bottom, #db3813 0, #ed5634 100%);
  border-color: #db3813;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #ed5634;
  border-color: #db3813;
}
/* footerMenu / フッタメニューのスタイル------------------------------- */
.footer-menu {
  background-color: #eeeeee;
}
.footer-menu .footer-nav li {
  border-color: #ffffff;
}
.footer-menu .footer-nav li a:hover {
  background-color: #ffffff;
}
footer {
  background-color: #999999;
  color: #ffffff;
}
footer a {
  color: #ffffff !important;
}
footer a:hover {
  color: #f5d16e !important;
}