/*
Theme Name:     Hestia_child
Author:         akira_sanada
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# General
	## Generic styles
	## Buttons and links
# Navigation
# Forms
# Pagination and navbar
# Typography
# Cards styling
# Tables
# Sections Styling
    ## About Section
    ## Portfolio Section
    ## Contact Section
    ## Team Section
    ## Subscribe Section
# Footer
# Blog
	## Content
	## Sidebar
	## Attachment Page
# Woocommerce Integration
	## My Account Page
	## Generic
	## YITH Magnifier
# Responsive
--------------------------------------------------------------*/
body {
	color: #000;
	font-family: "Lato-Regular", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	font-weight: 300;
}
body.custom-background {
	background-image: url("http://marno.info/wp-content/uploads/2024/05/bg_01.jpg");
	background-position: left top;
	background-size: cover !important;
}
.description, .card-description, .footer-big {
	color: #000 !important;
}
.carousel span.sub-title {
	font-family: "Lato-Regular", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.navbar.navbar-transparent {
	background-color: #fff !important;
}
#menu-main_menu li a {
	color: #000 !important;
	font-size: 1.8rem;
}
@media (max-width: 768px) {
#menu-main_menu li a {
	font-weight: normal;
}
}
button { box-shadow: none !important;}
.btn {
	background-color: #1798b2 !important;
	font-size: 1.6rem;
}
.btn:hover {
	opacity: 0.6;
}
.section-text p {
	font-size: 1.4rem;
}
.description {
	font-size: 1.6rem;
}
.content .footer {
	text-align: left;
}
.hestia-big-title-content .hestia-title {
	text-align: center;
}
.top_title {
	font-size: 3.0rem;
}
.top_title, .hestia-title {
	text-align: center;
}

@media (max-width: 768px) {
	.hestia-title {
		font-size: 2.6rem;
		text-align: center;
	}
	.description {
		text-align: left;
	}
.hestia-features .hestia-info, .hestia-features .info, .features .hestia-info, .features .info {
	padding: 0;
}
}
.info-title {
	font-size: 2.4rem;
	font-weight: bold;
}
.hestia-features-title-area {
	padding-left: 15px;
	padding-right: 15px;
}
.hestia-info p, .info p {
	font-size: 1.6rem;
	color: #000;
	padding-top: 12px;
}
.hestia-info .info-title, .info .info-title {
  transition: .3s ease;
  margin: 30px 0 15px;
  color: #000;
}
.hestia-about .font_20 {
	font-size: 2.6rem;
	margin-bottom: 32px;
	border-bottom: double;
}
@media (max-width: 768px) {
	.navbar .navbar-header .navbar-brand {
		max-width: 132px;
	}
	.team, .hestia-team {
	padding: 30px 0 20px;
}
}
table, td {
  border: 1px solid #333;
}
@media (max-width: 768px) {
	article h2.ttl{text-align: center;}

}
.company_detail,.shop_detail {
	font-size: 1.4rem;
	 border-collapse: collapse;
}
.company_detail th {
	background: #f3f3f3;
	  border: 1px solid #333;

}
.flex_wrap {
	display: flex;
	flex-wrap: wrap;
}
.flex_box {
	padding: 10px;
	width: 50%;
}
@media (max-width: 480px) {
.flex_wrap {
	display: block;
}
.flex_box {
	width: auto;
}
}
.flex_box2 {
	padding: 10px;
	margin: 10px;
	width: 33%;
}
@media (max-width: 768px) {
.flex_box2 {
	padding: initial;
	margin: 6px;
	width: 46%;
}
}
@media (max-width: 480px) {
.flex_box2 {
	margin: 6px;
	width: 46%;
	flex-shrink: 0;
}
}
/*アコーディオンタイトル*/
.title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    padding: 3% 3% 3% 50px;
    transition: all .5s ease;
	
}
.border_box {
	border: solid 3px;
	border-radius: 12px;
}
.hestia-big-title-content:before {
	content: "";
	background-image: url(/wp-content/themes/hestia_child/images/main_catch.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 352px;
	height: 660px;	
}
#greet {
	background-image: url(/wp-content/themes/hestia_child/images/greet.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: inherit;
}
@media (max-width: 768px) {

#greet {
	background-position: right bottom;
	background-size: 50vw;
}
}
.shop_name {
	margin-bottom: 0.8em;
	font-size: 2.0rem;
	font-weight: bold;
}
@media (max-width: 768px) {
.hestia-big-title-content:before {
	width: 240px;
  	height: 460px;
}
}
.page-header.header-small .hestia-title, .page-header.header-small .title {
	font-family: serif;
	letter-spacing: 1px;
}
.hestia-info, .info {
  max-width: 700px;
}	
@media (max-width: 768px) {
.hestia-info, .info {
  max-width: 480px;
}	
}
.btn.btn-primary {
	font-size: 1.6rem;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
}
.block_txt {
	padding: 20px;
	font-size: 1.4rem;
}
@media (max-width: 480px) {
.hestia-team .card-image, .team .card-image, .authors-on-blog .card-image {
	height: 100%;
	margin: 0 auto;
	width: 100%;
}
}

@media (max-width: 768px) {
.card-description {
	text-align: left;
}
}
.copyright {
	font-size: 1.4rem;
}
.copyright span {
	font-size: 1.3rem;
}
.feature-box {
	background: #f3f3f3;
	margin-bottom: 10px;
}
.feature-box2 {
	margin: 0 10px
}

