@charset "UTF-8";

/* Bootstrapのグリッドシステムの拡張
======================================*/
.row-center{
text-align:center;
letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}
.row-center.va-middle > [class*='col-'] {
vertical-align:middle;
}
.row-center.va-bottom > [class*='col-'] {
vertical-align:bottom;
}

/* 		変数 
======================================*/
/* font-size */
.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.imgCenter {
  display: block;
  margin: 0 auto;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.clear {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.mTop10 {
  margin-top: 10px !important;
}

.mTop20 {
  margin-top: 20px !important;
}

.mTop30 {
  margin-top: 30px !important;
}

.mTop40 {
  margin-top: 40px !important;
}

.mTop50 {
  margin-top: 50px !important;
}

.mBtm5 {
  margin-bottom: 5px !important;
}
.mBtm10 {
  margin-bottom: 10px !important;
}

.mBtm15 {
  margin-bottom: 15px !important;
}

.mBtm20 {
  margin-bottom: 20px !important;
}

.mBtm30 {
  margin-bottom: 30px !important;
}

.mBtm40 {
  margin-bottom: 40px !important;
}

.mBtm50 {
  margin-bottom: 50px !important;
}


.mLeft15 {
	margin-left:15px;
}

.mRight15 {
	margin-right:15px!important;
}


.pad10 {
  padding: 10px !important;
}

.pad15 {
  padding: 15px !important;
}

.pad20 {
  padding: 20px !important;
}

.pad25 {
  padding: 25px !important;
}

.pad30 {
  padding: 30px !important;
}

.pad40 {
  padding: 40px !important;
}

.pad70 {
  padding: 70px !important;
}


.displayTable {
  display: table;
  width: 100%;
}

.tableCell {
  display: table-cell;
  vertical-align: middle;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.noWrap {
  white-space: nowrap;
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.red {
  color: #ff1f1e;
}

.green {
  color: #34800d;
}

.orange {
  color: #cc6600;
}

.gray {
  color: #999;
}

.black {
  color: #000000;
}

.blue {
  color: #0000FF;
}

.white {
  color: #fff;
}

.font10 {
  font-size: 10px;
  font-size: 1.0rem;
}

.font12 {
  font-size: 12px;
  font-size: 1.2rem;
}

.font14 {
  font-size: 14px;
  font-size: 1.4rem;
}

.font16 {
  font-size: 16px;
  font-size: 1.6rem;
}

.font18 {
  font-size: 18px;
  font-size: 1.8rem;
}

.font20 {
  font-size: 20px;
  font-size: 2.0rem;
}

.font22 {
  font-size: 22px;
  font-size: 2.2rem;
}

.font24 {
  font-size: 24px;
  font-size: 2.4rem;
}

.font26 {
  font-size: 26px;
  font-size: 2.6rem;
}

.font28 {
  font-size: 28px;
  font-size: 2.8rem;
}

.font30 {
  font-size: 30px;
  font-size: 3.0rem;
}

.font32 {
  font-size: 32px;
  font-size: 3.2rem;
}

.gothic {
  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
}

.mincho {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝","MS PMincho", serif;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
  -webkit-text-stroke-width: 0.1px;
}

.serif {
  font-family: "Times New Roman", Garamond, Century, serif;
}

.sans {
  font-family: Arial, Helvetica, Tahoma, sans-serif;
}

.bgWhite {
  background: #fff;
}

.bgBlack {
  background: #000;
}

.bgGray01 {
  background: #e0e0e0;
}

.bgGray02 {
  background: #ccc;
}

.showMark {
  padding-left: 1em;
  margin-left: .5em;
}
.showMark li {
  list-style: decimal;
}

.hideMark {
  padding-left: 0;
}
.hideMark li {
  list-style: none;
}

.headCaution {
  padding: 10px 0;
  background: #ffcc66;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.headCaution p {
  width: 960px;
  display: block;
  margin: 0 auto;
  font-size: 14px;
  font-size: 1.4rem;
  background: url('../images/caution.png?1364457153') 0 50% no-repeat;
  padding: 5px 25px;
}

table {
  border-collapse: collapse;
}

th, td {
  border: none;
}

table .odd {
  background: #eee;
}

.clickBox {
  cursor: pointer;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}

/* ************************************
 *
 * SCSS Media Queries Mixins
 * 
 * Aauthor   : Ryuichi Nonaka
 * Version   : 0.4.0
 * Copyright : 2012 Ryuichi Nonaka
 * Date      : 2012/11/16
 *
 * Released under the MIT license
 *
 *********************************** */
/* ************************************
 *
 * Device Width 
 * Initialize variables
 *
 *********************************** */
/* ************************************
 *
 * Browser Prefix 
 * Initialize variables
 *
 *********************************** */
/* ************************************
 *
 * Return ratio
 * Initialize variables
 * @param $prefix prefix type
 * @param $ratio device ratio
 *
 *********************************** */
/* ************************************
 *
 * Mobile Device mixin
 * @param $orientation Direction of a device
 * @param $version [old|modern|future|any] The version of a device
 * @param $add_orientation boolean [true|false] add orientation attribute
 *
 * old    : iPhone 3G or 3GS.
 * modern : iPhone 4 or 4S.
 * future : iPhone 5.
 * any    : All version.
 *
 *********************************** */
/* ************************************
 *
 * Tablet Device mixin
 * @param $orientation Direction of a device
 * @param $version [old|modern|any] The version of a device
 * @param $add_orientation boolean [true|false] add orientation attribute
 *
 * old    : iPad 1 or 2 or mini.
 * modern : new iPad (3).
 * any    : All version.
 *
 *********************************** */
/* ************************************
 *
 * Desctop Device mixin
 * @param $size Direction of a device
 * @param $version [modern|future|any] The version of a device
 *
 * Version modern ---------------------
 * narrow  : max width 1024.
 * modern  : max width 1280.
 * wide    : max width 1600.
 * hd      : max width 1920.
 * over    : width 1920 over.
 * ratio   : 1.0
 *
 * Version future ---------------------
 * modern : max width 1280.
 * wide   : max width 1440.
 * ratio  : 2.0
 *
 *********************************** */
/* ************************************
 *
 * Custom Device mixin
 * @param $min_width number(px) Minimum device size
 * @param $max_width number(px) Maximum device size
 * @param $pixel_ratio number Device px ratio
 * @param $add_orientation boolean [true|false] add orientation attribute
 *
 *********************************** */
body {
  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
  background: url('../images/bg.png?1421820068');
}

/*bootstrap のセンター寄せ*/
.row-center.va-middle > [class*='col-'] {
vertical-align:middle;
}
.row-center.va-bottom > [class*='col-'] {
vertical-align:bottom;
}

#topBG {
  background: black url('../images/top/topimage_bg.jpg?1422160954') center bottom no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
}
@media only screen and (min-width: 320px) and (max-width: 992px) {
  #topBG {
    -webkit-background-size: auto 700px;
    -o-background-size: auto 700px;
    background-size: auto 700px;
  }
}

#header {
  padding-top: 45px;
}
#header h1 {
  margin: 0;
}

