@charset "UTF-8";
/*
Theme Name: Seller Child
Template: seller
Author: Rohit Tripathi
Author URI: http://rohitink.com
Theme URI: http://rohitink.com/2014/07/07/seller-ecommerce-theme/
Description: Seller 1.2 is a Major Upgrade, where it switched from Theme Options to WordPress' Powerful Customizer.  Seller Pro is designed to work with Woo Commerce, this theme is the finest free WooCommerce compatible theme you will come accross. It will give your ecommerce website the most professional look you can expect. Moreover, its loaded with a lot of features. Also, if you do not want to use it for a e-commerce site, then also Seller is a fantastic theme. It comes with Professional Slider, Fully Responsive Design, Showcase Area, Footer Widgets, Page Layouts, Beautiful Widgets and a lot more.
Version: 1.2.0.4
License: GNU General Public License
License URI: license.txt
Text Domain: seller
Domain Path: /languages/
Tags: custom-background, two-columns, three-columns, four-columns, right-sidebar, grid-layout, custom-menu, sticky-post, theme-options, threaded-comments, translation-ready, featured-images, photography, e-commerce, news, blog, e-commerce
*/
@import url("../seller/style.css");

html {
		font-size:62.5%;
}
body {
		font-size:1.0rem;
}
html body {
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    color: #333!important;
		line-height:1.5!important;
		background:#fff;
}

body #content {
		margin-top:20px;
		padding-top:0;
}

body.single #content {
		margin-top:0;
}
/*#page h1, #page h2, #page h3, #page h4 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}
*/

.box {
  width:100%;
  padding:1em;
  margin-bottom:1em;
  border:1px solid #c2c2c2;
}

/*トップバー下のボーダー削除*/
#page #top-bar {
    border-bottom: none;
    border-top: 1px solid #630e01;
}

/*ヘッダー下のボーダー削除*/
body #masthead {
    /*border-bottom: 1px solid #af1701;*/
		border-bottom:1px solid #333;
}

/*ボーダー削除*/
#content #primary .entry-content {
    border-bottom: none;
  padding-bottom: 20px;
}

.d-block {
		display:block!important;
}
li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
ol, ul {
	margin:0;
	padding:0;
	list-style: none;
}
article h2 {color:#666;}

/*

page_top

*/
#page_top, #page_top2 {
	width: 190px;
    height: 60px;
    position: fixed;
    right: 20px;
    bottom: 188px;

	/*background: #911C22;
	opacity: 0.6;
	border-radius: 50%;*/
}
#page_top a, #page_top2 a {
	position: relative;
	display: block;
	width: 180px;
	height: 60px;
	margin: 0;
	text-decoration: none;
}
/*
#page_top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f102';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: -15px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
*/
#btn {
background: none;
    box-shadow: none;
    border: none;
    font-size: 50px;
    padding: 0;
    margin: 0;
    font-weight: bold;
    line-height: 1;
}
.search-form {
    position: absolute;
    right: 15px;
    top: 20px;

}
.search-form input {
          padding: 0.3em 0.7em 0.4em;
}

body h3, body .h3 {
    font-size: 20px;
}

@media only screen and (max-width: 767px) {
#page_top, #page_top2 {
    width: 120px;
    height: 40px;
    position: fixed;
    right: 10px;
    bottom: 130px;
}
#page_top a, #page_top2 a {
    position: relative;
    display: block;
    width: 120px;
    height: 40px;
    margin: 0;
    text-decoration: none;
  }
#btn {
    font-size: 40px;
  }
.search-form {
    position: static;
    right: 0;
    top: 0px;
    margin: 0 auto 10px auto;
    width: 280px;
    
  } 
}

.post-password-form {
  padding: 230px 0 0 20px;
}

ul.icon li img {
  width:30px;
  margin-right: 10px;
  margin-top: 10px;
}

/**************************************************************
ヘッダーロゴ・ナビ中央設定
**************************************************************/

/* h1の大きさ */
#content .header-title {
    border: none;
    font-size: 5rem;
    color: #333;
    margin-left: 0;
		margin-top:20px;
    z-index: 1;
}

@media only screen and (max-width: 600px) {
#content .header-title {
    font-size: 30px;
}
}
#page #top-bar #social-icons {
    padding-top: 0;
    float: left;
    margin-top: 0px;
    overflow: hidden;
    padding-bottom: 0px;
    text-align: right;
}

.container #top-nav #site-navigation ul > li:last-child a {
    padding-right: 10px;
}

/*ヘッダーh1真ん中寄せ*/
#masthead .site-title {
	text-align:center;
}

/*h1画像を真ん中寄せ*/
.site-branding #site-logo {
	text-align:center;
  margin-top: 0em;
  margin-bottom: 0em;
}

/*ヘッダーh2真ん中寄せ*/
#masthead .site-description {
	float: none;
  text-align: center;
}

/*メニュー縦幅調整*/
.container-fluid #top-nav #site-navigation a {
		display:block;
		height:100%;
		color:#333;
    padding: 2.7em 2em;
}


@media only screen and (min-width: 600px) {
/*メニュー真ん中寄せ*/
.container-fluid #top-nav #site-navigation ul {
    float: none;
    text-align: center;
    display: inline-block;
}
}

@media only screen and (max-width: 600px) {
/*スマホメニュー真ん中寄せ*/
.container-fluid #top-nav #site-navigation ul {
		margin-left:0;
		background-color:#fff;
		border-radius: 6px; /* CSS3草案 */ 
		-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
		-moz-border-radius: 6px; /* Firefox用 */ 
}
.container-fluid #top-nav #site-navigation ul li {
    width:100%;
}
body .container-fluid #top-nav #site-navigation a {
		padding: 10px;
    margin: 0 10px;
    border-bottom: 1px dotted #eee;
		color:#000;
  }

}

@media only screen and (max-width: 1199px) {
/*メニュー真ん中寄せ*/
.container-fluid #top-nav #site-navigation ul {
    margin-top:0em;
		margin-bottom:0em;
}
}

/*ヘッダー下マージン削除*/
header#masthead {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  header#masthead {
  margin-bottom: 0;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 9;
    margin-top:30px;
  }
}
/*投稿2列部分*/
@media screen and (max-width: 767px) {
  #content #primary article.grid3 {
    width: 50%;
    margin: 10px auto;
  }
  header#masthead {
  margin-bottom: 0;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 9;
    margin-top:30px;

}
}
@media screen and (max-width: 450px) {
#content #primary article.grid3 {
    width: 100%;
}
}

/*top-bar固定*/
#page #top-bar {
  width: 100%;
  position: fixed;
  z-index: 10;
  background: #111;
  margin-bottom: 10px;
}
/*topbar固定分高さ相殺*/
.site-branding #site-logo {
	padding-top: 20px;
	width:200px;
	margin: 0 auto 1.5em auto;
}
@media screen and (max-width: 768px) {
.site-branding #site-logo {
	padding-top: 0;
	width:200px;
	margin:1em auto 2em auto;

}
/*Topbar横マージン削除*/
#page #top-bar .row {
	margin-right: -30px;
	margin-left: -30px;
}
#page #top-bar .row .col-xs-6 {
	padding-left:0;
}
}

.single-title {
    font-size: 3rem;
    text-align:center;
		padding: 1.8em 0 1.8em 0;
    margin: 0;
    background-color: #f9f9f9;
}
.single-title h1 {
position: relative;
color: #333333;
display: inline-block;
margin: 0 0;

}


.header-login {
    color: #aaa;
    padding: 1em;
    font-size: 1.4rem;
    display: inline-block;
    float: right;
    clear: right;
}
a.header-login:visited {color: #aaa;}

@media screen and (max-width: 767px) {
  #page .container-fluid .row:nth-child(1)  {
    padding-top:150px;
  }
  .search #page .container-fluid .row:nth-child(1)  {
    padding-top:0px;
  }
  .lower-title {
		font-size:3.5rem;
  }
  .header-login {
    display:none;
  }
  .search .single-title {
    margin-top:115px; 
  }
#slider-wrapper .bx-wrapper a.bx-next, #slider-wrapper .bx-wrapper a.bx-prev {
    display: block;
  margin: 0px;
  }
.bx-wrapper .bx-pager {
    display: none;
}
}

.pankuzu {
	padding:0.6em;
	background:#eee;
}

@media screen and (min-width: 768px) {
  /*ヘッダーfixed対応策*/
  #page .container-fluid .row:nth-child(1)  {
    padding-top:165px;
  }

}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-container {
    /*width: 80%;*/
    margin: 0 auto;
    /*background: #e9e9e9;*/
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:before {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 3.5rem;
        padding: 0 0 30px 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    /*float: right;*/
    padding: 1.5em 2em;
    /*background: #fff;*/
    color: #333;
      font-weight: bold;
  
    position: absolute;
    right: 0px;
    width: 100%;
    text-align: right;
}
.after-minus:before {
    content: "\f462";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    /*background: #fff;*/
    color: #333;
}
.menu {
  margin:2em 0 0 0;
}
.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
      display: flex;
    justify-content: center;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    /*float: left;*/
    /*background: #e9e9e9;*/
    padding: 0;
    margin: 0;
}
.menu > ul > li > p {
  padding:0;
  margin: 0;
  font-size:1.5rem;
}
.menu > ul > li a {
    text-decoration: none;
    padding: 1.5em 3em;
    display: block;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .menu > ul > li a {
    text-decoration: none;
    padding: 1.5em 1.5em;
    display: block;
  }
}
.menu > ul > li:hover {
    background: #f0f0f0;
}

