/*
Template:lightning
Theme Name:Lightning-Child
Author:POPGUN
Version:1.0
*/

/* 本文修正 */
body { font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; background-color:#e7e1df; }
h2, .mainSection-title { margin-bottom:24px; background-color: transparent; padding: 0; border-top:none; border-bottom: none;}
h3 { box-shadow:none;}
h3:after { content:none;}
.page-header { background:transparent; border-bottom:none;}
.breadSection { border-bottom:none; position:relative;}
.siteContent { padding-top:0; position:relative; z-index:10;}
section { margin-bottom:10px;}
.media { padding:.5em 0;}
/* レスポンシブで右側に空白ができるのでwrapper追加 */
.wrapper { overflow:hidden;}
/* bootstrapでlgサイズは広過ぎるので、980までに変更 */
.container { max-width:980px;}

/* キービジュアル */
.keyvisual { position:absolute; width:100%;}
.keyvisual div { width:100%; height:500px; position:absolute; background-size:cover; background-position:center;}
.keyvisual-home-1 { background-image: url("image/keyvisual-home-1.jpg"); animation: fadeloop1 15s linear 3s infinite;}
.keyvisual-home-2 { background-image: url("image/keyvisual-home-2.jpg"); animation: fadeloop2 15s linear 3s infinite; opacity:0;}
.keyvisual-home-3 { background-image: url("image/keyvisual-home-3.jpg"); animation: fadeloop3 15s linear 3s infinite; opacity:0;}
.keyvisual-shinjuku { background-image: url("image/keyvisual-shinjuku.jpg");}
.keyvisual-senshokugyo { background-image: url("image/keyvisual-senshokugyo.jpg");}
.keyvisual-gallery { background-image: url("image/keyvisual-gallery.jpg");}
.keyvisual-member { background-image: url("image/keyvisual-member.jpg");}
.keyvisual-konyameguri { background-image: url("image/keyvisual-konyameguri.jpg");}
.keyvisual-inquiry { background-image: url("image/keyvisual-inquiry.jpg");}
.keyvisual-link { background-image: url("image/keyvisual-link.jpg");}
.keyvisual-normal { background-image: url("image/keyvisual-normal.jpg");}
.keyvisual-experience { background-image: url("image/keyvisual-experience.jpg");}
.keyvisual div:first-child { animation: fadein 3s linear 0s 1;}
@keyframes fadein {
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes fadeloop1 {
0% {opacity:1; z-index:1;}
25% {opacity:1; z-index:1;}
33.3% {opacity:0; z-index:-1;}
91.6% {opacity:0; z-index:-1;}
100% {opacity:0; z-index:1;}
}
@keyframes fadeloop2 {
0% {opacity:0; z-index:-1;}
25% {opacity:0; z-index:-1;}
33.3% {opacity:1; z-index:1;}
58.3% {opacity:1; z-index:1;}
66.7% {opacity:0; z-index:-1;}
100% {opacity:0; z-index:-1;}
}
@keyframes fadeloop3 {
0% {opacity:0; z-index:-1;}
58.3% {opacity:0; z-index:-1;}
66.7% {opacity:1; z-index:1;}
91.6% {opacity:1; z-index:1;}
100% {opacity:0; z-index:-1;}
}

/* header */
.siteHeader { padding:0; background-color:rgba(0,0,0,.7);}
ul.gMenu a,.gMenu_name { color:#fff;}
ul.gMenu a:hover, ul.gMenu a:active, ul.gMenu .current-menu-item a { background-color: rgba(0,0,0,.7);}
.navbar-header { width:100%; position:relative; }
.navbar-header .btn, #menuBtn, .menuClose { min-width:auto !important; position:absolute; top:0; }
.gMenu_outer { padding-top:10px; width:100%; /*display:block;*/ }
.gMenu_outer nav { vertical-align:top;}
/*ul.gMenu > li { display:block;}*/
/* ロゴ位置調整 */
.siteHeader_logo.navbar-brand { padding: 0 15px 0 50px;}
.siteHeader_logo.navbar-brand img { margin:0 0 0 auto;}
@media (min-width: 768px) {
.nav { font-size:16px;}
.nav > li > a { padding:10px;}
.navbar-header { display:none;}
.siteHeader { background: transparent; box-shadow:none; padding:0;}
.siteHeader .container { padding-top:0; }
.navbar-collapse { padding-left:0; padding-right:0;}
ul.gMenu { float:none; display:table; width: 100%; }
ul.gMenu > li { display: table-cell; float:none; border-left: 2px solid #fff; vertical-align:bottom;}
ul.gMenu > li:last-child { border-right: 2px solid #fff;}
ul.gMenu a { background-color: transparent; padding-top:40px; display:block;}
ul.gMenu a:hover, ul.gMenu a:active, ul.gMenu .current-menu-item a { color:#fff; background:transparent;}
.gMenu_name { color:#fff;}
.gMenu > li:before { position: absolute; left: 0; bottom: 0;content: ""; width: 0;border-bottom: 1px solid #fcfcfc;transition:all .5s ease-out;}
ul.gMenu > li > a:hover:after, ul.gMenu > li.current-post-ancestor > a:after, ul.gMenu > li.current-menu-item > a:after, ul.gMenu > li.current-menu-parent > a:after, ul.gMenu > li.current-menu-ancestor > a:after, ul.gMenu > li.current_page_parent > a:after, ul.gMenu > li.current_page_ancestor > a:after { border-bottom:none;}
.gMenu_outer { padding-top:0;}
}

/* 202110改訂 SP時ナビゲーションボタンが機能しない件対応  */
#menuBtn,#addMenuBtn,#addCloseBtn { display:none;}
@media (max-width: 768px) {
#addMenuBtn { display:block; width:40px; height:40px; border:2px solid #fff; border-radius:3px; position:absolute; top:0; left:15px; z-index:1000; }
.addMenuBtnBar { display:block; width:26px; height:3px; background-color:#fff; margin:7px 5px;  }
.gMenu_outer { padding-top:0; height:auto; transition: top 0.5s; }
.gMenu_outer:target { display: block; }
.gMenu_outer:not(:target) { display: none; }
.gMenu_outer nav li { display:block; width:100%; border-bottom:1px solid #fff; }
.gMenu_outer nav li:last-child { border:none; }
#addCloseBtn { text-indent:-50px; display:block; width:40px; height:40px; border:2px solid #fff; border-radius:3px; position:absolute; top:5px; left:15px; z-index:10000; }
}

/* タイトルの１文字目の色を変更しなくする */
h1.entry-title:first-letter,
.single h1.entry-title:first-letter { color:inherit; }

/* 汎用クラス */
.center { text-align:center; }
.right { text-align: right; }
.redText { color:#c3162c; }
.mt0 { margin-top:0; }
.mb40 { margin-bottom: 40px; }

/* subheaderエリア */
.subheader { position:relative; z-index:10; color:#fff; min-height:400px;}
.catchcopy { color:#fff; margin-bottom:16px; }
@media (min-width: 992px) {
.subheader ,.subheader .container { min-height:315px;}
.subheader { margin-bottom:45px;}
.home .subheader ,.home .subheader .container { height:400px;}
.entry-body { overflow:visible;}
.catchcopy { top:-47px;}
}
/* peger */
.pager li > a, .pager li > span { background: transparent; border:none; }

/* ホームYoutubeエリア */
.iframeYoutubeOuter { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.subheader .iframeYoutubeOuter { margin-top:250px; }
/*.iframeYoutube { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mainSection .iframeYoutube { position: relative !important;} */
@media (min-width: 768px) {
.subheader .iframeYoutubeOuter { margin-top:160px;}
}
/* ページ内目次 */
.toc-navigation { border-left:3px solid #fff; padding-left:12px; margin:0;}
.toc-navigation li { list-style:none; margin-bottom:8px;}
.toc-navigation li:last-child { margin-bottom:0; padding-bottom:8px;}
.toc-navigation a { color:#fff;}
/* ホームキャッチコピー */
.catchcopy-fadeloop { padding-top:20px; min-height:450px; }
.catchcopy-fadeloop p { position :absolute; font-size:20px; font-weight:bold; line-height:1.5; padding-right:15px; }
.catchcopy-home-1 { animation: fadein 3s linear 0s 1, fadeloop1 15s ease 3s infinite;}
.catchcopy-home-2 { animation: fadeloop2 15s ease 3s infinite; opacity:0;}
.catchcopy-home-3 { animation: fadeloop3 15s ease 3s infinite; opacity:0;}
.nobr { display:inline;}
.logo-image-block { display:none;}
@media (min-width: 992px) {
.catchcopy-fadeloop { min-height:0; }
.catchcopy-fadeloop p { font-size: 22px; line-height:1.8; }
.nobr { display:inline-block;}
.logo-image-block { display:block; position:relative; top:160px; text-align:right;}
.home .logo-image-block { top:265px;}
}

/* footer */
footer { border-top: none; background-color:#fff;}
footer .footerMenu, footer .copySection { border:none;}
footer .footerMenu .row div { padding:0;}
footer .footerMenu ul { margin:0; padding:0 30px; list-style: none;}
footer .footerMenu ul.footer-youtube { padding:0 15px;}
footer .footerMenu li:last-child { border-bottom:1px solid #e5e5e5;}
.level-1st { font-size:18px; margin:0;}
.level-2nd { font-size:14px; margin:0; padding-left:10px;}
.footerMenu a { display:block; color:#000; padding:9px; margin:0;}
.youtube-icon { vertical-align:top; margin-left:40px;}
@media (min-width: 768px) {
footer .footerMenu ul { margin:0 0 10px 0; padding:0 20px; list-style: none;}
footer .footerMenu li { float: none; margin-bottom:0.5em;}
footer .footerMenu li a { border-left :none; padding:0;}
footer .footerMenu li:last-child,
footer .footerMenu li:last-child a { border:none;}
.level-1st { margin-top:1em;}
.level-2nd { padding-left:0;}
}


/* ホーム サイドバー Youtube */
.home-side-youtube { text-align:center; margin-bottom:20px;}
.home-side-youtube-title { font-size:24px;}
.home-side-youtube-subtitle { font-size:16px;}

/* 多彩な染色業、新宿の染 Youtubeエリア */
.guide-youtube { text-align:center; }
.guide-youtube-movie { margin-top:30px;}
.guide-youtube-title { font-size:24px;}
.guide-youtube-subtitle { font-size:16px;}
.guide-youtube-text { text-align:center; margin:30px 0;}
@media (min-width: 992px) {
.guide-youtube-movie { margin-top:0;}
}
/* 多彩な染色業、新宿の染 コンテンツエリア */
.guide-content { margin-bottom:3px;}
.guide-content-title-h2 { font-size:24px; text-align:center; display:block; padding:30px 15px 15px 15px;}
.guide-content-title-image { display:block; text-align:center; padding:30px 15px;}

.guide-content-text { padding:15px 30px;}
.guide-content-text h3 { border:none; font-size:18px; margin:0 0 10px 0; padding:0; }
.senshoku > .guide-content-title h2,
.senshoku > .guide-content-text { color: #fff; text-align: justify;}

@media (min-width: 992px) {
.guide-content-title-h2 { display:block; width:1em; padding:40px 0 30px 0; /* vertical-align:top;*/}
.guide-content-title-image { display:block; max-width:118px; padding-top:40px; }
/* 奇数 */
section:nth-child(2n+1) .guide-content-title-h2 { float:left;}
section:nth-child(2n+1) .guide-content-title-image { float:right;}
section:nth-child(2n+1) .guide-content-text { padding: 40px 30px 30px 30px;}
/* 偶数 */
section:nth-child(2n) .guide-content-title-h2 { float:right;}
section:nth-child(2n) .guide-content-title-image { float:left;}
section:nth-child(2n) .guide-content-text { padding: 40px 30px 30px 30px;}
}
@media (min-width: 992px) {
.guide-content-title-image { max-width:187px; }
}


/* ギャラリーページ */
.gallery-block a img { padding:30px;}
.img-low a img { padding:60px 30px;}

/* お問い合わせページ */

/* Contact Form7ではinput[text]の幅を変更 */
.inquiry-form dt { clear:left; float:left; width:15em;}
.inquiry-form dd { margin-left:0; width:100%;}
input[type="text"].wpcf7-zip { display:inline-block; width:5em;}
/* FormのCSS調整 */
label { font-weight:normal;}
form .btn { min-width:100px;}
@media (min-width: 992px) {
.inquiry-form dt { clear:left; float:left; width:15em;}
.inquiry-form dd { display:block; margin-left:16em; width:auto;}
}

/* 会員紹介ページ・リンクページ */
.underlineText { display: inline-block; border-bottom: 2px solid #333; padding-bottom:1px; }
dl { margin:0;}
dt, dd {
    padding-left: 0;
    border-left: none;
}
dd { display: inline-block;}
.linkName, .memberName { margin-bottom: 5px;}

.memberAddress { display: block; margin-bottom:0; }
.memberURL { margin-bottom:20px;}
.linkURL { vertical-align:top; width: 40%;}
.linkComment { margin-bottom:30px; width: 55%; }
@media (max-width:600px) {
.linkURL, .memberAddress { display: block; width: auto; margin-bottom:5px;}
.linkComment, .memberURL { display: block; width: auto; }
}

/* 染めの小道 */
.konyaWorkshopList img { border:5px solid #fff; }
.scheduleNote { font-size:16px; color:#c3162c; display: inline-block; }
.kansyasaiH2 { font-size:40px; text-align:center; margin:45px 0 0 0 !important; }
.kansyasaiH3 { font-size:20px; text-align:center; border:none; margin:0; }
@media (max-width:600px) {
.kansyasaiH2 { margin:10px 0 0 0 !important; }
}

.googlemapBlock iframe { display:block; width:100%; height:400px; }
@media (max-width:600px) {
.googlemapBlock iframe { height:300px; }  
}