.sitelogo {
  margin-bottom: 30px;
}

.pelletman-nav {
  background: none;
  border: none;
  position: relative;
  z-index: 20;
}
.pelletman-nav .glyphicon {
  margin-right: .5em;
  color: #6493FF;
}
.pelletman-nav ul {
  float: right;
}


@media only screen and (min-width: 320px) and (max-width: 768px) {
  .pelletman-nav ul {
    float: none;
    width: 100%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .pelletman-nav .navbar-collapse {
    width: 100%;
    z-index: 200;
    background: rgba(0, 0, 0, 0.5);
  }
}
.pelletman-nav a {
  color: #FFF !important;
}
.pelletman-nav a:hover {
  color: #b3b3b3 !important;
}
.pelletman-nav .glyphicon {
  font-size: .8rem;
  position: relative;
  top: -1px;
}

.navbar-toggle {
  background-color: white !important;
}

.topimage {
  text-align: center;
}
.topimage .container {
  position: relative;
  padding: 80px 0 160px;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .topimage .container {
    padding: 20px 0 50px;
  }
}

.topimageTxt {
  z-index: 10;
  position: relative;
}

.topimageStove {
  position: absolute;
  bottom: -100px;
  right: -50px;
  z-index: 0;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .topimageStove {
    right: 0;
    bottom: -200px;
  }
}


 /*ここから追加（PC用）2019.10.18 うまくいかないので削除
@media only screen and (min-width: 992px) {
	.fbArea {
		margin-bottom: 10px;
		width: 100%;
		height: 100px;
	}
}
@media only screen and (max-width: 767px) {
　.fbArea {
	margin-bottom: 10px;
	width: 100%;
	}
}
*/


.fbArea {
  margin-bottom: 10px;
}
.fbArea iframe {
  width: 100%;
  background: #FFF;
}

@media only screen and (max-width: 767px) {
　.fbArea {
	height: 400px;
	}
}

.storeSpec {
  height: 400px;
  padding: 5px 10px;
  background: #9b7b4a url('../images/top/spec_bg.png?1422159841');
  color: #FFF;
}
.storeSpec h2 {
  margin-top: 5px;
  padding-bottom: 10px;
  text-align: center;
  margin-bottom: 5px;
}
.storeSpec table {
  border-bottom: 1px solid #aaaaaa !important;
  margin-bottom: 10px;
}
.storeSpec th, .storeSpec td {
  border-color: #aaaaaa !important;
  text-align: center;
}
.storeSpec th {
  font-weight: normal;
  line-height: 60% !important;
  vertical-align: middle !important;
  padding: 0 10px !important;
}
.storeSpec .number {
  font-family: "Times New Roman", Garamond, Century, serif;
  font-size: 2.4rem;
}
.storeSpec .tableLabel {
  font-family: "Times New Roman", Garamond, Century, serif;
  font-size: 1.0rem;
}
.storeSpec .glyphicon {
  font-size: 2rem;
}

.contentBtn {
	display: block;
	min-height: 250px;
	position: relative;
	margin-bottom: 30px;
	background-image: url(assets/images/top/btn_pelletstove.jpg);
}
.contentBtn:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 79%, rgba(0, 0, 0, 0.5) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(79%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.5)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 79%, rgba(0, 0, 0, 0.5) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 79%, rgba(0, 0, 0, 0.5) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 79%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 79%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
}
.contentBtn:hover:after {
  background: rgba(0, 0, 0, 0.5);
}
.contentBtn img {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 10;
}