.slick-slide {
  margin: 0 10px;
}
.flex_wrap li {
	list-style-type: none;
}
@media (max-width: 768px) {
.flex_wrap.accordion-area {
/*
	padding-left: initial;
*/
	padding: 0;
	justify-content: center;
	display: flex;
}
}
/***
# モーダルウィンドウ
****/
.openModal {
	background: #fff;
	border: solid 3px #000;
	box-sizing: border-box;
	box-shadow: none;
	border-radius: 10px;
}
.openModal img {
	max-width: 120px;
}

.modal-inner {
  position: relative;
}

button {
  padding: 10px;
  background: #fff;
  border: 1px solid #282828;
  border-radius: 2px;
  cursor: pointer;
}

.modalArea {
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modalBg {
  width: 100%;
  height: 100%;
  background: rgba(30, 30, 30, 0.9);
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 500px;
	
  padding: 10px 30px;
  background: #fff;
}

.closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
	font-size: 3rem;
}

.is-open {
  display: block;
}

/***
# contactフォーム
****/
.tel_num {
	font-weight: bold;
	font-size: 3.2rem !important;
	background-color: #f3f5f6 !important;
	padding: 16px 10px;
	text-align: center;
	margin-bottom: 6px !important;
	line-height: 1 !important;
	letter-spacing: 1px;
}
.tel_num_txt {
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 0;
	letter-spacing: inherit;
}
.form_block {
	max-width: 720px;
	margin: auto;
	padding: 20px;
}
@media (max-width: 768px) {
.form_block {
	padding-top: 0px;
}
}
.required {
font-size: 0.8em;
padding: 3px;
background: #cc0000;
color: #ffffff;
border-radius: 2px;
margin-right: 10px;
margin-bottom: 2px;
display: inline-block;
}
/*　フォーム全体　*/
#cf7-area {
width:100%;
margin: 0 auto;
font-family: “遊ゴシック”,”ヒラギノ角ゴ”,”メイリオ”,”MS Pゴシック”,sans-serif;
}
.form-group .form-control {
	background-color: #f3f5f6 !important;
	padding: 16px 10px !important;
	font-size: 16px !important;
}
.cf7-item {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin: 0 0 1.75em;
}

.cf7-q {
width: 30%;
margin: 0 0 0 10px;
}

.cf7-a {
width: 60%;
}
input[type="radio"],input[type="checkbox"]{
  position: relative;
  top: 2px;
}
/*　見出し　*/
.form-heading
{
width: 100%;
background-color: #191970;
border-left: 1em solid #6495ED;
border-radius: 2px;
color: #ffffff;
font-weight: bold;
padding: 1em .8em;
margin: 0 0 2em;
}

.form-heading p {
margin: 0;
}

/* 各項目共通 */
#cf7-area label{
font-weight:bold;
}

#cf7-area input[type=”text”],#cf7-area input[type=”email”],#cf7-area input[type=”tel”],#cf7-area textarea {
background: #F0F8FF;
width:500px;
margin-left:10px;
}

#cf7-area input[type=”text”]:focus,#cf7-area input[type=”email”]:focus,#cf7-area input[type=”tel”]:focus,#cf7-area textarea:focus {
background: #FFE4E1;
border: 2px solid #FF1493;
outline: 0;
}

#cf7-area input[type=”checkbox”], #cf7-area input[type=”radio”]{
appearance: auto;
}

#cf7-area .wpcf7-list-item {
display: block;
}

#cf7-area textarea{
height:200px;
padding: 0.625em 0.4375em;
}

.cf7-accept-check{
text-align: center;
margin: 50px auto;
}

.cf7-submit {
width: 40%;
margin: 0 auto;
text-align: center;
}

#cf7-area input[type=”submit”]
{
width: 100%;
background-color: #191970;
color: #ffffff;
border-radius: 5px;
font-size: 1.2em;
padding: 1em 10px;
}

#cf7-area input[type=”submit”]:hover
{
background-color:#ffffff;
border: 2px solid #191970;
color:#191970;
}

.cf7-btn{
width: 40%;
margin: 0 auto;
text-align: center;
}

/*　必須ラベル　*/
.cf7-req{
font-size:.8em;
padding: 4px 6px;
background: #eb2a2a;
color: #ffffff;
margin-left: 10px;
display:inline-block;
}

@media screen and (max-width:768px){
.cf7-item {
display: block;
}

#cf7-area label{
display: block;
margin-bottom: 10px;
}

.cf7-q {
width: 100%;
margin: 0;
}

.cf7-a {
width: 100%;
}

#cf7-area input[type=”text”], #cf7-area input[type=”email”], #cf7-area input[type=”tel”], #cf7-area textarea{
margin-left: 0;
}

.cf7-submit{
width: 90%;
}
}
.wpcf7-spinner {
display: block !important;
}
/***
# Common
****/
.bg0 {
	
	background: #000;
	color: #fff;
	padding: 6px;
}
.font16 {
	font-size: 1.6rem;
}
.box_txt {
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.txt_L {
	text-align: left;
}
/***
# Responsive
****/
.sp_br {
  display: none; 
}
@media screen and (max-width: 768px) {
  .sp_br {
    display: block;
  }
}
/***
# プラグイン
****/
.lb-caption {
	font-size: 18px !important;
	color: #fff;
	line-height: 1.5em !important;
}
.lb-details {
	padding-top: 10px;
}
@media (max-width: 480px) {
.lb-data .lb-details {
	 width: 100%; 
}
}
.lightbox .lb-image {
	border-radius:0 !important;
	border: none !important;
}
/**
テスト用
***/