@charset "UTF-8";
/*
 Theme Name:   Hestia Child
 Theme URI:    https://example.com/hestia-child/
 Description:  Hestia Child Theme
 Template:     hestia
 Version:      1.0.0
 Text Domain:  hestia-child
*/

/*========== カラー、スタイル ==========*/
body { color: #333333; }
.orange { color: #ff7c10; }
.blue { color: #156b9b; }
.grey { color: #707070; }
.navy { color: #353f4e; }
.skyblue { color: #17a0dd; }
.pink { color: #ed3a8b; }

.b { font-weight: bold; }


/*========== 共通 ==========*/
html, body {
	font-size: 1rem;
	font-family: 'Lato', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', "segoe ui", '游ゴシック  Medium', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic',sans-serif;
	box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6, .hestia-title, .hestia-title.title-in-content, p.meta-in-content, .info-title, .card-title, .page-header.header-small .hestia-title, .page-header.header-small .title, .widget h5, .hestia-title, .title, .footer-brand, .footer-big h4, .footer-big h5, .media .media-heading, .carousel h1.hestia-title, .carousel h2.title, .carousel span.sub-title, .woocommerce.single-product h1.product_title, .woocommerce section.related.products h2, .hestia-about h1, .hestia-about h2, .hestia-about h3, .hestia-about h4, .hestia-about h5 {
    font-family: inherit !important;
}
ul, ol, .blog-post .section-text p, output {
    line-height: 2rem;
}
img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
.margin-space {
	margin-top: 3rem !important;
}
article.section {
	padding: 30px 0;
}
.hestia-blogs {
	padding: 10px 0 70px;
}
.main .category {
    display: none;
}
.main .posted-by {
    display: none;
}
.copyright {
	display: none !important;
}
h4 {
	border-left: 6px solid #47B2CA;
	background-color: #ececec;
	padding: .8rem 1rem 1rem;
}
.box {
	margin-bottom: 3rem;
}
.required {
    background-color: #e03d3d;
    color: #ffffff;
    padding: .1rem .3rem;
    margin-left: .4rem;
    font-size: .7rem;
    border-radius: 2px;
    display: inline-block;
    vertical-align: text-bottom;
}



/*========== VCBETTER-box1 ==========*/
.VCBETTER-box1 {
	text-align: center;
	margin-bottom: 3rem;
}
.VCBETTER-box1 h2 {
	display: inline-block;
	border: 2px solid #353f4e;
	padding: 1rem 2rem;
}


/*========== VCBETTER-box2 ==========*/
.VCBETTER-box2 {
	background-color: #f8f8f8;
    background-image: url(https://nikukun.com/dm/wp-content/uploads/2020/04/02_bg.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    border-radius: 6px;
    padding: 1rem;
	margin-bottom: 3rem;
}
.VCBETTER-box2 img {
    width: 98%;
	margin: 0 auto;
}
.VCBETTER-box2 p {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 1rem;
}


/*========== VCBETTER-box3 ==========*/
.VCBETTER-box3 {
	text-align: center;
	margin-bottom: 3rem;
}
.VCBETTER-box3 img {
	margin-bottom: 2rem;
}


/*========== VCBETTER-box4 ==========*/
.VCBETTER-box4 {
	text-align: center;
	margin-bottom: 3rem;
}
.VCBETTER-box4 img {
	margin-bottom: 2rem;
}


/*========== VCBETTER-box5 ==========*/
.VCBETTER-box5 {
    margin: 0 auto 3rem;
    background-color: #fcfcfc;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 1rem;
	
	margin-bottom: 3rem;
	text-align: left;
	font-size: 1.2rem;
}
.VCBETTER-box5 h2 {
	text-align: center;
	font-size: 1.4rem !important;
}
.VCBETTER-box5 p {
	font-size: .9rem !important;
    line-height: 1.4rem !important;
    margin: 0 !important;
}

/*========== VCBETTER-box6 ==========*/
.VCBETTER-box6 {
    margin-bottom: 3rem;
	text-align: left;
	font-size: 1.2rem;
}

.VCBETTER-box6 h2 {
    display: inline-block;
    background-color: #11b3bf;
    color: #ffffff;
    padding: .6rem 2rem;
    border-radius: 150px;
}

.VCBETTER-box6 p {
	text-align: left;
}

.VCBETTER-box6 img {
	margin: 0;
}

.VCBETTER-box6 h3 {
  position: relative;
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #454545;
}

/*========== VCBETTER-box7 ==========*/
.VCBETTER-box7 {
    margin-bottom: 3rem;
	text-align: center;
}
.VCBETTER-box7 h2 {
    display: inline-block;
    background-color: #11b3bf;
    color: #ffffff;
    padding: .6rem 2rem;
    border-radius: 150px;
}
.VCBETTER-box7 p {
	text-align: left;
}
.VCBETTER-box7 hr {
    border-top: 1px dashed #eee;
}


/*========== ああああああああああああああああああ ==========*/
.title-box2{
  margin: 1em 0;
  padding: 1.5em 1em 1em;
  position: relative;
  border: 1px solid #8bc34a;
  background-color: #dcedc8;
}

.title-box2-title{
  position: absolute;
  top: -0.8em;
  left: 20px;
  font-weight: bold;
  font-size: 1.1em;
  background-color: #8bc34a;
  color: #fff;
  padding: 0 0.5em;
}

.title-box2 p{
  margin: 0;
  padding: 0;
}


.title-box3{
  margin: 1em 0;
  width:75%;
  background-color: #e3f2fd;
  border: 2px solid #2196f3;
  letter-spacing: .3px;
}

.title-box3-title{
  color: #fff;
  font-weight: bold;
  background-color: #2196f3;
  padding: 4px 6px;
  text-align: center;
}

.title-box3 p{
  margin: 0;
  padding: 1em;
}


.kakomi{
    padding: 10px;
    border-radius: 10px;
    background: #dbffdb;
    border: solid 2px #3876a8;
}



/*価格テーブル*/

.table2 {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  /*width: 650px;*/
}
.table2 tr {
  background-color: #fff;
  border-bottom: 2px solid #fff;
}
.table2 tr:nth-child(even){
  background-color: #eee;
}
.table2 th,
.table2 td {
  padding: .35em 1em;
}
.table2 thead th {
    font-size: .85em;
    padding: 1em;
}
.table2 thead tr{
  background-color: #fd6767;
  color:#fff;
}
.table2 tbody th {
  text-align: left;
  font-size: .8em;
}
.txt{
   text-align: left;
   font-size: .75em;
}
.price{
  text-align: right;
  color: #FF7043;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .table2 {
    border: 0;
    width:100%
  }
  .table2 th{
    background-color: #fd6767;
    display: block;
    border-right: none;
  }
  .table2 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .table2 tr {
    display: block;
    margin-bottom: .625em;
    border: 1px solid #fd6767;
  }
  .table2 td {
    border-bottom: 1px dotted #bbb;
    display: block;
    font-size: .8em;
    text-align: left;
    position: relative;
    padding: 1.5em 1em 1.5em 4em;
    border-right: none;
  }
  
  .table2 td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
    color: #000;
  }
  .table2 td:last-child {
    border-bottom: 0;
  }
  .table2 tbody th {
    color: #fff;
    padding: 1em
  }
  .table2 tr:nth-child(even){
    background-color: #fff;
  }
}

/*購入ボタン*/

.btn-square-shadow {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #ee7171;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}

/*システム概要用TableCSS*/

.table3 {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 650px;
  table-layout: fixed;
  color: #4CAF50;
}

.table3 tr {
  background-color: #fff;
  padding: .35em;
  border-bottom: 1px dotted #8BC34A;
}
.table3 tr:last-child{
   border-bottom: 2px solid #18521b;
}
.table3 th,
.table3 td {
  padding: 1em 10px 1em 1em;
}
.table3 th {
    color: #0f7d13;
}
.txt{
   text-align: left;
   font-size: .85em;
}
.price{
   text-align: right;
}
@media screen and (max-width: 600px) {
  .table3 {
    border: 0;
    width:100%
  }
  .table3 th{
    display: block;
    border-right: none;
    border-bottom: 2px solid #0f7d13;
    padding-bottom: .6em;
    margin-bottom: .6em;

  }
  .table3 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .table3 tr {
    display: block;
    margin-bottom: 2em;
        border-bottom: 2px solid #0f7d13;
  }
  
  .table3 td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }
  
  .table3 td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
  .table3 td:last-child {
    border-bottom: 0;
  }
}
/*========== welcart ==========*/
.entry-social { display:none !important; }

.category-item .author { display:none !important; }

.category-item #comments { display:none !important; }

.category-item .related-posts { display:none !important; }

.cart-btn {
    display: block;
    text-align: center;
}
.loginbox {
	width: 60% !important;
}
.form-group {
    display: block !important;
}
#memberpages input.loginmail, #memberpages input.loginpass {
    width: 100% !important;
}


/*========== media query ==========*/
@media (min-width: 992px) { 
	.VCBETTER-box6 {
		width: 70%;
		margin: 0 auto;
		font-size: 1.4rem;
	}
}
@media (max-width: 768px) { 
	.VCBETTER-box1 p {
		text-align: left;
	}
	.VCBETTER-box3 p {
		text-align: left;
	}
	.VCBETTER-box4 p {
		text-align: left;
	}
	.VCBETTER-box5 {
		width: 90%;
	}
	.loginbox {
		width: 100% !important;
	}
}