/*
Theme Name:custom_theme_child
Template:custom_theme
*/

.mobile-on .desktop-nav ul {
background: rgba(18,18,18, .95);
}

.btn-mod.btn-gray:hover {
background-color: #cccccc !important;
}

.inner-nav ul li a {
color: rgba(255,255,255, .7);
}

.inner-nav ul li a:hover {
color: #fff;
}

.mobile-nav:hover, .mobile-nav.active {
background: #666666;
color: rgba(255,255,255, .9);
}

.mobile-nav {
color: rgba(255,255,255, .9);
height: 0;
}

.main-nav.dark {
background-color: rgba(10,10,10, .70);
}

.main-nav.mobile-on.dark .inner-nav {
border-top: 0;
}

.mobile-nav {
border-left: 0;
border-right: 0;
}

.footer .fadeInUp {
width: 150px;
margin: 0 auto;
margin-bottom: 30px;
}

.nav-logo-wrap {
margin-left: 8px;
}

.nav-logo-wrap .logo img {
margin-bottom: 3px;
}

.nav-logo-wrap + .mobile-nav {
padding: 0 30px;
}

.nav-logo-wrap + .mobile-nav .fa {
padding-bottom: 2px;
}

.hs-line-1 {
font-size: 28px;
letter-spacing: 20px;
padding-left: 18px;
font-family: Dosis, arial, sans-serif;
}

.hs-line-6 {
font-size: 16px;
letter-spacing: 0.5em;
}

.mb-40 {
margin-bottom: 20px;
}

@media only screen and (max-width: 767px){
.hs-line-1 {
font-size: 24px;
}
}

@media only screen and (max-width: 480px){
.hs-line-1 {
font-size: 19px;
letter-spacing: 10px !important;
padding-left: 5px;
}
}

@media only screen and (max-width: 480px){
.hs-line-6 {
font-size: 10px;
letter-spacing: 0.2em;
}
}

@media only screen and (max-width: 767px){
.mb-xs-20 {
margin-bottom: 10px;
}
}

.alt-features-title {
font-size: 15px;
}

.manifest {
padding-bottom: 0px !important;
}

.manifest_title {
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
padding-bottom: 20px;
margin-left: 15px;
margin-right: 15px;
}

@media only screen and (max-width: 480px){
.manifest_title .section-title {
font-size: 16px !important;
}
}

@media only screen and (max-width: 480px){
.manifest_img {
max-width: 60%;
height: auto;
margin: 0 auto;
}
}

.alt-features-icon {
font-size: 42px;
color: #777777;
}

@media only screen and (max-width: 480px){
.about_img {
max-width: 40%;
height: auto;
margin: 0 auto;
}
}

.bg_text {
margin-top: 170px;
margin-bottom: 170px;
}

@media only screen and (max-width: 480px){	
.bg_text {
font-size: 15px !important;
letter-spacing: 4px !important;
padding-left: 18px;
margin-top: 40px;
margin-bottom: 40px;
}
}

@media only screen and (max-width: 480px){	
.bg_text_caption {
font-size: 11px;
}
}

.bg_text_left {
margin-top: 170px;
margin-bottom: 170px;
}

@media only screen and (max-width: 480px){	
.bg_text_left {
font-size: 15px !important;
letter-spacing: 4px !important;
margin-top: 40px;
margin-bottom: 40px;
}
}

