@charset "UTF-8";
/*
Theme Name: Hinokideitanseki


*/
/* --------------------------------------
Reset
-------------------------------------- */
* {  margin: 0;  padding: 0;}
html {  font-size: 62.5%;}
body { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	color: #000;
}
.min{ font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
h1, h2, h3, h4, h5, h6 {  font-weight: normal;  font-size: 100%;}
p {  margin-bottom: 1em;}
ul {  list-style: none;}
table {  border-collapse: collapse;  border-spacing: 0px;}
form label {  cursor: pointer;}
a {  text-decoration: none;  color: #000;}
a:hover, a:active, a:focus {  color: #000;}
a img {  border: none;
}
*, *:before, *:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
}
.cf:after {
	display: block;
	clear: both;
	content: '';
}
/* pc, sp */
.sp { display: none; }
@media screen and (max-width: 768px) {
	.pc { display: none; }
	.sp { display: block; }
}
/* link hover */

a, a img, input { transition: all .2s; }

.opacity { display: block;	background: #fff; }
.opacity:hover img, .opacity:focus img { opacity: .7; }

a .site-item__img, a .sidebar__menu-img {	background: #fff;}
a .site-item__img:hover , a .site-item__img:focus, a .sidebar__menu-img:hover , a .sidebar__menu-img:focus { opacity: .7; }

.btn-opc:hover, .btn-opc:focus { opacity: .7;}

a:hover { opacity: .7; }

/* --------------------------------------
Common
-------------------------------------- */
.site { position: relative; }
/* header
-------------------------------------- */
.site-header { width: 100%; text-align: center; font-size: 1.2rem;}
.site-header__main { margin-top: 10px;}
.head-text { background-color: #0c3d20; }
.head-text__inner { text-align: left; color: #fff; padding: 3px;}
.content-inner { width: 1000px; margin: 0 auto;}
.site-logo { float: left; margin-top: 16px;}
.site-header-info { float: right;}
.site-header-info__menu { text-align: right; color: #0C3D20; font-size: 1.3rem; margin-bottom: 4px; }
.site-header-info__menu a { display: inline-block; margin-left: 15px;}
.site-header-info__mail::before {display: inline-block; content:''; background: center / contain no-repeat url(./img/icon/ico_mail.jpg); width: 20px; height: 10px; margin-right: 3px; vertical-align: baseline;}
.site-header-info__guide { text-align: left; padding-left: 10px}
.site-header-info__order{ display: table; }
.site-header-info__tel, .site-header-info__fax { display: table-cell; padding-left: 10px}
.top-navi { padding: 12px 0 16px;}
.top-navi .top-navi__items{ display:flex; ustify-content: space-around; }
.top-navi .top-navi__items li { /*float: left; width: 16.6666%;*/ font-size: 18px; line-height: 26px; height: 26px; width: 100%; text-align: center; border-right: solid 1px #000; font-weight: 700;}
.top-navi .top-navi__items li:first-child { border-left: solid 1px #000;}
.top-navi .top-navi__items li a { display: inline-block; width: 100%; }
.top-navi .top-navi__items li a img { display: none; }

@media screen and (max-width:768px)  {
	.site { position: static; }
	.site-header__main { position: relative; padding:18px 2%; margin-top: 0;}
	.site-logo { margin-top: 0; width: 200px; }
	.site-logo__img { width: 100%;}
	.content-inner { width: 100%; padding: 0 3%; }
	.head-text__inner { font-size: 1.0rem; }
	.nav-loupe {position: absolute; right: 18%; width: 30px; top: 50%; transform: translate(0, -50%);}
	.nav-loupe img { width: 100%;}
	/* .nav-btn { position: absolute; right: 4%; width: 8%; max-width: 50px; top: 50%; transform: translate(0, -50%);}
	.nav-btn img { width: 100%;} */

	.sp-navbtn { display:block; position:absolute; top:50%; right:10px; width:40px; height:40px; z-index:9999; cursor:pointer; transition:all .2s; background:#FFF; transform: translate(0,-50%); padding-left: 5px;}
	.sp-navbtn i { transition:.1s; }
	.sp-navbtn i, .sp-navbtn i:before, .sp-navbtn i:after { display:block; position:absolute; top:38%; width:30px; height:4px; background:#000; }
	.sp-navbtn i:before { margin-top:-12px; }
	.sp-navbtn i:before, .sp-navbtn i:after { content: ""; transition: .2s; }
	.sp-navbtn i:after { margin-top:8px; }
	.sp-navbtn.close i { background:transparent; }
	.sp-navbtn.close i:before { transform:rotate(-45deg); }
	.sp-navbtn.close i:after { transform:rotate(-135deg); }
	.sp-navbtn.close i:before, .sp-navbtn.close i:after { margin-top:0; }
	.sp-navbtn span { position:absolute; left:0; bottom:10px; width:100%; color:#000; font-family:sans-serif; font-size:0.6em; font-weight:bold; line-height:10px; text-align:center; }

	.site-header .content-inner { position: relative; }
	.top-navi { position: absolute; top: 100%; width: 100%; padding: 10px 0; background-color: #edede6; z-index: 9999; left: 0;}
	.top-navi__items { padding: 0 3%;}
	.top-navi .top-navi__items{ display:block; }
	.top-navi .top-navi__items li:first-child{ border-left: solid 1px #c7c3c3; }
	.top-navi .top-navi__items li { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; color: #000;}
	.top-navi .top-navi__items li { float: none; border: solid 1px #c7c3c3; background-color: #fff ; margin: 5px 0; width: auto; height: auto;}
	.top-navi .top-navi__items li a { padding: 4px; text-align: left; position: relative; height: 58px;}
	.top-navi .top-navi__items li a img { position: absolute; top: 0; bottom: 0; margin: auto 0; left: 10px; width: 100%; height: auto; display: inline; width: 56px;}

	.top-navi .top-navi__items .menu-image-title { line-height: 52px; padding-left: 65px; }
	.top-navi .top-navi__items li a::after { display: inline-block;  content: ''; background: center / contain no-repeat url(./img/icon/ico_arrow02.png); width: 6px;  height: 10px; position: absolute; transform: translate(0% ,-50%); top: 50%; right: 20px;}

	/* スマホメニュー内 */
	.top-navi-wrap { text-align: left; }
	.top-navi-wrap .sidebar__menu-imgwrap { display: inline-block; }
	.top-navi-wrap .sidebar__by-item, .top-navi-wrap .sidebar__by-type, .top-navi-wrap .sp-only-set { padding: 0 3%;}
	.top-navi .top-navi__items li:last-child .menu-image-title{ color: #fff; padding-left: 14px; }
	.top-navi .top-navi__items li:last-child { border: none; line-height: 50px; background-color: #0c3d20; color: #fff; padding-left: 0; }
	.top-navi .top-navi__items li:last-child a:after { background: center / contain no-repeat url(./img/icon/ico_arrow02w.png);  }
   .top-navi .top-navi__items li:last-child a{color: #fff;padding-left: 14px;}
   .top-navi__close { text-align: center; }
	.sp-only-set { margin:20px auto; }
	.sp-only-set__items { margin-top: 20px; }
	.sp-only-set__items li a{ padding: 8px 16px ; font-size: 1.4rem; font-weight: bold; position: relative; background-color: #fff; display: inline-block; margin-bottom: 5px; width: 100%; border: solid 1px #c7c3c3;}
	.sp-only-set__items li a:before { display: inline-block; content: ''; background: center / contain no-repeat url(./img/icon/ico_arrow02.png); width: 6px; height: 10px; position: absolute; transform: translate(0 ,-50%); top: 50%; right: 16px ;}

	.sp-menu-footer { margin: 20px auto 20px auto; }
	.sp-menu-footer__item { float: left; width: 50%; margin-bottom: 10px; }
	.sp-menu-footer__link { padding: 4px; display: block; font-size: 1.4rem; font-weight: 700;}
	.sp-menu-footer__link::before { display: inline-block; content: ''; background: center / contain no-repeat url(./img/icon/ico_arrow02.png); width: 6px; height: 10px; vertical-align: baseline; margin-right: 8px;}
	.sp-menu-footer__linktext { display: inline-block; vertical-align: middle; width: -webkit-calc(100% - 22px); width: calc(100% - 22px);}
}

/* slider
-------------------------------------- */
.top-slider { width: 100%;}
.top-slider img { width: 1000px; }
.slick-prev, .slick-next { width: 30px; height: 60px; }
.slick-prev { left: -538px; margin-left: 50vw; z-index: 5;}
.slick-prev::before { display: inline-block; content:''; background: center / contain no-repeat url(./img/home/carousel_arw01.jpg); width: 30px; height: 60px; }
.slick-next { right: -538px; margin-right: 50vw;}
.slick-next::before { display: inline-block; content:''; background: center / contain no-repeat url(./img/home/carousel_arw02.jpg); width: 30px; height: 60px; }

@media screen and (max-width: 1000px)  {
	.site>* { width: 1000px; }
	/* .top-slider { width: 1000px;} */
}
@media screen and (max-width:768px)  {
	.site>* { width: 100% ; }
	.slick-dotted.slick-slider { margin-bottom: 10px; }
	.top-slider img { width: 100%; }
	.slick-dots { bottom: 0; }
}

/* Home Mainエリア
-------------------------------------- */
.site-content { margin-top: 0; font-size: 1.4rem; overflow: hidden;}
.is_front_page.site-content { margin-top: 40px; }
.content-area { float: right; width: 750px;}

.site-main__ttl { color:#0c3d20; font-size: 1.8rem; font-weight: bold; padding: 10px 5px 10px 0; border-top: solid 2px #0c3d20; border-bottom: solid 1px #a5a4a4; font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.site-main__ttl span { vertical-align: middle; font-size: 2rem;}
.site-main__ttl--begin::before { display: inline-block; content:''; background: center / contain no-repeat url(./img/icon/ico_tit01.jpg); width: 22px; height: 22px; vertical-align: middle; margin-right: 6px;}
.site-main__ttl--rank::before { display: inline-block; content:''; background: center / contain no-repeat url(./img/icon/ico_tit02.jpg); width: 22px; height: 22px; vertical-align: middle; margin-right: 6px;}
.site-main__ttl--more::before { display: inline-block; content:''; background: center / contain no-repeat url(./img/icon/ico_tit03.jpg); width: 22px; height: 22px; vertical-align: middle; margin-right: 6px;}
.site-main__ttl--recommend::before { display: inline-block; content:''; background: center / contain no-repeat url(./img/icon/ico_tit04.jpg); width: 22px; height: 22px; vertical-align: middle; margin-right: 6px;}
.site-main__ttl--news::before { display: inline-block; content:''; background: center / contain no-repeat url(./img/icon/ico_tit05.jpg); width: 22px; height: 22px; vertical-align: middle; margin-right: 6px;}
.site-main__items { padding: 15px 0 20px 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.site-item__imgwrap { border: solid 1px #ccc; position: relative ;padding-top: 99%; overflow: hidden; }
.site-main__items--recommend, .site-main__items--rank{ margin-bottom: 20px; }
.site-item__img { width: 100%; vertical-align: bottom; }
.site-item__imgwrap .site-item__img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border: 6px solid #fff!important;}
.site-item--begin , .site-item--more { width: 49.335%;}
.site-item--begin p, .site-item--more p{ margin-top: 6px; }
.site-item--rank { width: 24%; position: relative;}
.site-item__rank-label { position: absolute; top: -3px; left: 10px; width: 27px; height: 34px; z-index: 99;}
.site-item__name { text-decoration: underline; margin: 5px 0;}
.site-item__price { color: #a40035; font-weight: bold;}
.morebtn { color: #362e2b; width: 100%; margin-top: 20px; text-align: center;}
.morebtn__link { display: inline-block; background-color: #e5dab0; padding: 12px 50px ; text-align: center; border-radius:  30px ;}
.morebtn__link::after {  display: inline-block; content:''; background: center / contain no-repeat url(./img/icon/ico_arrow02.png); width: 6px; height: 10px; vertical-align: baseline; margin-left: 10px; }
.site-item--recommend { width: 32%; }
.moreitembtn { color: #362e2b; width: 100%; margin-top: 6px; text-align: center;}
.moreitembtn__link { display: inline-block; background-color: #e5dab0; padding: 6px 10px; text-align: left; border-radius: 3px; width: 100%; position: relative;}
.moreitembtn__link::after { display: inline-block; content: ''; background: center / contain no-repeat url(./img/icon/ico_arrow02.png); width: 6px; height: 10px; vertical-align: baseline; position: absolute; right: 10px; transform: translate(0, 050%); }
.site-main__items--news { display: block; margin-bottom: 30px;}
.site-main__ttl--news__link { display: inline-block; vertical-align: middle; position: relative; float: right; }
.site-main__ttl--news__link::after { display: inline-block; content: ''; background: center / contain no-repeat url(./img/icon/ico_arrow01.png); width: 16px; height: 16px; vertical-align: middle; margin-left: 5px; }
.news-item { display: block; border-bottom: dashed 1px #c1c0c0; padding: 10px 0;}
.news-item__date { display: inline-block;; width: 100px; vertical-align: middle;}
.news-item__category { display: inline-block; width: 100px;}
.news-item__category-label {  font-size: 1.2rem; background-color: #e9e8e6; padding: 3px 10px;}
.news-item__title { display: inline-block; width: 500px; vertical-align: middle;}

@media screen and (max-width:768px)  {
	.site-content { margin-top: 0;}
	.is_front_page.site-content { margin-top: 0;}
	.content-area { float: none; width: 100% ; }
	.site-main__ttl { border-top: none; border-bottom: solid 2px #0c3d20; }
	.site-main__ttl span { font-size: 1.8rem;}
	.site-main__ttl--begin::before { display: none; }
	.site-item--begin p{ font-size: 1.3rem; margin-bottom: 0; }
	.site-item--more p{ margin: 4px 0 6px; font-size: 1.3rem; }
	.site-main__ttl--rank::before { display: none ; }
	.site-main__ttl--more::before { display: none ; }
	.site-main__items--recommend{ margin-bottom: 0; }
	.site-main__ttl--recommend::before { display: none ;}
	.site-main__ttl--news::before { display: none ; }
	.site-item--rank { width: 32%;}
	.site-item__rank-label { position: absolute; top: -3px; left: 10px; width: 20px; height: 25px;}
	.site-main__items--more { display: block;}
	.site-item--more { width: 100%;}
	.site-item--recommend { width: 49%; }
	.moreitembtn { display:none; }
	.news-item__title { width: 100%; margin-top: 10px; }
}

/* サイドバー
-------------------------------------- */
.sidebar { width: 230px;}
.sidebar__title { padding: 6px 8px; background: #3b613e; color: #fff;}
.sidebar__menu { margin: 0 0 20px 0;}
.sidebar__menu li { border-bottom: dotted 1px #c1c0c0 ;}
.sidebar__menu a { display: inline-block; width: 100%;  padding: 5px 0 ;}
/* .sidebar__menu li a.item_soap::before { display: inline-block; content:''; background: center / cover no-repeat url(./img/common/item_soap.jpg); width: 50px; height: 50px; vertical-align: middle;} */
.sidebar__menu-imgwrap { position: relative ; width: 50px; height: 50px ; overflow: hidden; display: inline-block; vertical-align: middle;}
.sidebar__menu-imgwrap--border { border: solid 1px #ccc;}
.sidebar__menu-img { position: absolute; top: 0; left: 0; width: 100%;}
.sidebar__menu-txt { display: inline-block; vertical-align: middle; }

.side-search { margin-bottom: 10px;}
.side-search__title { font-weight: 600; margin-bottom: 5px;}
.side-search__field { height: 40px; line-height: 40px; padding: 5px; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); border: solid 1px #c7c3c3; border-right: none; border-radius: 4px 0 0 4px ; background-color: #f6f5f6; }
.side-search__form { position: relative;}
.side-search__submit  { border-radius: 0 4px 4px 0; bottom: 0; overflow: hidden; padding: 0; position: absolute; right: 0; top: 0; padding: 0; width: 40px; border: solid 1px #000;}
.side-search__submit:before { display: inline-block; content:''; background: center / 16px 16px no-repeat url(./img/icon/ico_loupe.png) #000; width: 40px; height: 40px; vertical-align: middle;}
.side-search__placeholder { position: absolute; left: 5px; top: 50%; transform: translate(0, -50%); }
.side-search__placeholder::before { content: 'キーワードを入力して下さい'; display: inline-block; color: #7b7b7b; background: none;}
.sidebar__wordlinks { margin-bottom: 24px; }
.sidebar__wordlink { text-decoration: underline; }
.side-bnr-item { display: block; margin-bottom: 16px; }
.side-bnr-item__img { width: 230px; }

.sidebar__btn ul { margin-bottom: 20px; }
.sidebar__btn li { margin-bottom: 5px; }
.sidebar__btn li a { color: #3c613f; font-weight: bold; display: block; border: 2px solid #ddd; padding: 1.5rem 2rem; position: relative; }
.sidebar__btn li a:after{ display: inline-block; content: ''; background: center / contain no-repeat url(./img/icon/ico_arrow02.png); width: 6px; height: 10px; vertical-align: baseline; position: absolute; top: 38%; right: 1rem;}

@media screen and (max-width:768px)  {
	.sidebar { width: 100%; }
	.sidebar__menu { margin: 5px auto 20px auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.sidebar__menu li {  width: 49%; margin: 2px 0; border-bottom: none; line-height: inherit; }
	.sidebar__menu li a{ height: 60px; padding: 0; display: flex;align-items: center;}
	.sidebar__menu li a img{ display: inline-block; width: 60px; height: auto; padding-right: 10px;}
	.sidebar__menu .menu-image-title { font-size: 1.2rem;font-weight: bold;}
	.sidebar__menu a { position: relative; padding: 6px; background-color: #f9f9f5; border-radius: 4px; }
	.sidebar__menu a::after {  display: inline-block; content:''; background: center / contain no-repeat url(./img/icon/ico_arrow03.png) ; width: 6px; height: 8px; vertical-align: middle; position: absolute; top: 50%; right: 5px; transform: translate(0,-50%);}
	.side-bnr-item__img { width: 100%; }
	.side-search__field { font-size: 1.6rem; border-radius: 0; width: -webkit-calc(100% - 80px); width: calc(100% - 80px);}
	.side-search__submit { padding: 3px ; width: 80px; background: #000; color: #fff; border-radius: 0; }
	.side-search__submit:before { content: '検索'; width: unset; height: unset; background: none;}
	.sidebar__wordlink { color: #0068b7; padding: 2px 5px ; display: inline-block; border: solid 1px #e0e0e0; margin-right: 10px; }
	.side-search__title { padding: 5px; margin: 5px 0; border-left: solid 3px #000;}
	.side-search__placeholder::before { display: inline-block; content:''; background: center / 20px 20px no-repeat url(./img/icon/ico_loupe.png) ; width: 40px; height: 40px; vertical-align: middle;}

	/* スマホメニュー内 */
	.top-navi-wrap .sidebar__menu { margin: 0 auto 5px auto; }
	.top-navi-wrap .sidebar__menu-item { background-color: #fff;}
	.top-navi-wrap .sidebar__title { line-height: 50px; background-color: #0c3d20; color: #fff; padding-left: 14px; font-size: 1.4rem; font-weight: 700; position: relative; margin-bottom: 5px; }
	.top-navi-wrap .sidebar__title::after { display: inline-block; content: ''; background: center / contain no-repeat url(./img/icon/ico_plus_w.png); width: 12px; height: 12px; position: absolute; transform: translate(0 ,-50%); top: 50%; right: 20px;}
	.top-navi-wrap .sidebar__title.nav-down::after { background-image: url(./img/icon/ico_minus_w.png);}

	.sidebar__btn { display: none; }

}

@media screen and (max-width:500px)  {
	.sidebar__menu li a img{ width: 30%; }
}

/* フッター
-------------------------------------- */

.top-btn { position: fixed; width: 50px; height: 50px; bottom: 50px; right: 30px;}
.top-btn__img { width: 100%; }

footer { font-size: 1.4rem; }
.footer-order__wrap { border: solid 2px #3b613e; padding: 3px; margin: 30px auto 60px auto;}
.footer-order__titlebk ,.footer-order__tel, .footer-order__fax { display: inline-block; vertical-align: top; }
.footer-order__teltop, .footer-order__faxtop{ font-weight: bold; }
.footer-order__titlebk { background-color: #3b613e; height: 130px; width: 240px; text-align: center; position: relative; border-radius:  3px ;}
.footer-order__title { font-size: 1.8rem; color: #fff; top: 50%; transform: translate(-50% ,-50%); position: absolute; left: 50%; width: 180px;}
.footer-order__tel { margin: 10px 80px 0 40px;}
.footer-order__fax{ margin-top: 10px; }
.footer-order__telbottom { font-size: 1.2rem;}
.footer-nav { background: repeat url(./img/common/footbg.jpg); padding-top: 40px; padding-bottom: 40px; font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
.footer-nav__inner { display: flex;  justify-content: space-between;}
.footer-nav__menublock { width: 23%; }
.footer-nav__title { font-size: 1.5rem; padding: 10px 0; border-bottom: solid 1px #959494;}
.footer-nav__menu { font-size: 1.3rem; padding: 15px 0; display: block;}
.footer-nav__menu a { padding: 2px 0; display: block;}
.footer-nav__menu a:before { display: inline-block; content: ''; background: center / contain no-repeat url(./img/icon/ico_arrow02.png); width: 6px; height: 10px; vertical-align: baseline; margin-right: 8px; }
.footer-nav__menu a img{ display: none;}

.footer-bottom { background-color: #0c3d20; padding: 30px 0; color: #fff;}
.footer-bottom__menu { float: right; width: 50%; text-align: right; margin-bottom: 30px; }
.footer-bottom__menu a { display: inline-block; color: #fff; margin-right: 30px; }
.footer-bottom__menu a:last-child {margin-right: 0;}
.footer-bottom__siteinfo { float: left; font-size: 1.2rem; width: 50%;}
.footer-bottom__name { font-size: 1.8rem; margin-bottom: 30px; }
.footer-bottom__copyright {float: right; text-align: right; width: 50%;}

@media screen and (max-width:768px)  {
	.top-btn { display: none; }
	.footer-order__titlebk ,.footer-order__tel, .footer-order__fax { display: block;  }
	.footer-order__titlebk { background-color: #3b613e; height: inherit ; width: 100%; text-align: center; position: relative; border-radius: 0; padding: 10px 0; }
	.footer-order__title { font-size: 1.6rem ; color: #fff; position: static; transform: unset; width: unset; margin-left: 2%; }
	.footer-order__wrap { text-align: center; }
	.footer-order__tel { margin: 20px auto; }
	.footer-order__fax { margin: 20px auto; }
	.footer-order__telbottom { text-align: left;  width: 200px; margin: auto;}
	.footer-nav { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
		color: #000; padding-bottom: 5px; padding-top: 10px; }
	.footer-nav__inner { display: block; padding: 0;}
	.footer-nav__menublock { width:auto; border-bottom: solid 1px #959494; margin-bottom: 10px ; }
	.footer-nav__title { border-bottom: none; border-left: solid 2px #000; padding: 5px 10px; position: relative; margin-bottom: 10px; margin-left: 2%; }
	.footer-nav__title::after { display: inline-block; content: ''; background: center / contain no-repeat url(./img/icon/ico_plus.png); width: 12px; height: 12px; position: absolute; transform: translate(0 ,-50%); top: 50%; right: 20px;  }
	.footer-nav__title.nav-down::after {  background: center / contain no-repeat url(./img/icon/ico_minus.png); width: 12px; height: 12px;  }
	.footer-nav__menu { padding: 10px 15px 10px 25px ; display: none; } /* js toggle */
	.footer-nav__menuitem { padding: 8px 0; position: relative; }
	.footer-nav__menuitem:before { position: absolute; transform: translate(0 ,-50%); top: 50%; right: 0;}
	.footer-nav__nosubitem { border-bottom: solid 1px #959494; margin-top: 10px; }
	.footer-nav__nosubitem:last-child { border-bottom: unset; }
	.footer-nav__title--nosub { display: block; }
	.footer-nav__title--nosub::after { background: center / contain no-repeat url(./img/icon/ico_arrow02.png); width: 6px; height: 10px; right: 22px;}
	.footer-bottom { padding: 30px 0 10px 0;}
	.footer-bottom__siteinfo { float: none; width: auto; text-align: center; margin-bottom: 30px; }
	.footer-bottom__copyright {float: none; text-align: center; width: auto; font-siez: 1rem; }

}



/* --------------------------------------
個別
-------------------------------------- */

/* 商品詳細
-------------------------------------- */
.single-product .site-main__ttl{ font-size: 2.2rem; }
.product { margin-bottom: 30px; }
.product__main { padding: 30px 0 60px; border-bottom: solid 1px #ccc; }
.product__images { float: left; width: 50%; }
.product__right { float: right; width: 46%; }
.product__maintext{ line-height:1.7; }
.product__thumbimages { display: flex; flex-wrap: wrap; margin-top: 10px; }
.product__wideimagesrc { width: 100%; vertical-align: bottom; border: 8px solid #fff; }
.product__wideimage { border: solid 1px #ccc; }
.product__thumbimage { width: 19%; margin: 0 1% 1% 0; border: solid 1px #ccc; }
.product__thumbimage--noimg { border: none; }
.product__thumbimagesrc { width: 100%; vertical-align: bottom; }
.product__price{ display: table; }
.product__price .price, .product__price .soryo{ display: table-cell; vertical-align: middle; line-height: 1.4;}
.product__price .price{ white-space: nowrap; padding-right: 4px; }
.product__price .soryo{ padding-top: 4px; }
.pruduct__pricenum { font-size: 2.2rem; margin: 0 0 0 10px; color: #b60e10;}
.product__info { padding: 30px 0; }
.detail-tbl { width: 100%; }
.detail-tbl__name { padding: 16px; vertical-align: middle; background-color: #eee; border: solid 1px #ccc; width: 20%; border-right: none; text-align: left; }
.detail-tbl__value { padding: 16px; vertical-align: middle; border: solid 1px #ccc;}
.cartbtn { color: #362e2b; width: 100%; margin-top: 20px; text-align: center;}
.cartbtn__link { display: inline-block; background-color: #e5dab0; padding: 15px 50px ; text-align: center; border-radius: 6px ; background-color: #bb3031; color: #fff; font-size: 2rem; width: 100%; }
a.cartbtn__link:hover { color: #fff; }
.cartbtn__link::before {  display: inline-block; content:''; background: center / contain no-repeat url(./img/icon/ico_cart.png); width: 20px; height: 20px; vertical-align: middle; margin-right: 10px; }

.form-inline{
	margin-top: 25px;
}
.form-inline .form-group #quantity{
	padding: 4px 6px;
	margin-left: 8px;
}
.form-inline button{
	color: #fff;
	font-size: 18px;
	text-indent: -1rem;
	border: 0;
	width: 100%;
	height: 50px;
	cursor: pointer;
	border-radius: 5px;
	margin-top: 20px;
	background: #a81d1d;
}
.form-inline button:before{
	position: relative;
	top: 3px;
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 14px;
	background: url(./img/icon/ico_cart.png) no-repeat center;
	background-size: contain;
}


@media screen and (max-width:768px)  {
	.single-product .site-main__ttl{ font-size: 1.8rem; }
	.product__images { float: none; width: 100%; margin-bottom: 20px; }
	.product__right { float: none; width: 100%; }
	.detail-tbl__name { width: 30%; }
	.product__info { padding: 30px 0 0; }
	.form-inline .form-group #quantity{
		padding: 7px 10px; font-size: 16px;
	}
}

/* 商品一覧
-------------------------------------- */
.site-main__items--list { justify-content: flex-start;}
.site-item--list { width: 28%; margin-bottom: 20px; margin-right: 8%;}
.site-item--list:nth-child(3n) { margin-right: 0;}
.result-num { margin-top: 10px; }
/* ページャー */
.pagination { text-align: center; margin: 10px 0; }
.pagination__page-num ,.pagination__first, .pagination__last { display:none;}
.pagination__pager, .pagination__next, .pagination__prev { padding: 0 10px;}
.pagination__pager { font-size: 1.6rem; vertical-align: middle; display: inline-block; }
.pagination__pager--current { color: #3b613e; font-weight: 600; }
.pagination__next::before { display: inline-block; content:''; background: center / contain no-repeat url(./img/icon/page_next.png) ; width: 18px; height: 18px; vertical-align: middle;}
.pagination__prev::before { display: inline-block; content:''; background: center / contain no-repeat url(./img/icon/page_prev.png) ; width: 18px; height: 18px; vertical-align: middle;}
.pagination + aside { margin-top: 40px; }

@media screen and (max-width:768px)  {
	.site-main__items--list { justify-content: space-between;}
	.site-item--list { width: 48%; margin-bottom: 20px; margin-right: 0;}
	.pagination + aside { margin-top: 20px; }
}

/* パンくずリスト
-------------------------------------- */
#breadcrumb { margin-bottom: 15px; }
#breadcrumb ul li { display: inline-block; }
#breadcrumb ul li a { text-decoration: underline; font-size: 1.2rem; }
#breadcrumb ul li:after {display: inline-block; content:'＞'; margin: 0 4px; }
#breadcrumb ul li:last-child:after {display: none; }

@media screen and (max-width:768px)  {
	#breadcrumb{ margin-bottom: 0; background: #f3f3f3; margin: 0 -3%; font-size: 1.1rem;}
	#breadcrumb ul{ padding: 1.5% 3%; }
	#breadcrumb ul li a{ font-size: 1.1rem; }
}

/* --------------------------------------
新着情報
-------------------------------------- */
.single_ttl--news span , .news_list .site-main__ttl--news span { font-size: 2rem; }
.news_list .pagination{ margin-top: 20px; }
.news-detail{ margin-top: 20px; }
.news-detail__info .date{ display: inline-block; }
.news-detail__info .cat{ display: inline-block; background-color: #e9e8e6; padding: 3px 10px; margin-left: 5px; }
.news-detail__title{ font-weight: bold; font-size: 2rem; margin: 15px 0;}
.news-detail__boxy{ font-size: 1.5rem; line-height: 1.7; }
.back_link{ margin-top: 40px; }
.back_link a{ display: block; color: #3B613E; text-align: center; border: 1px solid #3B613E; border-radius: 6px; width: 250px; margin: 0 auto; padding: 10px 0; }

@media screen and (max-width:768px)  {
	.news_list{ margin-bottom: 25px; }
	.news-item__date{ width: auto; padding-right: 10px; }
	.news-detail { margin: 20px 0 20px;}
	.news-detail__title{ font-size: 1.6rem;}
	.news-detail__boxy{ font-size: inherit; }
	.news-detail .back_link{ margin: 20px 0 40px; }
}

/* --------------------------------------
page
-------------------------------------- */
.page__title{ font-size: 2rem; }

@media screen and (max-width:768px)  {
	.entry-content{ margin-bottom: 30px; }
}

/* --------------------------------------
よくあるご質問
-------------------------------------- */
.faq-list{ margin: 10px 0 30px; font-size: 16px;}
.faq-list dt{ position: relative; padding-left: 35px; cursor: pointer; border-bottom: 1px dotted #ccc; padding: 18px 0 18px 40px; }
.faq-list dt:before{ position: absolute; left: 0; top: 15px; content: "Q"; border-radius: 50%; width: 26px; height: 26px; line-height: 26px; display: inline-block; color: #fff; background: #3b613e; text-align: center; margin-right: 5px; }
.faq-list dt:hover{ color: #3b613e; }
.faq-list dd{ display: none; padding: 20px; background: #f2f7f3; border-bottom: 1px dotted #ccc; }

@media screen and (max-width:768px)  {
	.faq-list dt:before{ top: 26%; }
}

/* --------------------------------------
お客様の声
-------------------------------------- */
.voice-box{ margin: 30px 0 30px;}
.voice-box__ttl{ color: #3b613e; font-size: 3rem; font-weight: bold; text-align: center; }
.voice-box__comment{ max-width: 600px; margin: 5px auto 0; text-align: center;}
.voice-list{ background: #e8f0e8; padding: 25px; }
.voice-list__box{ background: #fff; padding: 25px; border-radius: 10px; margin-bottom: 10px; }
.voice-list__name{ color: #3b613e; font-weight: bold; font-size: 1.6rem; padding-bottom: 10px; margin-bottom: 10px; border-bottom: dotted 1px #d6d8d9; }
.voice-list .pagination{ margin-top: 30px; }

@media screen and (max-width:768px)  {
	.voice-box__ttl{ font-size: 2rem; }
	.voice-box img{ width: 100%; }
	.voice-box__comment{ text-align: left; }
	.voice-list{ padding: 15px; margin-bottom: 30px;}
}

/* --------------------------------------
ランキング
-------------------------------------- */
.rank-main__comment{ margin: 20px 0 0; font-size: 16px; }
.page-rank__box{ display: table; width: 100%; border-bottom: 1px solid #ccc; }
.page-rank__box .rank-box{ display: table-cell; vertical-align: middle; padding: 15px; text-align: center;}
.page-rank__box .page-rank__icon{ width: 10%; }
.page-rank__box .page-rank__imgwrap{ width: 30%; }
.page-rank__box .page-rank__name{ width: 60%; text-align: left; }
.page-rank__box .page-rank__item{ color: #3B613E; font-weight: bold; font-size: 1.6rem; margin-bottom: 5px; }
.page-rank__box .page-rank__desc{ padding: 10px; background: #F1F5F4; margin-top: 10px; }

@media screen and (max-width:768px)  {
	.page-rank{ margin-bottom: 30px; }
	.page-rank__box{ display: block; position: relative; padding:  0 0 20px;}
	.page-rank__box .rank-box{ display: block; width: 100%; padding-bottom: 0;}
	.page-rank__icon{ position: absolute; left: 0; top: 0; display: inline-block; text-align: left!important; }
	.page-rank__box .site-item__img{ width: 60%; }

}

/* --------------------------------------
ひのき泥炭石の特徴
-------------------------------------- */
.page_tokuchou{ font-size: 1.6rem; }
.tokuchou-main{ overflow: hidden; margin: 20px 0 -20px; }
.tokuchou-main__txt{ width: 520px; float: left; }
.tokuchou-main img{ float: right; }
.page__ttl{ background: #3c613f; color: #fff; font-size: 25px; padding: 10px 15px; margin-top: 40px; }
.power-list{ position: relative; height: 230px; padding: 30px 0 30px 280px; border-bottom: 1px solid #3c613f;}
.power-list:after { content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.power-list img{ position: absolute; left: 0; top: 30px; }
.power-list__ttl{ color: #3c613f; font-weight: bold; font-size: 25px; position: relative; padding-left: 30px; margin-bottom: 6px;}
.power-list__ttl span{ position: absolute; display: block; content: counter(section); left: 0; bottom: 2px; font-style: italic; font-weight: normal; font-size: 40px;}
.type-ttl{ text-align: center; font-size: 30px; color: #3c613f; font-weight: bold; margin: 20px 0; }
.type{ overflow: hidden; margin: 10px 0 25px;}
.type-img{ float: left; width: 210px; text-align: center; }
.type-img .btn a{ background: #5faf67; color: #fff; line-height: 1.4; height: 60px; display: block; border-radius: 6px; padding-top: 8px; }
.type-box{ float: right; width: 520px; border: 1px solid #3C613F; }
.type-box dl{ font-size: 14px; padding: 20px; }
.type-box dt{ color: #3C613F; font-size: 18px; margin-bottom: 4px; }
.type-box dd + dt{ margin-top: 15px; }

@media screen and (max-width:768px)  {
	.page_tokuchou{ font-size: 1.4rem; }
	.tokuchou-fv img{ width: 100%; margin-top: 10px;}
	.tokuchou-main__txt{ width: 100%; }
	.tokuchou-main img{ float: none; display: block; margin: 0 auto; }
	.page__ttl{ font-size: 1.8rem; padding: 10px 15px;}
	.power-list{ height: auto; position: static; padding: 20px 10px 5px;}
	.power-list img{ position: static; display: block; margin: 0 auto;}
	.power-list__ttl{ font-size: 1.8rem; padding-left: 25px;}
	.power-list__ttl span{ font-size: 2.6rem; top: -4px; bottom: auto;}
	.type-ttl{ font-size: 2rem; margin-bottom: 10px;}
	.type-img{ position: static; margin: 0 auto 20px; width: 100%; padding: 15px 20px 0; }
	.type-img img{ width: 40%; }
	.type-img .btn a{ padding-top: 11px; }
	.type-box{ float: none; width: 100%; }
	.type-box dt{ font-size: 1.6rem; }
}

/* --------------------------------------
ひのき泥炭石の特徴
-------------------------------------- */
.page_buy{ font-size: 16px; }
.buy-fv{ margin-bottom: 20px; }
.buy-site{ font-size: 14px; width: 500px; display: table; margin: 20px auto; table-layout: fixed; }
.buy-site li{ display: table-cell; width: 33.3333%; }
.buy-other{ overflow: hidden; border: 2px solid #ccc; margin: 30px 0 0; padding: 20px 15px; }
.buy-box{ float: left; width: 50%; text-align: center; height: 150px; }
.buy-box:last-child{ float: right; border-left: 1px solid #ccc; }
.buy-box .tit{ font-weight: bold; margin: 5px 0; }

@media screen and (max-width:768px)  {
	.page_buy{ font-size: 1.4rem;} 
	.buy-fv{ margin: 10px 0; }
	.buy-fv img{ width: 100%;}
	.buy-main{ margin-bottom: 0; }
	.buy-site{ display: block; width: 100%; }
	.buy-site li{ display: block; }
	.buy-other{ margin: 20px 0 30px;}
	.buy-box{ float: none; width: 100%; height: auto;}
	.buy-box:last-child{ border: 0; border-top: 1px solid #ccc; padding-top: 15px; margin-top: 15px; }
	.buy-box p{ margin: 0; }
}

/* --------------------------------------
会社概要
-------------------------------------- */
.page_company table{ font-size: 16px; width: 100%!important; margin-top: 30px;}
.page_company th, .page_company td{ line-height: 1.6; padding: 10px; border: 1px solid #ccc; height: auto!important  }
.page_company th{ background: #eee; }

@media screen and (max-width:768px)  {
	.page_company table{ font-size: 1.4rem; margin-top: 20px;}
	.page_company th{ width: 25% !important; }
}

/* --------------------------------------
お問い合わせ
-------------------------------------- */
.page_contact .privacy_box{ height: 200px; overflow-y: scroll; font-size: 1.4rem; border: 1px solid #ccc;}
.page_contact .privacy_box .inner{ padding: 25px; line-height: 1.6;}
.page_contact .privacy_box p{ max-width: inherit; margin: 10px auto; }
.page_contact .privacy_box .privacy_tit{ padding: 0; margin-bottom: 1rem; color: #000; font-size: 1.6rem; background: none; font-weight: bold;}
.page_contact .privacy_box dt{ padding: 0; margin: 1.5rem 0 0rem; color: #000; font-size: 1.5rem; border: none;}
.page_contact .doui .check{ text-align: center; display: block; margin: 20px auto 0;}

/* form
---------------------------------*/
.page_contact{ margin-top: 20px; font-size: 16px; }
.mw_wp_form_input .confirm_message{ display: none;}
.form th, .form td{ padding: 16px; border: 1px solid #ccc;}
.form th{ width: 25%; vertical-align: middle; border-right: none; background: #eee;}
.form th:after{ color: #cc0000; display: inline-block; content: "※"; margin-left: 10px;}
.form td{ border-left: none;}
.form td p{ margin: 8px 0 0; color: #666; font-weight: bold; font-size: 1.3rem; line-height: 1.3;}
.form input[type=text],.form input[type=email],.form textarea,.form select{ padding: 6px 8px; font-size: 16px; border: 1px solid #666;}
.form textarea{ width: 100%;}
.form input[type=email]{ width: 100%; font-size: 16px; font-weight: bold;}
.form input.size250{ width: 250px;}
.doui p{ max-width: 580px; margin: 20px auto;}
.check input[type=checkbox]{ width: 20px; height: 20px; vertical-align: middle;}
.send_btn{ text-align: center; margin-top: 30px;}
.send_btn .soushin{ color: #fff; font-size: 2rem; letter-spacing: 2px; width: 260px; height: 60px; border: none; cursor: pointer; background: #3B613E;}
.send_btn .back{ background: none; padding: 0; margin: 25px 0 0; border: none; cursor: pointer; font-size: 15px;}

/* 確認
---------------------------------*/
.mw_wp_form_confirm .form th:after, .mw_wp_form_confirm .input_message,.mw_wp_form_confirm td p,.mw_wp_form_confirm .doui,{ display: none;}
.mw_wp_form_confirm .confirm_message{ display: block;}
.mw_wp_form_confirm .privacy_box, .mw_wp_form_confirm .doui{display: none;}

/* 完了
---------------------------------*/
.page_thanks .uketsuke{ padding: 30px 20px 20px; margin-top: 30px; text-align: center; background: #eee;}
.page_thanks .btn a{ color: #000; margin: 20px auto 0;}

/* エラーメッセージ
---------------------------------*/
.mw_wp_form .error{ margin-top: 5px;}

/* --------------------------------------
プライバシーポリシー
-------------------------------------- */
.page_privacy .privacy_tit{ font-weight: bold; font-size: 20px; margin: 20px 0 10px; }
.page_privacy dt{ font-weight: bold; font-size: 15px; border-bottom: 1px solid #ccc; margin: 25px 0 8px; padding-bottom: 5px; }

@media screen and (max-width:768px)  {
	.page_contact{ font-size: 1.4rem; }
	.mw_wp_form_input .form tr, .mw_wp_form_input .form th, .mw_wp_form_input .form td{ width: 100%; display: block; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; text-align: left;}
	.mw_wp_form_input .form th, .mw_wp_form_input .form td{ padding: 10px }
	.mw_wp_form_input .form td{ padding: 10px 0 15px; }
	.doui p{  margin: 0 auto 20px; }
	.page_contact .privacy_box{ border: 2px solid #ddd; }
	.page_contact .privacy_box .inner{ padding: 15px; }
	.send_btn{ margin: 20px 0 40px; }

	.mw_wp_form_confirm th, .mw_wp_form_confirm td{ padding: 10px; }
	.mw_wp_form_confirm th{ width: 38%; }
	.mw_wp_form_confirm th:after{ display: none; }
	.send_btn .soushin{ font-size: 1.8rem; -webkit-appearance: none; border-radius: 0; }
}

/* --------------------------------------
ご利用ガイド
-------------------------------------- */
.guide_cont { font-size: 1.5rem; padding-bottom: 2rem; }
.guide_cont h2 { color: #fff; font-size: 1.8rem; line-height: 1; margin: 2rem 0 1rem; padding: 1rem 1.5rem; background: #3c613f; }
.guide_cont h3 { color: #3c613f; font-size: 1.6rem; font-weight: bold; border-bottom: 1px solid #3c613f; margin: 2rem 0 1rem; padding-bottom: 0.5rem; }
.guide_cont ul { margin: 1rem 1rem 1rem 2rem; }
.guide_cont ul li { list-style-type: disc; }
@media screen and (max-width:768px)  {
 .guide_cont { font-size: inherit; }
 .guide_cont:last-child { margin-bottom: 50px; }
 .guide_cont img { max-width: 100%; }
}