.btnPelletstove {
  background: white url('../images/top/btn_pelletstove.jpg') 50% 50% no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.btnWoodstove {
	background: white url(../images/top/btn_woodstove.jpg) 50% 50% no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.btnOtherproducts {
  background: white url('../images/top/btn_otherproducts.jpg?1421827071') 50% 50% no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.btnMente {
  background: white url('../images/top/btn_mente.jpg?1421827131') 50% 50% no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.btnStore {
  background: white url('../images/top/btn_store.jpg?1421827096') 50% 50% no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.btnPellet {
  background: white url('../images/top/btn_pellet.jpg?1421827071') 50% 50% no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}








.brandList {
  margin-bottom: 30px;
}
.brandList h2 {
  margin-bottom: 30px;
}
.brandList div {
  text-align: center;
  background: #FFF;
  padding: 30px 10px;
}

.bnrArea img {
  margin-bottom: 30px;
}

#footer {
  text-align: center;
  color: #FFF;
  padding: 80px 30px 50px;
}
#footer .copy {
  padding-top: 20px;
  font-size: 1.4rem;
  font-family: "Times New Roman", Garamond, Century, serif;
}
#footer a {
  text-decoration: underline;
  color: #7EA5FF;
}

/* common
===================== */
.subTilte02 {
  font-size: 2.4rem;
  border-left: 5px solid #eb6100;
  padding-left: 15px;
  font-weight: bold;
  margin-bottom: 1.5em;
}

.subTilte03 {
  padding-left: 15px;
  font-weight: bold;
  margin-bottom: 1em;
  border-bottom: 2px solid #eb6100;
  padding-bottom: 10px;
}

.subTilte04 {
  padding-left: 20px;
}

.subTilte05 {
}

/* pelletstove 
====================*/
.pelletstove .pageHeader {
  margin-bottom: 30px;
  background: black url('../images/pelletstove/headimg.jpg?1422159782') 50% 0 no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* woodstove 
====================*/
.woodstove .pageHeader {
  margin-bottom: 30px;
  background: black url('../images/woodstove/headimg.jpg?1422159782') 50% 0 no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* otherproducts 
====================*/
.otherproducts .pageHeader {
  margin-bottom: 30px;
  background: black url('../images/otherproducts/headimg.jpg?1422159782') 50% 0 no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* pellet 
====================*/
.pellet .pageHeader {
  margin-bottom: 30px;
  background: black url('../images/pellet/headimg.jpg?1422159782') 50% 0 no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pageHeader {
  padding: 80px 0;
}
@media only screen and (min-width: 320px) and (max-width: 992px) {
  .pageHeader {
    padding: 40px 0;
  }
}
.pageHeader h1 {
  margin: 0;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .pageHeader img {
    margin: 0 auto;
    display: block;
  }
}

.itemSection {
  padding-bottom: 20px;
  border-bottom: 1px solid #fff;
  margin-bottom: 40px;
}
.itemSection h2 {
  margin: 8px 0 0;
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝","MS PMincho", serif;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
  -webkit-text-stroke-width: 0.1px;
  color: #fff;
  font-size: 2.4rem;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .itemSection h2 {
    text-align: center;
  }
}

.brandTitle {
  margin-bottom: 30px;
}
.brandTitle img {
  margin: 0 auto;
  display: block;
}

.itemBox {
  background: #FFF;
  padding: 10px;
  margin-bottom: 30px;
}
.itemBox h3 {
  margin-top: 0;
  font-size: 1.8rem;
}
.itemBox dt {
  color: #ea5414;
}
.itemBox .btn {
  position: absolute;
  bottom: 5px;
  left: 5px;
  font-size: 1.2rem;
  padding: 5px;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .itemBox .btn {
    margin-top: 10px;
    position: static;
  }
	
  .storeSpec {
	height: 440px;
}

}
.itemBox .btn:hover {
  color: #fff;
  cursor: default;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .itemSpec {
    text-align: center;
  }
}

@media only screen and (max-width: 640px) {
  .storeSpec {
	height: 450px;
}
}

.imgWrap {
  position: relative;
  text-align: center;
}

.typeOnpu {
  background: #EA5414;
  color: #fff;
}

.typeShizen {
  background: #c89f62;
  color: #fff;
}

.typeHeiyo {
  background: #ea5414;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNTQxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VhNTQxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2M4OWY2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjODlmNjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ea5414 0%, #ea5414 50%, #c89f62 51%, #c89f62 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ea5414), color-stop(50%, #ea5414), color-stop(51%, #c89f62), color-stop(100%, #c89f62));
  background: -webkit-linear-gradient(top, #ea5414 0%, #ea5414 50%, #c89f62 51%, #c89f62 100%);
  background: -o-linear-gradient(top, #ea5414 0%, #ea5414 50%, #c89f62 51%, #c89f62 100%);
  background: -ms-linear-gradient(top, #ea5414 0%, #ea5414 50%, #c89f62 51%, #c89f62 100%);
  background: linear-gradient(to bottom, #ea5414 0%, #ea5414 50%, #c89f62 51%, #c89f62 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea5414', endColorstr='#c89f62',GradientType=0 );
  color: #FFF;
  border: 1px solid #EA5414;
}

.typeMaki {
  background: #691D07;
  color: #fff;
}

.itemCopy {
  color: #0C4C09;
  font-weight: bold;
  margin-top: 20px;
}

/* maintenance 
======================*/
.maintenance .pageHeader {
  margin-bottom: 30px;
  background: black url('../images/maintenance/headimg.jpg?1421904714') 50% 0 no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.maintenance .mainContent {
  color: #FFF;
}
.maintenance .table {
  background: #FFF;
  color: #333;
  max-width: 750px;
  margin: 20px auto;
  margin-bottom: 2em;
}
.maintenance th, .maintenance td {
  text-align: center;
}
.maintenance caption {
  color: #FFF;
  margin-bottom: 1em;
}
.maintenance caption:before {
  content: "● ";
  color: #eb6100;
}

/* store 
======================*/
.store .mainContent {
  color: #FFF;
}
.store .table {
  max-width: 800px;
  margin: 50px auto;
  border: none;
}
.store th {
  white-space: nowrap;
}

.mapWrap {
  margin: 0 auto;
  max-width: 800px;
}
.mapWrap iframe {
  width: 100%;
}

.pageTitle {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝","MS PMincho", serif;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
  -webkit-text-stroke-width: 0.1px;
  padding-bottom: 20px;
  border-bottom: 1px solid #fff;
  margin-bottom: 30px;
}

/* contact
========================*/
.contact .mainContent {
  color: #FFF;
}

#contactForm {
  max-width: 800px;
  margin: 50px auto;
  background: rgba(255, 255, 255, 0.3);
  padding: 30px;
}

#contactForm input.error,
#contactForm textarea.error,
#contactForm select.error {
  -webkit-box-shadow: 0 0 5px 0 #FF0000;
  box-shadow: 0 0 5px 0 #FF0000;
}

#contactForm label.error {
  display: block;
  font-size: .7em;
  color: red;
  line-height: 2em;
}