.google-map {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

.map-canvas {
height: 380px;
}

.footer_fadeIn {
width: 137px;
margin: 0 auto;
margin-bottom: 20px;
}

/* 480px以下に適用されるCSS（スマホ用）ここから */
@media screen and (max-width: 480px) {
.footer_fadeIn {
width: 110px;
margin: 0 auto;
margin-bottom: 20px;
}
}
/* 480px以下に適用されるCSS（スマホ用）ここまで */

@media only screen and (max-width: 480px){
.page-section {
padding: 70px 0;
}
}

@media only screen and (max-width: 767px){
.voice_01 {
padding-top: 0px;
padding-bottom: 0px;
}
}

.blog-title {
margin-top: 0;
position: relative;
font-size: 20px;
font-weight: 400;
/* text-transform: uppercase; */
letter-spacing: 0.2em;
line-height: 1.8;
opacity: .9;
margin: 0 0 1.1em 0 !important;
}

@media only screen and (max-width: 767px){
.blog-title {
margin-top: 0;
position: relative;
font-size: 18px;
font-weight: 400;
/* text-transform: uppercase; */
letter-spacing: 0.15em;
line-height: 1.8;
opacity: .9;
margin: 0 0 1.1em 0 !important;
}
}

.post-prev-text {
font-size: 13px;
}

@media only screen and (max-width: 767px){
.post-prev-more {
margin-bottom: 70px !important;
}
}

.post-prev-more {
position:relative;
top:-9px;
}

.benefit-item {
padding: 15px 10px;
margin: 0px;
}

.benefit-item:after {
background: #ffffff;
}

.benefit-icon {
color: #777777;
margin-top: 20px;
margin-bottom: 15px;
}

.ci-icon:before {
background: #777777;
}

.benefit-item:after {
background: rgba(0,0,0,0);
}

.fa-caret-up:before {
color: #777777;
}

.btn-mod.btn-medium {
padding: 6px 39px;
}

.bg-dark-alfa-30:before,
.bg-dark-alfa-30 .YTPOverlay:before{
background: rgba(34,34,34, .2);
}

.section-text {
font-size: 14px;
}

@media only screen and (max-width: 767px){
.message_img {
width: 255px;
margin: 0 auto;
}
}

@media only screen and (max-width: 480px){
.message_img {
width: 220px;
margin: 0 auto;
}
}

.manifest_button {
text-align: center;
margin-top: -3px;
}

@media only screen and (max-width: 767px){
.manifest_button {
margin-bottom: 53px;
}
}

.benefit-item {
padding: 15px 10px 0px 10px;
}

.hs-line-11 {
margin-top: 10px;
top: 50px;
font-size: 21px;
letter-spacing: 0.2em;
}

.blog-item-body {
font-size: 13.8px;
}

@media only screen and (max-width: 768px){
.blog-item-body {
font-size: 13.4px;
}
}

@media only screen and (min-width: 1042px) {
.nav-logo-wrap .logo {
max-width: 140px;
}
}

.top_message img {
max-width: 75%;
}

@media only screen and (max-width: 768px) {
.top_message img {
    max-width: 95%;
}
}

.top_message .hs-line-3 {
margin-top: 0;
bottom: 6px;
position: relative;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 10px;
color: rgba(255,255,255, .7);
}

@media only screen and (max-width: 480px) {
.top_message .hs-line-3 {
font-size: 9px;
}
}

@media only screen and (min-width: 992px) {
.row .box_left-right {
padding: 0px 60px 0px 60px;
}
}

.box_left-right .page-section {
padding: 100px 0px 100px 0px;
}

@media only screen and (max-width: 992px) {
.box_left-right .page-section {
padding: 60px 0px 60px 0px;
}
}

@media only screen and (max-width: 992px) {
 .box_left-right .split-section-wrapper {
padding: 0px 30px 0px 30px;
}
}

.box_left-right .ssh-table {
min-height: 400px;
}

@media only screen and (max-width: 480px) {
.box_left-right .ssh-table {
min-height: 260px;
}
}

.box_left-right .mb-50 {
margin-bottom: 30px;
}

.box_left-right h2 {
font-size: 23px;
}

.text .group_info {

}

.group_info h4 {
font-size: 16px;
text-align: center;
margin-top: 0px;
}

.spirit_title h2 {
color: #ffffff;
font-size: 28px;
margin-top: 20px;
margin-bottom: 0px;
line-height: 1.4;
position: relative;
top: 25px;
letter-spacing: 10px;
}

@media only screen and (max-width: 480px) {
.spirit_title h2 {
font-size: 19px;
letter-spacing: 2px;
}	
}

.text .spirit_read {
color: #ffffff;
font-size: 13px;
margin-top: 0px;
margin-bottom: 0px;
letter-spacing: 7px;
}

.inner-nav ul li .mn-sub li a {
font-size: 11px;
}

.shop_info h5 {
margin-bottom: 7px;
}

@media only screen and (max-width: 768px) {
.shop_info {
text-align: center !important;
}
}

@media only screen and (max-width: 768px) {
.shop_info p {
margin-bottom: 45px;
}
}

.work-item:hover .work-intro{
color: #fff;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
z-index: 3;
}

.work-intro {
position: static;
}

.works-grid.hide-titles .work-item .work-intro {
opacity: 1;
margin-bottom: 23px;
}

.works-grid.hover-white .work-item:hover .work-img:after {
   background: rgba(255,255,255, .0);
}

.work-item:hover .work-img > img {
-webkit-transform: none;
transform: none;
}

.work-descr {
color: #000;
}

.works-grid.work-grid-gut .work-item{
padding: 0 15px 10px 30px;
}

.hs-line-14 {
font-size: 20px;
letter-spacing: 0.3em;
}

.hs-line-11 {
margin-top: 65px;
}

@media only screen and (max-width: 767px){
.blog-title {
margin: 0.5em 0 1.1em 0 !important;
}
}

.blog-item-body {
color: #454545;
}

.post-prev-title a {
color: #454545;
}

.post-prev-text {
color: #454545;
}

.footer a {
color: #5e5e5e;
}

.footer-made {
color: #5e5e5e;
}

.font-alt {
text-transform: none;
}

/*一時的にNEWS（投稿記事3件）を非表示*/
/*
.display-off{
display:none;
}
*/

.footer-made {
line-height: 20px;
letter-spacing: 0.12em;
}

table.pricing-list>thead>tr>th {
    font-family: Garamond, serif;
}

table.pricing-list tbody tr td {
    font-family: Garamond, serif;
}

.price-table .col-md-12 {
    padding-left: 30px;
    padding-right: 30px;
}
.shop_info hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.shop_info h5 {
    margin-bottom: 7px;
}

.category_link {
    position: relative;
    bottom: 95px;
}

@media only screen and (max-width: 992px) {
.category_link {
    position: relative;
    text-align: center !important;
    bottom: 40px !important;
}
}

@media only screen and (max-width: 767px) {
.category_link {
    position: relative;
    text-align: center !important;
    bottom: 20px !important;
}
}

.footer-copy {
letter-spacing: 0.3em;
margin-top: 40px;
margin-bottom: 8px;
}

.post-prev-text {
font-family: Garamond, serif;
}

/*問合せフォーム*/
/*スマホサイズ*/
@media(max-width:450px) {
  .inquiry th, .inquiry td {
    display: block!important;
    width: 100%!important;
    border-top: none!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
  }
  .inquiry tr:first-child th {
    border-top: 1px solid #d7d7d7!important;
  }
  /*必須・任意のサイズ調整*/
  .inquiry .haveto, .inquiry .any {
    font-size: 10px;
  }
}

/*全体*/
.inquiry {
    width: 100%;
    border: none;
    border-collapse: separate;
}

/*見出し欄*/
.inquiry th {
  text-align: left;
  font-size: 12px;
  color: #444;
  padding-right: 5px;
  width: 30%;
  background: #f7f7f7;
  border-bottom: 1px solid #ddd;
  vertical-align: -webkit-baseline-middle;
}

/*通常欄*/
.inquiry td {
  font-size: 13px;
  border-bottom: 1px solid #ddd;
  padding: 18px 20px;
}

/*横の行とテーブル全体*/
.entry-content .inquiry tr, .entry-content table {
  border: solid 1px #d7d7d7;
}

/*必須入力のデザイン*/
.haveto {
    font-size: 7px;
    padding: 3px 10px;
    background: #676767;
    color: #fff;
    border-radius: 2px;
    margin-left: 8px;
    position: relative;
    bottom: 1px;
}

/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item {
  display: block;
}

/*送信ボタンの位置*/
.wpcf7-form-control.wpcf7-submit {
    width: 50%;
    text-align: center;
    margin: 60px auto 30px;
    padding: 7px 10px;
}

/*送信ボタンのデザイン*/
#formbtn {
}

