/*
Theme Name: IZ Viola
Author: Ivan Zhuck
Author URI: https://izhuck.ru/
Description: Lightweight and simple blog theme, supports Full Site Editing (FSE)
Tags: blog, one-column, block-patterns, block-styles, custom-background, custom-colors, custom-logo, custom-menu, editor-style, full-site-editing, grid-layout, photography, portfolio, template-editing, threaded-comments, translation-ready, wide-blocks
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.4.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: iz-viola
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap')

body {
    padding: 0;
    margin: 0; font-family: "Noto Sans JP", sans-serif!important; font-optical-sizing: auto; font-weight: 500; font-style: normal;
}
h2{ font-family: "Noto Sans JP", sans-serif!important; font-optical-sizing: auto; font-weight: 500; font-style: normal; }
h3{ font-family: "Noto Sans JP", sans-serif!important; font-optical-sizing: auto; font-weight: 500; font-style: normal; }
h4{ font-family: "Noto Sans JP", sans-serif!important; font-optical-sizing: auto; font-weight: 500; font-style: normal; }
p{ font-family: "Noto Sans JP", sans-serif!important; font-optical-sizing: auto; font-weight: 500; font-style: normal; }
body { margin-right: 0!important; margin-left: 0!important; }
time{ font-family: "Noto Sans JP", sans-serif!important; font-optical-sizing: auto; font-weight: 700; font-style: normal; }
pre{ font-family: "Noto Sans JP", sans-serif!important; font-optical-sizing: auto; font-weight: 500; font-style: normal; }
a{ font-family: "Noto Sans JP", sans-serif!important; font-optical-sizing: auto; font-weight: 500; font-style: normal; }
summary{ font-family: "Noto Sans JP", sans-serif!important; font-optical-sizing: auto; font-weight: 500; font-style: normal; }
.entry-content{ font-family: "Noto Sans JP", sans-serif!important; font-optical-sizing: auto; font-weight: 500; font-style: normal; }

.fixes-back-image{ position: fixed; z-index:-1; width: 100vw; height: 100vh; }
.fixes-back-image img{ width: 100vw; height: 100vh; }
.pc-main-top{  }

.main-wrapper-pc{ width: 33.3%; background-color: white; margin: 0 auto!important; margin-top: -15px!important; }

p {
margin-bottom: 0;
}
.wp-block-post-excerpt__more-link:after {
    display: unset;
    margin-left: 1ch;
    content: "»";
}

.wp-block-post-featured-image img { height: auto!important; object-fit: contain!important; }

.wp-block-navigation__responsive-container-open path{ fill: white; }

.wp-block-heading { padding-top: 15px!important; padding-bottom: 15px!important; font-family: "Noto Sans JP", sans-serif!important; font-optical-sizing: auto; font-weight: 700; font-style: normal; }

.wp-block-group { padding-right: 0; padding-left: 0; }
.wp-block-post-featured-image{ width: 50%; margin: 0 auto; }

summary { list-style-type: none; }
summary::-webkit-details-marker { display: none; }

.header-position{ position:fixed;  width: 100%; z-index: 10000; }

.sub-wrapper{ width: 100%; margin: 0 auto;  }
.sub-wrapper-schedule{ width: 100%; margin: 0 auto; }
.schedule-wrapper{ display: flex; flex-direction: column; align-items: center; }
.entry-title{ display: none; }
.nav-custom-wrapper{  }
.nav-custom-bg{  }
.wp-block-navigation__responsive-container-content{  }
.wp-block-navigation__responsive-container{ background-image: url(https://tomonomaru.com/wp-content/uploads/2024/03/AA5465A53AE862721564B572E3E23E608167DC97-scaled.jpeg); max-width:100%!important; width: 100vw!important; height:100vh!important; background-repeat : no-repeat;
 background-size : cover; background-position: center; }
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    align-items: center!important; align-content: center!important; padding-top:inherit!important; background-color:rgb(0,73,137,0.7); margin: 0 auto; width: 80vw; height: 90vh; margin-top: 5vh; }
.wp-block-navigation__responsive-container-close svg { height: 30px;width: 30px; }
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
margin-top: 5vh!important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{ color: white!important; }
.wp-block-navigation ul{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.wp-block-navigation__responsive-container-close { right: 15vw; top: 5vh; }
.wp-block-navigation ul li { font-size: 16px!important; font-weight: bold!important; }

.result .entry-wrapper{  }
.result .post-thumbnail{  }
.footer-postion{ position: fixed; z-index: 999; bottom: 0; width: 45%; left: 50%; transform: translate(-50%, 0); }
.result .entry-wrapper { display: flex; flex-direction: column-reverse; }

.table-wrapper{ overflow: auto; white-space: nowrap;  }
.table-header{  }
.table-text{  }

.tg  {border-collapse:collapse;border-color:#0071af;border-spacing:0;}
.tg td{background-color:#fff;border-color:#0071af;border-style:solid;border-width:1px;color:#000; font-family:Arial, sans-serif;font-size:14px;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{background-color:#9BC7DE;border-color:#0071af;border-style:solid;border-width:1px;color:#0E72AB;
  font-family:Arial, sans-serif;font-size:14px;font-weight:normal;overflow:hidden;padding:0 5px;word-break:normal;}
.tg .tg-title{border-color:inherit;font-weight:bold;text-align:center;vertical-align:top}
.tg .tg-text{border-color:inherit;text-align:center;vertical-align:top}

.top-wrapper{ padding: 0!important; position: relative; overflow: hidden; background-color: #9BC7DE; }
.top-wrapper > .wp-block-jetpack-slideshow{ z-index: 1; position: absolute; max-width:100%; animation: fadeout 1s; animation-delay: 8s; animation-fill-mode: forwards; }
@keyframes fadeout {from { opacity: 1; } to { opacity: 0; } }
.slider-bg{ animation: fadein 1s; animation-delay: 8s; animation-fill-mode: forwards; text-align: center; opacity: 0; }
.slider-bg img{ margin: 0 auto;   }
@keyframes fadein {from { opacity: 0; } to { opacity: 1; } }

.wp-block-jetpack-slideshow[data-autoplay=true] .wp-block-jetpack-slideshow_button-pause { display: none; }
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev { display: none!important; }
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom { display: none!important; }

.sub-text-all{ padding-top: 0!important; padding-bottom: 0!important; margin-bottom: 0!important; margin-top: 0!important; width:45%; }
.sub-text-all-border{ width:45%; }

.biginner-more summary:after{  }

.sub-border-blog{ width: 100%; margin: 0 auto; padding: 0 15px!important; }
.text-h1{ font-size:1.15rem; font-weight: bold; padding: 1% 0; background-color: #9BC7DE; text-align: center; margin-bottom:5%; }
.text-h1-left{ font-size:1.15rem; font-weight: bold; padding: 1% 0 1% 15%; background-color: #9BC7DE; text-align: left; margin-bottom:5%; }
.text-h2{ font-size:1.15rem; font-weight: bold; padding: 0 30px!important; }
.text-h3{ font-weight: bold; padding: 0 30px!important; margin: 0 0 15px 0!important; }
.text-h4{ color: #0E72AB; font-weight: bold; padding: 0 30px!important; margin: 0 0 15px 0!important; font-size: 1.25rem; }
.text-h6{ text-align: left; display:inline-block; padding: 0 30px!important; margin: 0 0 15px 0!important; line-height: 2rem; font-size: 1.25rem; }
.text-p{ padding: 0 30px!important; margin: 0 0 15px 0!important; text-align: justify; line-height: 1.5rem; }

.biginner-more summary{ font-weight:bold; text-align:center; font-size: 1rem; margin-bottom:15px!important; }
.biginner-more .text-p{ margin: 0 auto!important; margin-bottom: 5%!important; width:87%; font-size:0.95rem;}
.biginner-more summary:after{ content:""; width:100%; height:100px; display: block; background-size: contain; background-image:url(https://tomonomaru.com/wp-content/uploads/2024/02/02_05.jpg); background-repeat: no-repeat; background-position:center;  }
.biginner-more{ margin: 15px 0 15px 0!important; text-align: justify; }
.faq-question summary{ font-weight:bold; color: #0e72ab; }
.text-qna{  margin: 15px 0 15px 0!important; text-align: justify; padding: 0 30px!important; }
.sub-border-wrapper{ padding: 0 15px!important; }

.sub-contact-wrapper{ height: 200px; border: 2px solid #9BC7DE; width:90%; padding:0!important; display : flex; justify-content: center; align-items: center; flex-direction: column; margin: 5% 0!important; }
.sub-contact-wrapper .text-p{ overflow:hidden!important; }

.wp-element-button:hover, .wp-block-button__link:hover { background-color: #0E72AB!important; }

.wp-block-post-date:before { display: none; }
.top-sub-03-center{ text-align: center; } 
.text-03-left{ display: inline-block; text-align: left; } 

a:where(:not(.wp-element-button)) { text-decoration: none!important; }

.schedule-table{ table-layout: fixed;  overflow: auto; white-space: nowrap; margin-top: 15px; padding: 0 15px; }
.sub-wrapper-schedule thead{ background-color: #9bc7de; color: #0E72AB; }
.wp-block-post-featured-image{ margin: 0 auto!important; }

.faq-question summary:after{ content: ' '; height: 0; width: 0;  position: absolute;  border: 8px solid transparent; border-bottom-width: 0; border-top-color: #0e72ab; margin-top:8px; }

.footer-postion .wp-block-columns { max-width:100%!important; }

pre.wp-block-verse {
    overflow: hidden;
    white-space: pre-wrap;
}
.wp-swiper { max-width: 100%!important; }
.swiper-top{ opacity: 1; animation: fadeout 1s forwards; animation-delay:13s; }
.swiper-slide{ height: 90vh; }
@keyframes fadeout  from { opacity: 1; }   to { opacity: 0; } }
@keyframes fadein {  from { opacity: 0; }   to { opacity: 1; } }


.slider-bg-wrapper{ width: 33.3%; margin: 0 auto; }
.slider-wrapper-top{ position: relative; }
.slider-bg-fix { position: absolute; opacity: 0; animation: fadein 1s forwards; animation-delay:13s; width: 100%; }
.slider-bg-fix img{ height: 90vh; }

.pc{ display: block; } .sp{ display: none; }

.wp-site-blocks{ position: relative; }
.back-button{ position: fixed; bottom: 6%; right: 5%; }
.back-button-a a{ padding: 7px 10px!important; }

.main-title{ padding: 20% 0 0; } 
.fishing-result-pc-wrapper{ width:50%; margin: 0 auto; }
#info-back-button { bottom: auto!important; }

#sub-text-h6 { text-align:center; }

#top-01, #top-02, #top-03, #top-04, #top-05, #top-06, #top-07, #top-08, #top-09, #top-10, #top-11, #top-12, #top-02-01 { background-color: white; }
#top-01, #top-03, #top-04, #top-05, #top-06, #top-07, #top-08, #top-09, #top-10, #top-11, #top-12, #top-02-01 { overflow-x:hidden; }

iframe{ width: 100%; }

.text-03-left > .wp-block-post-template{ padding: 0 5%; }

.icon-title:before{ content: ""; display: inline-block; background-image: url( "https://tomonomaru.com/wp-content/uploads/2024/03/%E3%82%A2%E3%82%BB%E3%83%83%E3%83%88-47-8.png" ); background-size: 30px 30px; width: 30px; height: 30px; vertical-align: middle; margin-right: 10px; }

.swiper-wrapper{ margin-top: -2.5%; }

@media(min-width: 721px) and (max-width: 1930px) { 
.sub-text-all{ width:100%; }.sub-text-all-border{ width:100%; }
}

@media (max-width: 720px) { 
	.fishing-result-pc-wrapper li{ border:1px solid; margin: 0 5%!important; }
	.post-list-wrapper{ margin-bottom: 35%!important; }
	.post-list-nav{ position: absolute; bottom: -3%; width: 100%; }
	.post-list-nav-fish{ position: absolute; bottom: -1.5%; width: 100%; }
	
.text-03-left > .wp-block-post-template{ padding: 0; }
	.wp-block-navigation__responsive-container{ background-position: left; }
	#top-08{ padding-bottom: 15%!important; }
	.schedule-table{ padding: 0; }
	.main-wrapper-pc{ width: 100%;  margin-top: 0!important; }
	.text-03-left{ padding: 0 5%!important; }
	.fishing-result-pc-wrapper{ width:100%; margin: 0 auto; }
.main-title{ padding: 30% 0 0; } 	
.footer-postion{ width: 100%; left: 50%; transform: translate(-50%, 0); }
	.pc{ display: none; } .sp{ display: block; }
.swiper-slide{ background-size: cover!important;
    width: 100vw!important;
    background-position: 50% 50%!important;
    height: 100vh; margin-top: -60px; }
.slider-bg-wrapper{ width: 100%; margin: 0 auto; }
.sp-slide-last{ animation: fadein 1s forwards; animation-delay:13s; }  
	
.swiper-top{ opacity: 1; animation: none; }
	.slider-bg-fix img{ height: auto; margin-top: -22%; }
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { height: 72.5vh; }
.wp-block-navigation ul { width: 60%; }	
.wp-block-navigation ul li { font-size: 15px!important; font-weight: bold!important; }	
.biginner-more summary:after{ content:""; width:100%; height:100px; display: block; background-size: contain; background-image:url(https://tomonomaru.com/wp-content/uploads/2024/02/02_05.jpg); background-repeat: no-repeat; background-position:center;   }
	.biginner-more .text-h3{ font-size: 1.15rem!important; }
		.biginner-more .text-p{ width: 85%; margin: 0 auto; padding: 0 30px !important; line-height: normal; -webkit-text-size-adjust: 90%; }
	.has-modal-open .wp-block-navigation__responsive-close{ background-image: url(https://tmiyazaki0926.wpcomstaging.com/wp-content/uploads/2024/02/20.jpg); max-width:100%!important; width: 100vw!important; height:100vh!important; background-repeat : no-repeat;
 background-size : cover; }
.sub-wrapper{ width: 100%; padding:0!important; }
	.top-wrapper > .wp-block-jetpack-slideshow{ z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: fadeout 1s; animation-delay: 8s; animation-fill-mode: forwards; }
.sub-text-all{ width:100%; padding:0!important; margin:0!important; }
	.sub-text-all-border{ width:100%; }
	.header-position{ position: absolute; }
.wp-block-group {  padding-right: 0; padding-left: 0; }
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
   height; 80vh; margin-top:5vh; }
.wp-block-navigation__responsive-container-close { right: 15vw; top: 5vh; }

.sub-border-blog{ width: 100%; }
.sub-wrapper{ overflow-x: hidden; }
.sub-wrapper-schedule{ width: 100%; }
.schedule-wrapper{ overflow-x: scroll;  padding-left: 15px!important; }
	
	.slider-bg img{ margin: 0 auto; width: 100%; }

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container .wp-block-jetpack-slideshow_slide, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container .wp-block-jetpack-slideshow_swiper-wrapper {
height: 100vh!important;  }
	
.wp-block-post-featured-image{ width: 100%; margin: 0 auto; }
}


.swiper-container {
  min-height: 300px;      
  overflow: visible;   
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}


/* body에 클래스 붙으면 스크롤 잠금 */
body.is-menu-open {
  overflow: hidden;
}
body.is-menu-open .wp-block-navigation__responsive-container {
  
	display: block;
}
.wp-block-navigation__responsive-container {
  z-index: 1000;
}