.menu > ul > li > ul {
    display: none;
    width: 70%;
        background: #f9f9f9;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 15%;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
      border-radius: 10px;
    border: 5px solid #eee;
  text-align: left;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
}
.menu > ul > li > ul > li p {
  margin:0;
}
.menu > ul > li > ul > li a {
      color: #3A85AE;
    padding: 0.2em 0;
    width: 100%;
    display: block;
    /*border-bottom: 1px solid #ccc; */
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 5px 0 10px 0;
    margin: 0; 
    font-size: 1.3rem;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
  padding: 0 0 0 1em;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 15px 38px;
    color: #238cc5;
}

p.main-cat-title {
      font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 0 0;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 767px) {
    .menu-container {

    /*width: 100%;*/
    /*height: 100vh;*/
    position: fixed;
    top: 0;
    right:0;
    z-index: 9;
    overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }
    .menu {
    margin:0 0 0 0;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
          border-bottom: 1px dotted #ccc;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
          text-align: left;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
        padding: 0;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;

      border-bottom: 1px dotted #ccc;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
      width: 80%;
      display: block;
      padding: 30px 0 0 0;
      background:#fff;
      border-left: 2px solid #ddd;
      position: fixed;
      top: 0;
      right: 0;
      z-index: 99;
      bottom: 0;
      overflow-y: auto;
    }
  .menu .menu-mobile {
    position: fixed;
        top: 35px;
    right: 20px;
    z-index: 999;
    /* overflow-y: auto; */
    padding: 0;
    margin: 0;
    height: 40px;
  }
    .menu.open .menu-mobile {
        /*background:#fff;*/
  }
  .menu.open {
    /*background:#fff;*/
    height:100%;
  }
}
/**************************************************************
アイコンナビ
**************************************************************/
.icon-navi {
  clear: both;
    float: left;
      margin: 20px 0 20px 0;
}
.icon-navi div {
  border-right: 2px dotted #ccc;
  height: 120px;
  margin: 0 0 2px 0;
      padding: 0 2px;
}
.icon-navi div span {
      display: block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
        margin-top: -10px;
    padding: 0 0 15px 0;
}
.icon-navi div a {
  color:#666;
}
.icon-navi div:nth-child(1) {
  border-left: 2px dotted #ccc;
}
.icon-navi div a img {
  width: 70%;
    margin: 0 auto;
    display: block;
}
.icon-navi div:nth-child(1) a {
    background: url("https://www.lithon.co.jp/wp-content/uploads/2022/12/hp_top_navi_ico_07.png") no-repeat;
}
.icon-navi div:nth-child(2) a {
    background: url("https://www.lithon.co.jp/wp-content/uploads/2022/12/hp_top_navi_ico_08.png") no-repeat;
}
.icon-navi div:nth-child(3) a {
    background: url("https://www.lithon.co.jp/wp-content/uploads/2022/12/hp_top_navi_ico_09.png") no-repeat;
}
.icon-navi div:nth-child(4) a {
    background: url("https://www.lithon.co.jp/wp-content/uploads/2022/12/hp_top_navi_ico_10.png") no-repeat;
}
.icon-navi div:nth-child(5) a {
    background: url("https://www.lithon.co.jp/wp-content/uploads/2022/12/hp_top_navi_ico_11.png") no-repeat;
}
.icon-navi div:nth-child(6) a {
    background: url("https://www.lithon.co.jp/wp-content/uploads/2022/12/hp_top_navi_ico_12.png") no-repeat;
}
.icon-navi div a {
    display: inline-block;
    background-size: 70%!important;
    background-position: center 0px!important;
}
.icon-navi div a:hover {
	background-color: transparent; /* IE6対応 */
}
.icon-navi div a:hover img {
    visibility: hidden;
}
@media only screen and (max-width:768px) {
.icon-navi div:nth-child(4) {
  border-left: 2px dotted #ccc;
  }

}
/**************************************************************
bxslider
**************************************************************/
.row #slider-wrapper {
		margin-top:0;
    position: relative;
    left: 50%;
    width: 3600px;
    margin-left: -1800px;
		margin-bottom:0;
  z-index:0;
}
#slider-inner .bx-wrapper {
		margin-bottom:0;
}
@media only screen and (max-width:1000px) {
.row #slider-wrapper {
		left: 0;
    width: 100%;
    margin-left: 0;
}
}
@media screen and (max-width: 1016px) and (min-width: 768px) {
#slider-inner .bx-wrapper a.bx-next {
    margin-right: 0;
}
#slider-inner .bx-wrapper a.bx-prev {
    margin-left: 0;
}
}
@media only screen and (min-width:1017px) {
#slider-inner .bx-wrapper a.bx-next {
    margin-right: 33.5%;
}
#slider-inner .bx-wrapper a.bx-prev {
    margin-left: 33.5%;
}
}
/**************************************************************
お知らせ
**************************************************************/
#content #secondary {
    margin-top: 0px;
}
@media screen and (max-width: 991px) {
  #content #secondary {
    margin-top: 20px;
}
}
#secondary .widget>ul li:before {
  float:left;
}
body #category-posts-2-internal li > div,
body #category-posts-3-internal li > div,
body #category-posts-4-internal li > div,
body #category-posts-5-internal li > div,
body #category-posts-6-internal li > div,
body #category-posts-7-internal li > div {
    margin:0;
    clear: none;
}
body #page .row .info-navi {
	padding:0;
	margin:0 0 20px 0;
}
body #page .row .info-navi li {
	display:inline-block;
}
body #page .row .info-navi li a {
	display: block;
    background: #238cc5;
    padding: 0.5em 1em;
    margin: 0 10px 0 10px;
    color: #fff;
    font-size: 1.8rem;
    border-radius: 3px;
}
@media screen and (max-width: 767px) {
body #page .row .info-navi li {
    display: inline-block;
    width: 49.2%;
}
body #page .row .info-navi li a {
display: block;
    background: #238cc5;
    padding: 0.5em 0.4em;
    margin: 5px 0 0 0;
    color: #fff;
    font-size: 1.6rem;
    border-radius: 3px;
    text-align: center;
	}
}
/**************************************************************
流れるテキスト
**************************************************************/
.scroll {
  margin     : auto;
  width      : 100%;
  font-size  : 120%;
  line-height: 1.5em;
  text-align : center;
  color      : #000000;
  background : #f3f3f3;
  overflow   : hidden;
  padding:3px 0;
  position:fixed;
  z-index:10;
}
.scroll div {
  display     : inline-block;
  padding-left: 100%;
  white-space : nowrap;
  line-height : 1em;
  animation   : scrollAnime 10s linear infinite;
}
  .scroll div a {
    text-decoration:underline;
  }
@keyframes scrollAnime{
    0% { transform: translateX(0)}
  100% { transform: translateX(-100%)}
}