/*送信ボタンのマウスホバー時*/
#formbtn:hover {
}

.wpcf7-list-item {
  display: inherit;
}

/*既存のリスト（点）を非表示*/
 .post_content ul { 
  list-style: none;
  margin: 0;
}

/*初期アラート画面の非表示*/
.screen-reader-response {
  display: none;
}

/*エラーアラートの出力*/
.wpcf7-response-output.wpcf7-validation-errors,
.wpcf7-response-output.wpcf7-acceptance-missing {
  margin: 0px 0 12.5px 0;
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
  padding: 10px 15px;
  text-align: center;
}

/*サクセスアラートの出力*/
.wpcf7-response-output.wpcf7-mail-sent-ok {
  margin: 0px 0 12.5px 0;
  color: #3A87AD;
  background-color: #D9EDF7;
  border: 1px solid #BCE8F1;
  padding: 10px 15px;
  text-align: center;
}

input, button, select, textarea {
font-family: "Sawarabi Mincho" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
text-transform: none !important;
}

.form textarea, .comment-form textarea, .wpcf7-form textarea {
color: #000000;
}

.widget_wysija input[type="text"], .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form select, .form input[type="text"], .form input[type="email"], .form input[type="number"], .form input[type="url"], .form input[type="search"], .form input[type="tel"], .form input[type="password"], .form input[type="date"], .form input[type="color"], .form select, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="number"], .comment-form input[type="url"], .comment-form input[type="search"], .comment-form input[type="tel"], .comment-form input[type="password"], .comment-form input[type="date"], .comment-form input[type="color"], .comment-form select, .wpcf7-form-control {
color: #000000;
font-size: 12px;
}

.wpcf7-form textarea {
height: 150px !important;
text-transform: none !important;
}

/*その他（トップ_ボタン）*/
.btn-mod.btn-border-w {
    color: #fff;
    border: 1px solid rgba(255,255,255, .75);
    background: transparent;
}

.btn-mod.btn-border-w:hover {
    color: #fff !important;
    border: 1px solid rgba(255,255,255, .75) !important;
    background: rgba(255,255,255, .25) !important;
}

/*その他（トップ_動画）*/
.bg-video-wrapper video {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
transform: translate(-50%,-50%);
}

/*その他（トップ_H1テキストを改行させるための調整）*/
.home-content {
padding: 0px 20px 0px 20px;
}

/*その他（トップ_フォント）*/
.ennu_font .font-alt {
font-family: "ennu_font" , "Sawarabi Mincho" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.ennu_font .hs-line-12 {
margin-top: 30px;
margin-bottom: 0px;
position: relative;
font-size: 92px;
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.05em;
font-smoothing: antialiased;
-webkit-text-stroke: 0.75px #7b7474;
-moz-osx-font-smoothing: grayscale;
}

/* 480px以下に適用されるCSS（スマホ用）ここから */
@media screen and (max-width: 480px) {
.ennu_font .hs-line-12 {
margin-top: 30px;
margin-bottom: 0px;
position: relative;
font-size: 75px;
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.05em;
font-smoothing: antialiased;
-webkit-text-stroke: 0.75px #3d3d3d;
-moz-osx-font-smoothing: grayscale;
}
}
/* 480px以下に適用されるCSS（スマホ用）ここまで */

.ennu_font .hs-line-8 {
margin-top: -60px;
margin-bottom: 100px !important;
position: relative;
font-size: 24px;
font-weight: 400;
letter-spacing: 0.15em;
line-height: 1.2;
opacity: .75;
}

/* 480px以下に適用されるCSS（スマホ用）ここから */
@media screen and (max-width: 480px) {
.ennu_font .hs-line-8 {
margin-top: -60px;
margin-bottom: 100px !important;
position: relative;
font-size: 19px;
font-weight: 400;
letter-spacing: 0.15em;
line-height: 1.2;
opacity: .75;
}
}
/* 480px以下に適用されるCSS（スマホ用）ここまで */

.ennu_font .no-transp {
opacity: 0.75 !important;
}

.ennu_font .mb-50 {
margin-bottom: 50px;
}

/* 480px以下に適用されるCSS（スマホ用）ここから */
@media screen and (max-width: 480px) {
.ennu_font .btn-mod.btn-medium {
padding: 7px 27px;
font-size: 10px;
border: 0.75px solid rgba(255,255,255, .75);
}
}
/* 480px以下に適用されるCSS（スマホ用）ここまで */

/* 480px以下に適用されるCSS（スマホ用）ここから */
@media screen and (max-width: 480px) {
.top_concept_message img {
    max-width: 84%;
    height: auto;
}
}
/* 480px以下に適用されるCSS（スマホ以外用）ここまで */

/* 480px「以上」に適用されるCSS（PC用）ここから */
@media screen and (min-width: 480px) {
.top_concept_motif img {
    max-width: 88%;
    height: auto;
    transform: translate(0px,20px);
}
}
/* 480px「以上」に適用されるCSS（PC用）ここまで */

/* 480px以下に適用されるCSS（スマホ用）ここから */
@media screen and (max-width: 480px) {
.top_concept_motif img {
    max-width: 100%;
    height: auto;
    transform: scale(1.4, 1.4);
}
}
/* 480px以下に適用されるCSS（スマホ用）ここまで */

/* 480px以下に適用されるCSS（スマホ用）ここから */
@media screen and (max-width: 480px) {
.top_concept_logo img {
    max-width: 30%;
    height: auto;
}
}
/* 480px以下に適用されるCSS（スマホ用）ここまで */

/* COTAGE紹介用_画像スライダー */
/* 480px以下に適用されるCSS（スマホ用）ここから */
@media screen and (max-width: 480px) {
.cottage .owl-pagination {
position: inherit;
background-color: #c3c3c3;
}
}

/* COTAGE紹介用_画像スライダー */
/* 480px以下に適用されるCSS（スマホ用）ここから */
@media screen and (max-width: 480px) {
.cottage .owl-page {
padding: 10px 6px 3px;
}
}
/* 480px以下に適用されるCSS（スマホ用）ここまで */

/* COTAGE紹介用_画像スライダー */
/* 480px以下に適用されるCSS（スマホ用）ここから */
@media only screen and (max-width: 480px) {
.owl-prev, .owl-next {
display: inherit;
width: 82px;
height: 82px;
line-height: 82px;
}
}
/* 480px以下に適用されるCSS（スマホ用）ここまで */

/* COTAGE紹介用_画像スライダー */
/* 480px以下に適用されるCSS（スマホ用）ここから */
@media only screen and (max-width: 480px) {
.owl-prev:before, .owl-next:before {
opacity: 0.59;
}
}
/* 480px以下に適用されるCSS（スマホ用）ここまで */

/* COTAGE紹介用_画像スライダー ここから*/
.owl-prev:before, .owl-next:before {
opacity: 0.65;
}
/* COTAGE紹介用_画像スライダー ここまで */

/* 作家紹介（作家一覧ページで抜粋文章を非表示）ここから*/
.artisans_index .post-prev-title {
top: -6px;
position: relative;
}
.artisans_index .post-prev-text {
display: none;
}
.artisans_index .post-prev-more {
top: 2px;
}
/* 作家紹介（作家一覧ページで抜粋文章を非表示）ここまで*/