/**************************************************************
ニューアイテム
**************************************************************/
    .autoplay a {
      padding:10px 15px 10px 15px;
      display:block;
      color:#333;
    }
    .slick-dots{

}
.slick-dots li {

}
  .slick-dots li button {
        background: #c5c5c5f2;
    border-radius: 10px;
    box-shadow:none;
        width: 14px;
    height: 14px;
}
.slick-dots li button:before {
  font-size:0;
}
.slick-dots li.slick-active button:before{
 background:#999;
  border-radius: 10px;
  width: 14px;
    height: 14px;
}
/**************************************************************
FAQ
**************************************************************/
.page-template-faq-new h2 {
  padding: 8em 0 10px 0;
  margin: -8em 0 10px 0;
  border-bottom:1px solid #000;
  font-size:2.0rem;
      border-bottom: 1px dotted #6ac558;
}
.page-template-faq-new h2 span {
    display: block;
    font-size: 1.4rem;
    margin: 10px 0 0 0;  
}
.page-template-faq-new h3 {
  font-size: 1.6rem;
  line-height: 1.5em;
  /*margin-bottom: 20px;*/
  /*margin-top: 20px;
  position: relative;
  bottom: 20px;*/
    
}
.page-template-faq-new h4 {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 2em 0 0.4em 0;
}
.page-template-faq-new .panel-group a {
    color: #387c21;
}
.page-template-faq-new .panel-group a:hover {
    color: #4dab2e;
}
.page-template-faq-new .panel-group b {
  margin: 3em 0 2em 0;
  font-size: 1.8rem;
  display: block;
}
.page-template-faq-new .panel-group .faq-inner0 {
  margin: 10px 0 60px 0;
}
.page-template-faq-new h3 a[aria-expanded="false"]:after {
  content: " \f067";
  font-family: FontAwesome;
  color: #72bd62;
  text-align: right;
  display: block;
  margin-top: -20px;
}
.page-template-faq-new h3 a[aria-expanded="true"]:after {
  content: " \f068";
  font-family: FontAwesome;
  color: #b9d3b3;
  text-align: right;
  display: block;
  margin-top: -20px;
}
.page-template-faq-new h3 a[aria-expanded="true"] {
  margin-bottom:20px;
}
.page-template-faq-new .panel-group .panel-heading {
  padding: 15px;
    font-size: 1.6rem;
    border: 1px solid #ccddc8;
    border-radius: 5px;
    margin-top: 10px;
      border-left: 8px solid #ccddc8;
}
.page-template-faq-new .panel-group .panel-heading h3 a {
    display:block;
    padding: 0;
    cursor:pointer;
}
.page-template-faq-new .panel-group .panel-heading h3 a:hover {
    display:block;
    padding: 0;
    cursor:pointer;
}
.page-template-faq-new .panel-group span {
  /*position:absolute;*/
  padding: 0 2em 0 0;
}
.page-template-faq-new .panel-group .collapse,
.page-template-faq-new .panel-group .collapse .in {
background: #f9fdf8;
}
.faq-nav ul {
  margin: 40px 0 20px 0;
}
.faq-nav ul li {
  display:inline-block;
}
.faq-nav ul li a {
  display: block;
  border: 1px dotted #ccc;
  padding: 0.5em;
  margin: 5px;
  border-radius: 5px;
  background: #fbfbfb;
  transition: 1s;
}
.page-template-faq-new .faq-nav ul li a:hover {
  background:#387c21;
  color:#fff;
}
@media screen and (max-width: 767px) {
.faq-nav {position:relative;}
.faq-nav ul {
    width: 100%;
    background: #ccddc8;
    border: 1px solid #ccddc8;
    border-width: 0 1px 1px 1px;
    position: absolute;
    left: 0;
    top: 50px;
    margin: 0;
    padding: 5px;
    list-style: none;
}
.faq-nav p {    width: 100%;
    /* height: 21px; */
    background: #d8e3d6;
    /* text-indent: -9999px; */
    margin: 0;
    padding: 1em;
    cursor: pointer;

}
  .faq-nav p::after {
    content: " \f078";
  font-family: FontAwesome;
  color: #7ab16d;  
  display: block;
    float: right;
  }
.faq-nav ul a:link, .faq-nav ul a:visited {
    display: block;
    /* width: 252px; */
    padding: 5px;
  margin:5px 0;
    text-decoration: none;

    font-weight: normal;
    width: 100%;}
.faq-nav ul a:hover, .faq-nav ul a:active {background:#366386;}

.faq-nav {overflow:hidden;}
.faq-nav:hover {overflow:visible;}

.faq-nav {display:none;}
html>body .faq-nav {display:block;}
}
/**************************************************************
下層ページ
**************************************************************/
.lower-h2 {
	margin-bottom:1.5em;
	padding: 0 0 0.3em 0;
	font-size:3.4rem;
	border-bottom:1px solid #a5cef3;
}
.lower-h3 {
	padding: 0 0 0 0.5em;
	margin-bottom:1em;
	font-size:2.4rem;
	border-left:8px solid #b7d9e1;
}
.page-template-privacy .container-fluid .bg-header {
	margin-bottom:3em;
	background:url(https://www.peanuts-club.co.jp/wordpress/wp-content/uploads/2018/03/image-privacypolicy.jpg) no-repeat center;
		background-size:cover;
		-moz-background-size:cover;
}
.page-template-company .container-fluid .bg-header {
	margin-bottom:3em;
	background:url(https://www.peanuts-club.co.jp/wordpress/wp-content/uploads/2018/03/image-company3-1.jpg) no-repeat center;
		background-size:cover;
		-moz-background-size:cover;
}
.page-template-philosophy .container-fluid .bg-header {
	margin-bottom:3em;
	background:url(https://www.peanuts-club.co.jp/wordpress/wp-content/uploads/2018/03/image-philosophy.jpg) no-repeat center;
		background-size:cover;
		-moz-background-size:cover;
}
.page-template-division .container-fluid .bg-header {
	margin-bottom:3em;
	background:url(https://www.peanuts-club.co.jp/wordpress/wp-content/uploads/2018/03/image-division.jpg) no-repeat center;
		background-size:cover;
		-moz-background-size:cover;
}
.page-template-contact .container-fluid .bg-header {
	margin-bottom:3em;
	background:url(https://www.peanuts-club.co.jp/wordpress/wp-content/uploads/2018/03/image-contact.jpg) no-repeat center;
		background-size:cover;
		-moz-background-size:cover;
}


.page-template-contact-common .container-fluid .bg-header {
	margin-bottom:3em;
	background:url(https://www.peanuts-club.co.jp/wordpress/wp-content/uploads/2018/03/image-contact-common.jpg) no-repeat center;
		background-size:cover;
		-moz-background-size:cover;
}
.page-template-contact-corporation .container-fluid .bg-header {
	margin-bottom:3em;
	background:url(https://www.peanuts-club.co.jp/wordpress/wp-content/uploads/2018/03/image-contact-corporation.jpg) no-repeat center;
		background-size:cover;
		-moz-background-size:cover;
}
.page-template-sitemap .container-fluid .bg-header {
	margin-bottom:3em;
	background:url(https://www.peanuts-club.co.jp/wordpress/wp-content/uploads/2018/03/image-sitemap.jpg) no-repeat center;
		background-size:cover;
		-moz-background-size:cover;
}
.single-format-standard .container-fluid .bg-header,
.archive .container-fluid .bg-header {
}

@media screen and (max-width: 768px) {
.page-template .container-fluid .bg-header {
	background-size:cover;
	-moz-background-size:cover;
}
}





.page-template-philosophy h2 {
		margin:3em 0 1em 0;
		text-align:center;
}
.page-template-philosophy h3 {
		margin-bottom:5rem;
		text-align:center;
		line-height:1.8;
		font-size:2.0rem;
	
}
@media screen and (max-width: 768px) {
.page-template-philosophy h3 {
		margin-bottom:5rem;
		text-align:center;
		line-height:1.5;
		font-size:1.8rem;
}
}
.page-template-philosophy .col-sm-8 p {
		line-height:2;
		font-size:1.6rem;
}

.page-template-philosophy .panel {
	padding:2em;
	
}
.page-template-philosophy .panel p {
		font-size:2.2rem;
		text-align:center;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}
.page-template-philosophy .panel p span {
		padding-left:2em;
}

@media screen and (max-width: 768px) {
.page-template-philosophy .panel p {
		font-size:1.8rem;
		text-align:center;
}
.page-template-philosophy .panel p span {
		padding-left:0;
		text-align:center;
		display:block;
		
}
}

.page-template-philosophy .panel ul {
	margin:0 0 0 3em;
}
@media screen and (max-width: 768px) {
.page-template-philosophy .panel ul {
		margin:0;
}
}
.page-template-philosophy .panel ul li {
	list-style:inside decimal;
	font-size:1.6rem;
	margin:1em 0 0 0;
}

@media screen and (max-width: 768px) {
.page-template-division .pc {
	display:none;
}
}
@media screen and (min-width: 769px) {
.page-template-division .sp {
	display:none;
}
}
/**************************************************************
トップページ
**************************************************************/
.category-top {
		margin:30px 0 0 0;
}
.category-top a {
  	padding: 1.3em 0;
   text-align: center;
   display: block;
   font-size: 18px;
   border: 1px solid #ddd;
}
.support .col-sm-6 a {
	display:block;
	padding:3em 1em;
	text-align:center;
	border:1px solid #a4e2f9;
	border-bottom:5px solid #40c1f2;
	font-size:2rem;
	color:#222;
}
.support .col-sm-6 a span {
	display:block;
	padding:2em 0 0 0;
	font-size:1.2rem;
}
.support .col-sm-6 a img {
		padding-right:1em;
}

@media screen and (max-width: 767px) {
.col-sm-12 .bx-wrapper .bx-pager {
    position: relative;
}
}

.mainimg {
    background-position: center;
    background-size: contain;	
}
.title-variety-bg h1 {
	margin: 0;
   background-color: rgba(0,0,0,0.02);
   padding: 1em 0 1em 0;
   font-size: 4.0rem;
   color: #666;
}
.title-variety-bg {
	margin-bottom:100px;
    /*padding-bottom: 22.5%;
    background-size: contain;
		*/
}
.title-variety-bg h1 span {
display: block;
    font-size: 1.9rem;
    margin: 1em 0 0 0;
}
/*
.term-cooking .title-variety-bg {
	background:url(assets/images/h1bg-cooking.jpg) no-repeat center;
	background-size: contain;
  -moz-background-size: contain;
}
.term-life .title-variety-bg {
	background:url(assets/images/h1bg-life.jpg) no-repeat center;
	background-size: contain;
  -moz-background-size: contain;
}
.term-kitchen .title-variety-bg {
	background:url(assets/images/h1bg-kitchen.jpg) no-repeat center;
	background-size: contain;
  -moz-background-size: contain;
}
.term-daily .title-variety-bg {
	background:url(assets/images/h1bg-daily.jpg) no-repeat center;
	background-size: contain;
  -moz-background-size: contain;
}
.term-audiovisual .title-variety-bg {
	background:url(assets/images/h1bg-av.jpg) no-repeat center;
	background-size: contain;
  -moz-background-size: contain;
}
.term-outdoor .title-variety-bg {
	background:url(assets/images/h1bg-outdoor.jpg) no-repeat center;
	background-size: contain;
  -moz-background-size: contain;
}
.term-healthcare .title-variety-bg {
	background:url(assets/images/h1bg-healthcare.jpg) no-repeat center;
	background-size: contain;
  -moz-background-size: contain;
}
.term-others .title-variety-bg {
	background:url(assets/images/h1bg-others.jpg) no-repeat center;
	background-size: contain;
  -moz-background-size: contain;
}
*/
.title-brand-bg h1 {
		margin:0;
	 background-color: rgba(0,0,0,0.3);
	 padding:1em 0 1em 1em;
	 font-size:2.0rem;
	 color:#fff;
}
.term-d-stylist .title-brand-bg {
	background:url(assets/images/logo-dstylist.png) no-repeat center center #ED6D00;
	background-size:400px 229px;
}
.term-smart-style .title-brand-bg {
	background:url(assets/images/logo-smartstyle.png) no-repeat center center #5DB7E9;
	background-size:400px 229px;
}
.term-audin-sound .title-brand-bg {
	background:url(assets/images/logo-audinsound.png) no-repeat center center #444;
	background-size:400px 229px;
}
.term-outdoor-man .title-brand-bg {
	background:url(assets/images/logo-outdoorman.png) no-repeat center center #cc0000;
	background-size:400px 229px;
}
.term-lithon .title-brand-bg {
	background:url(assets/images/logo-lithon.png) no-repeat center center #eee;
	background-size:400px 229px;
}
.title-brand-bg {
	padding:0 0 350px 0;
}
@media screen and (max-width: 768px) {
.title-brand-bg {
	padding:0 0 200px 0;
	background-size:200px 115px!important;
}
}
.hometitle span {
  display:none;
}
.other-service dl dt {
  margin:0.8em 0 0 0;
  font-size:2.3rem;
  font-weight:bold;
  text-align:center;
}
.other-service dl dd {
  font-size:1.6rem;
  margin:0.5em 0 0 0;
}
.other-service a, .other-service a:visited, .other-service a:link, .other-service a:hover {
  color:#333;
}

.information .news-label {
    padding: 0.5rem 0.5rem;
    margin-right: 0.7rem;
    background: #0094cc;
    color: #FFF;
    font-size: 1.2rem;
    border-radius: 4px;
    text-align: center;
  float:left;
  margin-top: -3px;
    line-height: 1.8;
}
.media .news-label {
  padding: 0.5rem 0.5rem;
  margin-right: 0.7rem;
	background: #73BA12;
  color: #FFF;
  font-size: 1.2rem;
  border-radius: 4px;
  text-align: center;
  float:left;
  margin-top: -3px;
    line-height: 1.8;
}
.press-release .news-label {
  padding: 0.5rem 0.5rem;
  margin-right: 0.7rem;
	background:#D89E20;
  color: #FFF;
  font-size: 1.2rem;
  border-radius: 4px;
  text-align: center;
  float:left;
  margin-top: -3px;
    line-height: 1.8;
}
/**************************************************************
フッター
**************************************************************/

/*フッター*/
footer {
    color: #333;
		margin-top:5em;
		padding:3em 0 0 0;
		background:#eee;
		font-size:12px;
		
}
footer a {
    color: #333;
    font-weight: lighter;
}
footer a:visited {
    color: #333;
}
footer a:hover {
    color: #ddd;
}
footer ul li {
		padding-bottom:0.7em;
}
ul.icon {
	margin-top:0.7em;
}
ul.icon li {
	display:inline-block;
}
footer #site-logo {
	width: 150px;
  margin: 0;
}
footer .h4 {
	margin-top:0;
}

.copyright {
		padding:0.5em 0;
}

/**************************************************************
商品一覧
**************************************************************/
.background {
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    background-position: center;
    background-size: contain;
		background-repeat:no-repeat;
}
.background a {
	display:block;
    padding: 7em 0 7em 0;
}


.product-list .background a {
    display: block;
    padding: 4em 0 4em 0;
}
.product-list .background {
    background-position: 0px 0px;
}
.product-list .row:last-child,
.product-list .row:nth-child(1),
.product-list .row:nth-child(10),
.product-list .row:nth-child(12),
.product-list .row:nth-child(16),
.product-list .row:nth-child(25),
.post-type-archive-product .row.hotplate {
  display:none;
}
@media screen and (max-width: 768px) {
.product-list .background a {
    display: block;
    padding: 3em 0 2em 0;
}
.product-list .background {
    background-position: center 0px;
}

}
.old {
  display:none;
}
/**************************************************************
トップページ
**************************************************************/
@media screen and (max-width: 991px) and (min-width: 768px) {
  #content #primary article.grid3:nth-child(odd) {
     clear: none;
  }
}
.f40 {
		font-size:40px;
}
#content #primary article.grid2 .out-thumb h2.entry-title a,
#content #primary article.grid3 .out-thumb h2.entry-title a,
#content #primary article.grid2 .out-thumb h2.entry-title a:visited,
#content #primary article.grid3 .out-thumb h2.entry-title a:visited,
#content #primary article.grid2 .out-thumb h2.entry-title a:link,
#content #primary article.grid3 .out-thumb h2.entry-title a:link {
	color:#fff;
}

#content #primary article.grid2 .out-thumb h2.entry-title a:hover,
#content #primary article.grid3 .out-thumb h2.entry-title a:hover {
	color:#ff0000;
	text-decoration:none;
}

a:hover {color:#cc0000;}

/*バナー部分*/
.banner_link h2 {
	margin: 0 0 10px 0px;
  font-size: 16px;
}
.banner_link h2 a,.banner_link h2 a:link,.banner_link h2 a:visited {
		color:#fff;
}
.banner_link h2 a:hover {
		color:#cc0000;
}
.banner_link figure {
		
}
.banner_link figure img {
filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.banner_link figure:hover img {
filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.allinfo {
  padding-left:1em;
}
/**************************************************************
ギャラリー
**************************************************************/
.foogallery-default.border-style-square-white a, .foogallery-default.border-style-square-white a:hover,
.foogallery-default.border-style-circle-white a, .foogallery-default.border-style-circle-white a:hover {
    border: 3px solid #FFF !important;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
/**************************************************************
ボタン　youtubeまとめページで使用
**************************************************************/
.button-matome {
    padding: 20px 0 0 0;
    text-align:center; 
    display:block;
}
.button-matome-yt {
    padding-top: 10px;
    text-align:center; 
    display:block;
}
.button-matome a {
    color: #fff;
    background: #4f9245;
    padding: 0.7em 1.1em;
		border-radius: 5px; /* CSS3草案 */ 
		-webkit-border-radius: 5px; /* Safari,Google Chrome用 */ 
		-moz-border-radius: 5px; /* Firefox用 */
    font-weight:bold;
    font-size: 1.6rem;
}
.button-matome a, .button-matome a:visited, .button-matome a:link,
.button-matome-yt a, .button-matome-yt a:visited, .button-matome-yt a:link{
  color:#fff;
}
.button-matome a:hover, .button-matome-yt a:hover {
  color:#fff;
  opacity:0.8;
}
.button-matome-yt a {
    color: #fff;
    background: #d6483a;
    padding: 0.5em 1.2em 0.5em 1.2em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight:bold;
}
.button-matome-yt a img {
    width: 32px;
    vertical-align: middle;
    margin: -5px 0 0 0;
}
/**************************************************************
お問い合わせページ
**************************************************************/
a.button-1 {
		padding:0.8em 0 0.8em 0;
		margin:1em 0 0 0;
		display:block;
		text-align:center;
		text-decoration: none;
		background-color:#339933;
		border-radius: 5px; /* CSS3草案 */ 
		-webkit-border-radius: 5px; /* Safari,Google Chrome用 */ 
		-moz-border-radius: 5px; /* Firefox用 */ 
		color:#fff;
		}
a.button-1:hover { 
		background-color:#6fc94a;
		color:#fff;
}
a.button-1:visited, a.button-1:link {
		color:#fff;
}
a.button-1.amazon {
  border:3px solid #f08718;
  color:#f08718;
  background:#fff;
  font-weight:bold;
  font-size: 1.6rem;
}
a.button-1.amazon:hover { 
  border:3px solid #eaa760;
  background: #fff7ee;
}
a.button-1.amazon:visited, a.button-1.amazon:link {
		color:#f08718;
}
a.button-1.rakuten {
  border:3px solid #f45435;
  color:#f45435;
  background:#fff;
  font-weight:bold;
  font-size: 1.6rem;
}
a.button-1.rakuten:hover { 
	border:3px solid #faa08f;
  background: #fff8f6;
}
a.button-1.rakuten:visited, a.button-1.rakuten:link {
  color:#f45435;
}
a.button-1.store {
  border:3px solid #FFC90E;
  color:#f08718;
  background:#fff;
  font-weight:bold;
  font-size: 1.6rem;
}
a.button-1.store:hover { 
  border:3px solid #FFC90E;
  background: #fff7ee;
}

a.button-1.store:visited, a.button-1.store:link {
		color:#FFC90E;
}
a.button-1.motto {
  border:1px solid #55bfca;
  color:#55bfca;
  background:#fff;
  font-weight:bold;
  font-size: 1.6rem;
}
a.button-1.motto:hover { 
  border:3px solid #55bfca;
  background: #55bfca;
}
a.button-2 {
		padding:0.8em 0 0.8em 0;
		margin:1em 0 0 0;
		display:block;
		text-align:center;
		text-decoration: none;
		background-color:#23c582;
		border-radius: 5px; /* CSS3草案 */ 
		-webkit-border-radius: 5px; /* Safari,Google Chrome用 */ 
		-moz-border-radius: 5px; /* Firefox用 */ 
		color:#fff;
		}
a.button-2:hover { 
		background-color:#4cdfa2;
		color:#fff;
}
a.button-2:visited, a.button-1:link {
		color:#fff;
}

a.button-2.blue {
  background: #23afc5;
  color:#fff;
  font-weight:bold;
  font-size: 1.8rem;
  padding:0.5em;
    width: 80%;
    margin: 0 auto;
}
a.button-2.blue:hover { 
  background: #64c9d8;
}



.button-pdf a, .button-info a {
		padding:0.8em 0 0.8em 0;
		margin:2em 0 0 0;
		display:block;
		text-align:center;
		text-decoration: none;
		background-color:#ddd;
		border-radius: 5px; /* CSS3草案 */ 
		-webkit-border-radius: 5px; /* Safari,Google Chrome用 */ 
		-moz-border-radius: 5px; /* Firefox用 */ 
		color:#333;
		}

.button-info {
  margin:30px auto 0 auto;
      text-align: center;
}
.button-info a {
  display:inline-block;
  padding:0.8em 1em;
}
.button-pdf a:hover, .button-info a:hover { 
		background-color:#bbb;
		color:#333;
}
.button-pdf a:visited, .button-pdf:link,
.button-info a:visited, .button-info a:link {
		color:#333;
}

#main .panel .panel-body.menu {
		padding:6px 9px 9px 9px;
}
input.wpcf7c-conf, textarea.wpcf7c-conf {
    background: #eee !important;
    border: solid 1px #eee;
    color: #666;
}
.wpcf7c-elm-step2 {
    top: 40px;
    position: relative;
    font-size: 1.8rem;
    font-weight: bold;
    color: #cc0000;
    text-align: center;
}

/* コピーボタン */
.copy_btn {
  width:80%!important;
  padding: 12px 0;
  margin-left: auto!important;
  margin-right: auto!important;
  color:#ffffff;
  font-weight:bold;
  background:#000000;
  border: solid 2px #000000;
  border-radius: 3px;
  transition: .4s;
  text-align: center;
}
 
.copy_btn:hover {
  background: #ffffff;
  color: #000000;
}
.copy_btn:hover {
	cursor: pointer;
}

.call-center {
    text-align:center;
}
.call-center .tell {
  font-size:3.4rem;
  font-weight:bold;
}
.call-center .remarks {
  padding-left:1em;
  font-size:2.0rem;
}
.call-center .remarks p span {
  line-height:2;
}
@media screen and (max-width: 768px) {
  .page-template-contact h2 {
    font-size:26px;
  }
}
/**************************************************************
製品詳細ページ
**************************************************************/
.sub-title {
    width: 100%;
    margin: 2em auto 0 auto;
    padding: 10px 0;
    font-family: sans-serif;
    font-size: 20px;
    color: #3A85AE;
}
.heading {
  margin: 10px 0
}
.sub-title5 .heading {
    border-top: 1px solid #A2CADF;
    border-bottom: 1px solid #A2CADF;
    padding: 5px 20px;
    position: relative;
    width: 100%;
    text-align: center;
    margin: 30px auto;
    color: #3cb3e4;
    font-weight: bold;
}
.sub-title5 .heading:before {
    content: "";
    border-left: 1px solid #A2CADF;
    border-right: 1px solid #A2CADF;
    display: block;
    position: absolute;
    width: calc(100% - 20px);
    height: 110%;
    top: -5%;
    left: 10px;
}
/**************************************************************
会社案内
**************************************************************/
.page-template-company .concept {
	margin-top:1.5em;
	text-align:center;
	color:#666;
}
.page-template-company .concept b {
	font-size:2.0rem;
	font-weight:bold;
  letter-spacing:0.7em;
}
.page-template-company .shishin dl dt {
  font-weight: normal;
  font-size: 1.8rem;
  margin: 2em 0 0 0;
}
.page-template-company .shishin dl dd {
  margin:10px 0 0 0;
}
.page-template-company p.text {
      font-size: 2.1rem;
    line-height: 1.8;
    font-weight: bold;
    color: #666;
    letter-spacing: 0.05em;
}
.basic h2 {
  font-size:40px;
  font-weight:bold;
}
.page-template-company ul.text {
      font-size: 2.1rem;
    line-height: 1.8;
    color: #666;
    letter-spacing: 0.05em;
  font-weight:bold;
}
.page-template-company ul.text li {
    text-indent: -1.5em;
    margin-left: 1.5em;
    margin-top: 0.6em;
}
@media screen and (max-width: 768px) {
.page-template-company p.text,
.page-template-company ul.text {
font-size: 1.6rem;
    line-height: 1.5;
    font-weight:normal;
    color: #666;
    letter-spacing: 0;
  }
}
/**************************************************************
ブランドページ
**************************************************************/
.tax-brand .concept {
	margin-top:3em;
	margin-bottom:2em;
	color:#666;
	line-height:2;
	text-align:center;
}
.tax-brand .concept b {
	font-size:2.0rem;
	font-weight:bold;
	display:block;
}
.tax-brand .concept span {
	display:block;
}
/**************************************************************
リサイクル
**************************************************************/
.page-template-recycle table tr th:nth-child(1) {
  width:60%;
}
@media only screen and (max-width:768px) { 
  .page-template-recycle table tr th:nth-child(1) {
  width:70%;
}
}
/**************************************************************
youtube
**************************************************************/

.youtube-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
 
.youtube-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/**************************************************************
素材ページ
**************************************************************/
.product_detail.download {
  border:0;
}
.download a {
  margin:0;
}
.download h3 {
  margin-top:5px;
  margin-bottom:30px;
  font-size:1.8rem;
}
@media only screen and (max-width:768px) { 
.download h3 {
  margin-bottom:5px;
}
  .download a.button-1 {
    font-size:1.4rem;
  }
}
.product_detail.download .box {
border: 2px dashed #52c3fb;
}
.sns {
  margin: 0 auto;
    text-align: center;

    font-size: 2rem;
}
.sns .inner {
  border: 2px dashed #52c3fb;
}
@media only screen and (max-width:768px) { 
  .sns a img {
    width:100px;
  }
}
/**************************************************************
お問い合わせページ
**************************************************************/
/*
.button-1 {
		padding:0.8em 0 0.8em 0;
		margin:2em 0 0 0;
		display:block;
		text-align:center;
		text-decoration: none;
		background-color:#630e01;
		border-radius: 5px;
		-webkit-border-radius: 5px; 
		-moz-border-radius: 5px;
		color:#fff;
		background:#333;

}
.button-1:hover { 
		background-color:#238cc5;
		color:#fff;
}
.button-1:visited {
		color:#fff;
}
#main .panel .panel-body.menu {
		padding:6px 9px 9px 9px;
}
*/
.pagetop-2 {
position: fixed;
    bottom: 230px;
    right: 30px;
    /* transform: translateY(-50%) translateX(-50%); */
    /* -ms-transform: translateY(-50%) translateX(-50%); */
    z-index: 5;
    margin-left: 0px!important;
    width: 180px;
    margin: 0 0 1em 0;
}
.pagetop-2 a {
      padding: 1em 0;
}
@media screen and (max-width: 767px) {
.pagetop-2 {
bottom: 0;
    margin: 0;
    left: 0;
    width:50%;
}
  .pagetop-2 a {
    border-radius: 0;
    padding: 0.7em 0;
    margin: 0;

  }
}

/**************************************************************
メール
**************************************************************/
@media screen and (max-width: 600px) {

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
		width:100%;
}

}
.wpcf7-list-item input[type="checkbox"],
.wpcf7-list-item input[type="radio"] {
		margin:0;
}

/*下部チェックボックス部分*/
.wpcf7-list-item-label {
		line-height:2;	
}

/*送信ボタン*/
.sent {
		margin-top:30px;
}

.list-none {
		margin:0 0 0 0;
		list-style:none;
}
.list-disc {
		margin: 0 0 0 1.5em;
    list-style: disc outside;
}

input[type="checkbox"]   {
		-webkit-transform: scale(1.1);
		-webkit-transform-origin:100% 50%;
		-moz-transform: scale(1.1);
		-moz-transform-origin:100% 50%;
		-ms-transform: scale(1.1);
		-ms-transform-origin:100% 50%;
		width:20px;
		height:20px;
		vertical-align: middle;
}

input[type="radio"]  {
		-webkit-transform: scale(1.1);
		-webkit-transform-origin:100% 50%;
		-moz-transform: scale(1.1);
		-moz-transform-origin:100% 50%;
		-ms-transform: scale(1.1);
		-ms-transform-origin:100% 50%;
		width:20px;
		height:20px;
		vertical-align: middle;
}

input[type="submit"] {
		font-size: 1.5rem;
    padding: 7px 10px 8px 10px;
  vertical-align: baseline;

}

.wpcf7c-conf {
    background-color: #fff!important; /* 背景色 */
    color: black; /* 文字色 */
    border: none!important; /* 周りの線: 太さ　線種 線の色 */
}

.copy_alert {
  display: none;
}
.page-template-thanks p {
  font-size:1.8rem;
}
/**************************************************************
予約
**************************************************************/
/*デフォルトの左マージン削除*/
span.wpcf7-list-item {
		display: block;
    margin: 0 0 1em 0;
    font-size: 12px;
    line-height: 1.2;
}
span.wpcf7-list-item label {
    background-color: #f1f1f1;
    padding: 1em;
}
.table_lower ul {
		margin:0 0 1.5em 0;
}
.table_lower ul li {
		list-style:none;
		margin:0 0 0.5em 0;	
}
/*お願い部分の横パディング*/
.please.panel-body {
    padding: 15px 0 15px 0;
}

/*datepicker カスタマイズ*/

.closed {
	pointer-events:none;
}
/*日曜日色変更*/
.ui-datepicker-calendar tbody tr td:nth-child(7) .ui-state-default {
    color: #cc0000;
}

/*thankyouページ用*/
.thanks-link a,.thanks-link a:visited, .thanks-link a:link {
    background-color: #a18a78;
    color: #fff;
    padding: 1em 1.5em;
    width: 100%;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
}
.thanks-link a:hover {
	color:#fff!important;
	background-color:#bdaea2;
}

/*リザベーションポップアップ用*/
.caution-link a,.caution-link a:visited, .caution-link a:link {
    background-color: #eee;
    color: #222;
    padding: 1em 1.5em;
    width: 100%;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
		font-size:16px;
}
.caution-link a:hover {
	color:#222;
	background-color:#fff;
}
.caution-link p.us a {
		border:1px solid #ddd;
		border-bottom:2px solid #cc0000;
}
.caution-link p.tw a {
		border:1px solid #ddd;
		border-bottom:2px solid #176082;
}
.caution-link p.ch a {
		border:1px solid #ddd;
		border-bottom:2px solid #718910;
}
.caution-link p.ko a {
		border:1px solid #ddd;
		border-bottom:2px solid #9B069F;

}
.caution-link.language a,.caution-link.language a:visited, .caution-link.language a:link {
		border:2px solid #af1701;
		border-bottom:3px solid #af1701;
		color:#000;
}
.caution-link.language a:hover {
		background-color:#b22017;
		color:#fff!important;
}

/*リザベーションポップアップ内okボタン*/
p.ok a, p.ok a:visited, p.ok a:link {
    background-color: #ccc;
    color: #fff;
    padding: 1em 1.5em;
    width: 100%;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
		font-size:18px;
}
p.ok a:hover {
	color:#fff;
	background-color:#ddd;
}

.table_lower dd input, .table_lower dd button, .table_lower dd select, .table_lower dd textarea {

    color: #000;
}

.panel-body.flow {
		background-color:#fff;
}

/**************************************************************
採用
**************************************************************/
#main .panel {
background-color:rgba(255,255,255,0.7);
}

.menu-tab .panel-default {
	background-color:#f4e8d9;	
}
.menu-tab .panel-default a {
	color:#111;
	text-decoration:none;
}
.menu-tab .panel-default a.collapsed {
	color:#553A24;
}
.menu-tab .panel-default .panel-default {
		background-color:#fff;
}


.sitemap  ul li {
  margin-bottom:0.5em;
}
/**************************************************************
レストランインフォ
**************************************************************/
.info_button a {
    width:100%;
		display:block;
    background-color: #AF1701;
    color: #fff;
    text-align: center;
		text-decoration:none;
    font-size: 1.6rem;
    font-size: 16px;
    border-bottom: 5px solid #630e01;
    padding: 0.7em;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.info_button a:hover{
    border-bottom: 0px solid #ddd;
		text-decoration:none;
		color:#ccc!important;
}
.info_button a:visited, .info_button a:link {
		color:#fff;
}
.info_button br {
		display:none;
}


.wsp-container ul {
	list-style:inside;
	list-style-type:circle;
}

/**************************************************************
投稿
**************************************************************/
/*著作者削除*/
#primary-mono .entry-meta .byline {
	display:none;
}

#primary-mono .entry-meta {
  border-top: none!important;
}
.type-post p {
	margin: 0 10px 0 10px;
}
.hentry {
	margin:0;
}
.bg_pdf_file {
    display: inline-block;
    padding-left: 4rem;
    padding: 0.1em 0 0 2.6em;
    background: url(assets/images/icon/icon-pdf.png) no-repeat left center;
}
.info_border dt {
	border-top: 1px dotted #c2c2c2;
}
/**************************************************************
表組
**************************************************************/
.table_lower {
		margin:3em 0 0 0;
    
}
.table_lower_page {
		margin:0;
  overflow:auto;
  border-bottom: 1px dotted #c2c2c2;
}
.table_lower dt ,.table_lower_page dt{
	/*float: left;*/
	clear: both;
	font-weight:normal;
	padding: 1.2em 1em;
	text-align: left;
	border-top: 1px dotted #c2c2c2;
	margin: 0px;
}
.table_lower dd, .table_lower_page dd {
	border-top: 1px dotted #c2c2c2;
	margin: 0px;
	padding: 1.4em 1em 1.2em 1em;
	line-height: 1.5;
	text-align: left;
}
@media screen and (max-width: 767px) {
.table_lower dt, .table_lower_page dt {
	float: none;
	width: auto;
	padding: 10px 1em 0 1em;
	text-align: left;
  margin-top: 1em;
}
.table_lower dd, .table_lower_page dd {
	clear: both;
	border-top: none;
	padding: 5px 1em 5px 1em;
	line-height: 1.5em;
}
}



/**************************************************************
表組
**************************************************************/
.product_detail {
	 border:1px solid #ccc;
		margin:3em 0 0 0;
}
.product_detail dl {
		margin-bottom:0;
		overflow:hidden;
}
.product_detail dl dt{
	/*float: left;*/
	clear: both;
	font-weight:normal;
	padding: 0.8em 1em;
	text-align: left;
	border-top: 1px dotted #c2c2c2;
	border-right: 1px dotted #ccc;
	margin: 0px;
	box-sizing: border-box;
}
.product_detail dl dd {
	border-top: 1px dotted #c2c2c2;
	margin: 0px;
	padding: 0.8em 1em 0.8em 1em;
	line-height: 1.5;
	text-align: left;
	box-sizing: border-box;
}
.product_detail dl dd:after{
  display: block;
  content: "";
  clear: both;
}
.product_detail dl dt:first-child,.product_detail dl dd:nth-child(2) {
	border-top:none;
}
.product_detail .sub-table {
  border-top: 1px solid #ccc;
    border-right: none;
    background: #f3f3f3;
}

/*divを下まで伸ばす魔法*/
body > .product_detail{
    height:auto;
}
@media screen and (max-width: 768px) {
.product_detail dl dt {
	float: none;
	/*width: auto;*/
	width:100%;
	padding: 0.5em 1em 0.5em 1em;
	text-align: left;
	background:#f9f9f9;
	border-right:none;
}
.product_detail dl dd {
	clear: both;
	padding: 5px 1em 5px 1em;
	line-height: 1.5em;
	border-left:none;
	border-top:none;
	width:100%;
}
}




table { width: 100%; }
table th, table td  { padding: 1.2em; border: 1px solid #ddd; }
table th  { background: #f9f9f9; }
 
/*----------------------------------------------------
  .table1
----------------------------------------------------*/
.table1 th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:480px){
    .table1 { margin: 0 -10px; }
    .table1 th,
    .table1 td{
    width: 100%;
    display: block;
    border-top: none;
		padding:1em;
    }
  .table1 tr:first-child th { border-top: 1px solid #ddd; }
}
/**************************************************************
テーブルプレス
**************************************************************/
#primary-mono .tablepress .even td {
    background-color: #000;
}
#primary-mono .tablepress tbody td, .tablepress tfoot th {
    border-top: 1px solid #222;
}
#primary-mono .tablepress .odd td {
    background-color: #111;
}
#primary-mono .tablepress {
		border:1px solid #111;
}
/**************************************************************
管理画面
**************************************************************/
#acf-about_all .widefat td, #acf-about_all  .widefat td ol, #acf-about_all  .widefat td p, #acf-about_all  .widefat td ul {
    font-size: 11px;
    line-height: 1.2em;
}

/**************************************************************
Vertival margin, padding
**************************************************************/

.bb-d1 {border-bottom:1px dotted #999;}

.display-block {
  display:block;
}

.text-center-block {
		text-align:center;
		display:block;
}
.text-left {text-align:left;}

.radius-5 {
			border-radius: 5px; /* CSS3草案 */ 
		-webkit-border-radius: 5px; /* Safari,Google Chrome用 */ 
		-moz-border-radius: 5px; /* Firefox用 */ 
}
.bgcolor111 {background:#111;}
.red {color:#cc0000;}
.grey {color:#ddd;}
.f12 {font-size:1.2rem!important;}
.f13 {font-size:1.3rem!important;}
.f14 {font-size:1.4rem!important;}
.f15 {font-size:1.5rem!important;}
.f16 {font-size:1.6rem!important;}
.f17 {font-size:1.7rem!important;}
.f18 {font-size:1.8rem!important;}
.f19 {font-size:1.9rem!important;}
.f20 {font-size:2rem!important;}
.f24 {font-size:2.4rem!important;}
.f26 {font-size:2.6rem!important;}
.bold,b {font-weight:bold;}

.gothic {
	    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif!important;
}
.p-10 {padding:1em!important;}

.p-0    {padding: 0!important;}
.pt-0   {padding-top:0!important;}
.pt-10  {padding-top:1em!important;}
.pt-20  {padding-top:2em!important;}
.pt-30  {padding-top:3em!important;}
.pt-40  {padding-top:4em!important;}
.pt-50  {padding-top:5em!important;}
.pt-140 {padding-top:14em!important;}

.pb-0   {padding-bottom:0!important;}
.pb-10  {padding-bottom:1em!important;}
.pb-20  {padding-bottom:2em!important;}
.pb-30  {padding-bottom:3em!important;}
.pb-40  {padding-bottom:4em!important;}
.pb-50  {padding-bottom:5em!important;}
.pb-140 {padding-bottom:14em!important;}

.m-0 {margin:0 !important;}
.mt-0  {margin-top:0 !important;}
.mt-5 {margin-top:0.5em !important;}
.mt-10 {margin-top:1em !important;}
.mt-15 {margin-top:1.5em !important;}
.mt-20 {margin-top:2em !important;}
.mt-30 {margin-top:3em !important;}
.mt-40 {margin-top:4em !important;}
.mt-50 {margin-top:5em !important;}
.mt-60 {margin-top:6em !important;}
.mt-70 {margin-top:7em !important;}
.mt-80 {margin-top:8em !important;}
.mt-90 {margin-top:9em !important;}
.mt-100 {margin-top:10em !important;}
.mt-110 {margin-top:11em !important;}
.mt-120 {margin-top:12em !important;}
.mt-130 {margin-top:13em !important;}
.mt-140 {margin-top:14em !important;}
.mt-150 {margin-top:15em !important;}


.mb-0  {margin-bottom:0!important;}
.mb-5 {margin-bottom:0.5em !important;}
.mb-10 {margin-bottom:1em !important;}
.mb-15 {margin-bottom:1.5em !important;}
.mb-20 {margin-bottom:2em !important;}
.mb-30 {margin-bottom:3em !important;}
.mb-40 {margin-bottom:4em !important;}
.mb-50 {margin-bottom:5em !important;}
.mb-60 {margin-bottom:6em !important;}
.mb-70 {margin-bottom:7em !important;}
.mb-80 {margin-bottom:8em !important;}
.mb-90 {margin-bottom:9em !important;}
.mb-100 {margin-bottom:10em !important;}
.mb-110 {margin-bottom:11em !important;}
.mb-120 {margin-bottom:12em !important;}
.mb-130 {margin-bottom:13em !important;}


@media only screen and (max-width:991px) {

	.mt-sm-0  {margin-top:0!important;}
	.mt-sm-10 {margin-top:1em !important;}
	.mt-sm-20 {margin-top:2em !important;}
	.mt-sm-30 {margin-top:3em !important;}
	.mt-sm-40 {margin-top:4em !important;}
	.mt-sm-50 {margin-top:5em !important;}
	.mt-sm-60 {margin-top:6em !important;}
	.mt-sm-70 {margin-top:7em !important;}
	.mt-sm-80 {margin-top:8em !important;}

	.mb-sm-0  {margin-bottom:0!important;}
	.mb-sm-10 {margin-bottom:1em !important;}
	.mb-sm-20 {margin-bottom:2em !important;}
	.mb-sm-30 {margin-bottom:3em !important;}
	.mb-sm-40 {margin-bottom:4em !important;}
	.mb-sm-50 {margin-bottom:5em !important;}
	.mb-sm-60 {margin-bottom:6em !important;}
	.mb-sm-70 {margin-bottom:7em !important;}
	.mb-sm-80 {margin-bottom:8em !important;}

}

@media only screen and (max-width:768px) {
	
	.mt-xs0-sm20 {margin-top:0!important;}
	.mt-xs10-sm10 {margin-top:1em!important;}
	.mt-xs10-sm30 {margin-top:1em!important;}
  .mt-xs0-sm60 {margin-top:0!important;}
	.mt-xs0-sm80 {margin-top:0!important;}
  .mt-xs30-sm60 {margin-top:3em!important;}

	.mt-xs-0  {margin-top:0!important;}
	.mt-xs-10 {margin-top:1em !important;}
	.mt-xs-20 {margin-top:2em !important;}
	.mt-xs-30 {margin-top:3em !important;}
	.mt-xs-40 {margin-top:4em !important;}
	.mt-xs-50 {margin-top:5em !important;}
	.mt-xs-60 {margin-top:6em !important;}
	.mt-xs-70 {margin-top:7em !important;}
	.mt-xs-80 {margin-top:8em !important;}
	.mt-xs-90 {margin-top:9em !important;}
	.mt-xs-100 {margin-top:10em !important;}
	.mt-xs-110 {margin-top:11em !important;}
	.mt-xs-120 {margin-top:12em !important;}
	.mt-xs-130 {margin-top:13em !important;}
	.mt-xs-140 {margin-top:14em !important;}
	.mt-xs-150 {margin-top:15em !important;}

	.mb-xs-0  {margin-bottom:0!important;}
	.mb-xs-10 {margin-bottom:1em !important;}
	.mb-xs-20 {margin-bottom:2em !important;}
	.mb-xs-30 {margin-bottom:3em !important;}
	.mb-xs-40 {margin-bottom:4em !important;}
	.mb-xs-50 {margin-bottom:5em !important;}
	.mb-xs-60 {margin-bottom:6em !important;}
	.mb-xs-70 {margin-bottom:7em !important;}
	.mb-xs-80 {margin-bottom:8em !important;}
	.mb-xs-90 {margin-bottom:9em !important;}
	.mb-xs-100 {margin-bottom:10em !important;}
	.mb-xs-110 {margin-bottom:11em !important;}
	.mb-xs-120 {margin-bottom:12em !important;}
	.mb-xs-130 {margin-bottom:13em !important;}
	
	.pl-5 {padding-left:5px !important;}
	.pr-5 {padding-right:5px !important;}
	
	.h3 {font-size:18px !important;}
	h1 {font-size:24px!important;}
}
@media only screen and (min-width:769px) {
	.mt-sm-min-0  {margin-top:0!important;}
	.mt-xs0-sm20 {margin-top:2em!important;}
	.mt-xs10-sm10 {margin-top:1em!important;}
	.mt-xs10-sm30 {margin-top:3em!important;}
  .mt-xs30-sm60 {margin-top:6em!important;}
  .mt-xs0-sm60 {margin-top:6em!important;}
	.mt-xs0-sm80 {margin-top:8em!important;}

}

.lh-2 {
	line-height:2!important;
}
.lh-4 {
	line-height:4!important;
}
.lh-15 {
	line-height:1.5!important;
}
.lh-12 {
	line-height:1.2!important;
}
@media only screen and (min-width:769px) {
.lh-3 {
	line-height:3;
	margin-top: -15px;
}
}
@media only screen and (max-width:768px) {
br.xs-none {
	display:none;
}
.text-xs-left {
	text-align:left;
}
}

.title-border {
     text-align: center;
}
 
.title-border span{
     position: relative;
     display: inline-block;
     padding: 0 0.5em;
}
      
.title-border span::before, .title-border span::after{
     position: absolute;
     top: 50%;
     content: '';
     width: 1.5em;
     height: 1px;
     background-color: black;
}
 
.title-border span::before {left: 100%;}
.title-border span::after { right: 100%;}


.title-border-2 {
     position: relative;
     padding-left: 1em;
}
 
.title-border-2::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 20px;
     height:6px;
     background-color: #3A85AE;
}

.title-stripe {
position: relative;
}
.title-stripe:after {
content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    /* top: 10px; */
    width: 100%;
    height: 3px;
    background: -webkit-repeating-linear-gradient(45deg, #A2CFEE, #A2CFEE 2px, #fff 2px, #fff 4px);
    background: repeating-linear-gradient(45deg, #A2CFEE, #A2CFEE 2px, #fff 2px, #fff 4px);
}



.title-2tone {
  position: relative;
  padding:0 0 0.5em 0;
  border-bottom: 2px solid #ccc;
}
.title-2tone::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 2px;
  background-color: #3498db;
}
.title-2tone {
  position: relative;
  padding:0 0 0.5em 0;
  border-bottom: 2px solid #ccc;
}
.title-2tone::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 2px;
  background-color:  #3498db;
}
.title-2tone-2 {
  position: relative;
  padding:0 0 0.5em 0;
  border-bottom: 1px solid #ccc;
}
.title-2tone-2::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 2;
  content: '';
  width: 30%;
  height: 1px;
  background-color: #919191;
}

.title-2tonestripe {
position: relative;
  padding:0 0 0.5em 0;
  border-bottom: 2px solid #ccc;

}
.title-2tonestripe:after {
content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    /* top: 10px; */
    width: 20%;
    height: 2px;
    background: -webkit-repeating-linear-gradient(-45deg, #3498db, #3498db 2px, #fff 2px, #fff 4px);
    background: repeating-linear-gradient(-45deg, #3498db, #3498db 2px, #fff 2px, #fff 4px);
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
.pc-flex { display: flex !important; }
.sp-flex { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block !important; }
.pc-flex { display: none !important; }
.sp-flex { display: flex !important; }
}



.clearboth {clear:both;}



/**************************************************************
bootstrap
**************************************************************/
/*ガター処理*/
.row-0{
    margin-left:0px;
    margin-right:0px;
}
.row-0 div{
        padding-right:0px;
        padding-left:0px;
}
.row-10{
    margin-left:-5px;
    margin-right:-5px;
}
.row-10 div{
        padding-right:5px;
        padding-left:5px;
}
.row-10 li{
        padding-right:5px;
        padding-left:5px;
}
.row-20{
    margin-left:-10px;
    margin-right:-10px;
}
.row-20 div{
        padding-right:10px;
        padding-left:10px;
}
.row-30{
    margin-left:-15px;
    margin-right:-15px;
}
.row-30 div{
        padding-right:15px;
        padding-left:15px;
}
.row-40{
    margin-left:-20px;
    margin-right:-20px;
}
.row-40 div{
        padding-right:20px;
        padding-left:20px;
}


/*パネルの高さをそろえる*/
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	flex-wrap: wrap;
}
.panel {
	height: 97%;
	margin-bottom: 3%;
}
.page-template-page-menu .panel-default {
		border:1px solid #555;
}

/*panel背景透明*/
#main .panel {
background-color:#fafafa;
}

@media only screen and (max-width:767px) {
.col-xs-offset-4-only {
    margin-left: 33.33333333%;
}
}



/**************************************************************
ショートコードアルティメイト
**************************************************************/

.entry-content .su-tabs {
	background-color:#eacea6;	
}
.su-tabs-nav {
	background-color:#eacea6;	
}

/*ショートコードアルティメイトタブのマージン修正*/
.su-tabs .su-tabs-nav span {
	margin-right:0;
}


/**************************************************************
カート
**************************************************************/
input.button-1 {
    padding: 1.2em 0 1.2em 0;
    margin: 1em 0 0 0;
    display: block;
    text-align: center;
    text-decoration: none;
    background-color: #238cc5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    border: none;
    box-shadow: none;
    font-size: 14px;
    font-weight:normal;
    width: 100%;
    text-shadow:none;
}
input.button-1:hover {
    background-color: #5CB4E2;
  box-shadow:none;
}


.sample2 {
	width:			280px;
	height:			188px;
	overflow:		hidden;
	margin:			10px 8px 10px 16px;
	position:		relative;
}
.sample2 .caption {
	font-size:		130%;
	text-align: 		center;
	color:			#fff;
}
.sample2 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}
.sample2:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:		80px;	/* ホバーで下にずらす */
}







/*

アコーディオンメニュー

*/

.accbox {
    margin: 2em 0;
    padding: 0;
}

/*ラベル*/
.accbox label {
   display: block;
    margin: 20px 0 0 0;
    padding: 2em 12px;
    color: #2b2b2b;
    font-weight: bold;
    background: #f6f6f6;
    border: 1px solid #d5d5d5;
    cursor: pointer;
    -webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
     -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
        transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
        transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}

/*アイコンを表示*/
.accbox label:before {
    content: '\f0fe';
    font-family: 'FontAwesome';
    padding-right: 8px;
    font-size: 2.5rem;
}

/*ラベルホバー時*/
.accbox label:hover {
    background: #ccc;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
     -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
        transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
        transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 15px;
    background: rgba(255, 255, 255, 0.7);
    opacity: 1;
}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f068';
}


/*アコーディオン内でのパネルの修正*/
.sub_title {
	padding: 0 28px;
	margin: 15px auto 20px;
	font-size: 20px;
	text-align: center;
}
.main_paragraph {
	padding: 0 28px;
	margin-bottom: 60px;
	text-align: center;
}
.sub_text {
	margin: 0;
	padding: 0;
	text-align: center;
}
label .h3 {
    margin: 0 auto;
  padding-left:2em;
    display: inline-block;
    width:90%;
    text-align:left;
}
@media screen and (max-width: 768px) {
.sub_title {
	font-size: 18px;
}
label .h3 {
  width:91%;
	padding-left:1em;
}
.accbox label:before {
  font-size:1.8rem;
  }
  .accbox label{
    padding: 1em 12px;
  }  

}

.accbox .panel .panel-body h3 {
	padding: 1em 28px;
	background: none !important;
	font-size: 1.2em;
	margin-bottom: 0 !important;
	text-align: center;
	border-bottom: 1px solid #aaa;
}
.accbox .panel .panel-body h3 span {
	display: block;
	margin-top: 1em;
	background: none;
	font-size: 0.8em;
	text-align: center;
}
.accbox .panel-body {
	padding: 0;
    margin-top: -20px;
}
.accbox .panel .panel-body p {
	padding: 0 2em;
	margin-bottom: 0;
}
.accbox .panel .panel-body p:last-child {
	margin-bottom: 2em;
}
.accbox .panel {
	background: none !important;
	border: none;
	box-shadow: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.accshow:last-child .panel .panel-body h3 {
	border-bottom: none;
}
.accshow:last-child .sub_text {
	border-bottom: 1px solid #aaa;
	padding-top: 20px!important;
	padding-bottom: 40px !important;
}
/**/
.wpcf7 h2 {
	padding-top: 10px;
    border-top: 1px dotted #c2c2c2;
}
.reservation_menu_child {
	line-height: 1.5em;
}
@media screen and (max-width: 768px) {
.menu_num {
	display: block;
	margin-top: 3px;
}
}
.autonunber {
	pointer-events : none;
}
@media screen and (max-width: 600px) {
.autonunber {
	width: 70%!important;
}
}
/*予約フォームのアコーディオン*/
.rsv-acdn-menu .reservation_menu_child {
	display: none;
	background: rgba(255,255,255,0.7);
    padding: 10px;
}
.rsv-acdn-menu h3 {
	margin: 0;
    padding: 15px 20px 15px 15px;
    background: url(assets/images/acdarrow.png) no-repeat 97% center;
    border-top: 1px solid #e0c17d;
    border-bottom: 1px solid #c3a157;
    background-color: #d4b773;
    color: #222;
}
.rsv-acdn-menu h3:hover {
	background-color: #dec68e;
}
.rsv-acdn-menu ul {
	margin:0;
	padding: 15px;
}
.rsv-acdn-menu ul li {
	list-style: none;
	margin-bottom: 20px;
}
.rsv-acdn-menu ul li span:first-child {
	margin-right: 14px;
}
.rsv-acdn-menu p {/*投稿欄自動挿入pタグの調整*/
	display: none;
}
@media screen and (max-width: 768px) {/*空要素スマホ時マージン調整*/
.rsv-acdn-menu .col-sm-4 {
	display: none;
}
.rsv-acdn-menu .col-sm-8 {
	padding: 0;
}
}

span.wpcf7-list-item {
    margin: 0 0 1em 0;
    line-height: 1.2;
    text-align: left;
    display: inline-block;
    padding-right: 1em;
}

/**************************************************************
ニュースレター
**************************************************************/


.news-all .catch-box {
    background-color: #7bc0e1;
    color: #fff;
    margin: 2em 0;
    padding: 2em;
    position: relative;
  border-left: 2px solid #65a1be;
    border-top: 2px solid #65a1be;
}
.news-all .catch-box::after {
    content: "";
    border-color: #853e04 #fff #fff #65a1be;
    border-style: solid;
    border-width: 0 0 24px 24px;
    bottom: 0;
    position: absolute;
    right: 0;
}
.news-all .catch-box h1 {
    font-size: 2.8rem;
    text-align: center;
    line-height: 1.8;
}
.news-all h2 {
      text-align: center;
    font-size: 3.0rem;
    margin: 3em 0 0 0;
}
.news-all p {
  font-size:1.8rem;
}
@media screen and (max-width: 768px) {
.news-all .catch-box h1 {
    font-size: 2.0rem!important;
    text-align: center;
    line-height: 1.4;
}
.news-all p {
  font-size:1.6rem;
}
.news-all h2 {
  font-size:2.4rem;    
}
.news-all h3 {
  font-size:2.0rem;    
  }
}
.news-all .title-stripe {
    position: relative;
    border-left: 3px solid #71cfb2;
    padding-left: 10px;
}
.news-all .title-stripe:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    /* top: 10px; */
    width: 100%;
    height: 2px;
    background: -webkit-repeating-linear-gradient(45deg, #A2CFEE, #5dcf9a 2px, #fff 2px, #fff 4px);
    background: repeating-linear-gradient(45deg, #A2CFEE, #5dcf9a 2px, #fff 2px, #fff 4px);
    border-left: 3px solid #ccc;
}
.news-all .title-2tone:after {
    background-color: #71cfb2;
}

iframe.pardot {
  height:1600px;
}
@media screen and (max-width: 768px) {
iframe.pardot {
  height:1900px;
}
}

/**************************************************************
焼きいもトースター修理フォーム
**************************************************************/
.yakiimo-check .wpcf7-list-item input {
    margin: 0 0 0 1em;
}
.yakiimo-check span.wpcf7-list-item label {

}
.yakiimo .wpcf7-list-item-label {
    line-height: 1;
    padding: 0 1em 0 0;
}
.yakiimo select {
  padding:0.5em;
}
.yakiimo dl dt span.dt {
  display:block;
  padding:1em 0;
}
.yakiimo dl dt {
  font-weight:bold;
}

.yakiimo span.wpcf7-list-item label {
    background-color: #f1f1f1;
    padding: 1em 1em 1em 3.3em;
    line-height: 2;
}
.yakiimo .wpcf7-list-item-label {
    padding: 0 0 0 0.5em;
}
.yakiimo .wpcf7-list-item input[type="checkbox"] {
    margin: 0;
    margin-left: -29px;
}
.h3title div:nth-child(1), .h3title div:nth-child(2) {
  float:left;
  clear:both;
}

/**************************************************************
特集ページ
**************************************************************/
.d-flex {
  display:flex;
}
.feature .row-15 {
  margin-right: 15px;
  margin-left: 15px;
}
.feature .column-2 span,
.feature .leftimage span{
  border-radius: 8px;
  padding: 5px 2px;
  font-size: 13px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width:70px;
  height: 60px;
  line-height: 1.1;
  float: left;
  margin-right:10px;
      font-size: 15px;
}

.feature span.blue {
  font-weight:bold;
  background:#92C6EC;
}
.feature span.orange {
  font-weight:bold;
  background:#F8B86D;
}
.feature span.red {
  font-weight:bold;
  background:#F19C97;
}
.feature span.purple {
  font-weight:bold;
  background:#B6A3C8;
}
.feature h2 {
  position: relative;
  background: #FFF9B0;
  box-shadow: 0px 0px 0px 5px #FFF9B0;
  padding: 0.7em 0.5em 0.7em 1.3em;
  color: #454545;
  font-size: 2.8rem;
  font-weight: bold;
}
.feature h2:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 25px 25px;
  border-style: solid;
  border-color: #fff #fff #FCD475;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.feature h3.normal {
  padding: 10px 0 10px 41px;
  border-bottom: 2px solid #FCD475;
  background: url(https://www.lithon.co.jp/wp-content/uploads/2022/11/feature-h3.png) no-repeat left 9px;
  background-size: 30px;
  font-weight: bold;
  font-size: 2.4rem;
}
.feature h3.orime {
  position: relative;
  background: #FFF9B0;
  box-shadow: 0px 0px 0px 5px #FFF9B0;
  padding: 0.7em 0.5em 0.7em 1.3em;
  color: #454545;
  font-size: 2.8rem;
  font-weight: bold;
}
.feature h3.orime:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 25px 25px;
  border-style: solid;
  border-color: #fff #fff #FCD475;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.feature h4 {
  font-size: 2.2rem;
    font-weight: bold;
    margin: 25px 0 0 0;
}
.feature .button-matome {
  margin:0 0 50px 0;
}
.feature .panel-info .panel-heading {
  background:#92C6EC;
  color:#FFFFFF;
  font-weight:bold;
      font-size: 1.8rem;
}
.feature .panel ul li {
  list-style: inside;
    text-indent: -1.4em;
    padding-left: 1.5em;
    padding-top: 10px;
}
.feature .panel ul li a {
  font-weight: bold;
    padding: 0;
    display: inline;
    font-size: 1.6rem;
}
.feature p {
  font-size:1.6rem;
}
b.orange {
  color:#ffa500;
}
b.blue {
  color:#61a5df;
}
b.red {
  color:#ff0000;
}
@media screen and (min-width: 768px) {
.feature .column-2 {
  margin-bottom:80px;
  }
.feature .column-2:nth-child(odd) {
  padding-right:6%;
  clear:both;
  }
.feature .column-2:nth-child(even) {
  padding-left:6%;
  }
}
@media screen and (max-width: 767px) {
  .feature h2 {
  font-size: 2.0rem;
  line-height: 1.5;
  }
  .feature h3.orime, .feature h3.normal {
    font-size:2.0rem;
  }
.feature .column-2 span,
.feature .leftimage span {
      margin-right: 6px;
    font-size: 12px;
  }
}