@charset "UTF-8" ;
/*共通*/
body {
  	color: #ffffff;
    font-size: 12px;
}

/*.hamburger {
    position: fixed;
	top: 30px;
	right: 30px;
}

.hamburger a:hover {
    opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;
}*/

.salonName_white p:hover {
    opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;
}

.copyRight {
    position: fixed;
	bottom: 10px;
	left: 10px;
}

.copyRight p {
    font-size: 10px;
}

/*横線*/
hr {
	width: 95%;
	margin: 30px auto;
    height: 0.3px;
    background-color: #ffffff;
    border: none;
	opacity: 0.4; 
}

.salonName_white {
    text-align: center;
    font-size: 10px;
    margin-bottom: 40px;
}

/*index*/
.index_background {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background: url("../images/index_image.jpg");
    background-position: center center;
    font-size: 14px;
}

.top_Word h1 {
    font-size: 14px;
}

.top_Word h1 a:hover {
    opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;
}

.top_Word h1 {
    line-height: 780px;
    text-align: center;
}

/*About*/
.About_background {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background: url("../images/contents_image.jpg");
    background-position: center center;
}

.about_Text {
	margin-top: 50px;
	margin-left: 200px;
	letter-spacing: 0.05em;
	line-height: 2rem;
}

/*.contents nav ul {
    display: flex;
    margin-left: 160px;
}

.contents nav ul li {
    margin-top: 200px;
    margin-left: 30px;
    font-size: 12px;
}

.contents nav ul li a:hover {
    text-decoration: underline solid #ffffff 1px;
    opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;
}*/

/*work*/
.work_hr {
	width: 95%;
	margin: 120px auto;
    height: 0.3px;
    background-color: #ffffff;
    border: none;
	opacity: 0.4; 
}
.work_background {
	background-color: #000;
}

/*メニュー全体*/
.menu a {
	margin-left: 45px;
}

.menu {
	list-style-type: none;
}

.menu > li {
	display: inline-block;
	position: relative;
	margin-top: 20px;
	margin-bottom: 55px;
}

.menu > li > ul {
	display: none;
	line-height: 2rem;
	list-style: none; /*丸を消す*/
	padding: 0; /* 丸の余白を詰める*/
}

.menu > li:hover ul {
	display: block;
	position: absolute;
	padding: 0;
	margin: 0;
	top: 1em;
	left: 0;
	width: 100%;
	height: 100%;
}

/*一階層目メニュー*/
.menu a:hover {
	opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;	
}

/*二階層目メニュー*/
.child_menu {
	visibility: hidden;
	transform: scale(1,0);
	transform-origin: top;
	opacity: 0;
	transition: .9s;
}
/* ホバー時の2層目メニュー */
.menu > li:hover > .child_menu {
	visibility: visible;
	transform: scale(1,1);
	opacity: 0.8;
}

.menu ul li a:hover {
	opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;	
}

/*メニュー全体*/
/*.drop_menu {
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
    margin-left: 50px;
    font-size: 12px;
	width: 100%;
	height: 3rem;
}
/* リストのレイアウト調整 */
/*.drop_menu li, .drop_menu ul {
	list-style: none; /*丸を消す*/
	/*padding: 0; /* 丸の余白を詰める*/
	/*line-height: 2rem;
}
.drop_menu li a {
	text-decoration: none;
	color: #ffffff;

/*クリック範囲を領域全体に*/
	/*display: block;
	width: 100%;
	height: 100%;
}
  
/*** 一階層目のメニュー ***/
/*.drop_menu a:hover {
	opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;	
}	

.drop_menu > li {
	width: 20%; /*5つで1行*/
	/*height: 100%;
}
  
/*** 二階層目のメニュー ***/
/*.child_menu {
	visibility: hidden;
	transform: scale(1,0);
	transform-origin: top;
	opacity: 0;
	transition: .9s;
}
/* ホバー時の2層目メニュー */
/*.drop_menu > li:hover > .child_menu {
	visibility: visible;
	transform: scale(1,1);
	opacity: 0.8;
}

.drop_menu ul li a:hover {
	opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;	
}*/

/*work 年代リスト*/
.menu_2 a {
	margin-left: 45px;
}

.menu_2 {
	list-style-type: none;
}

.menu_2 > li {
	display: inline-block;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
}

.menu_2 > li > ul {
	display: none;
	line-height: 2rem;
	list-style: none; /*丸を消す*/
	padding: 0; /* 丸の余白を詰める*/
}

.menu_2 > li:hover ul {
	display: block;
	position: absolute;
	padding: 0;
	margin: 0;
	top: 1em;
	left: 0;
	width: 100%;
	height: 100%;
}

/*一階層目メニュー*/
.menu_2 a:hover {
	opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;	
}


.workGarelly {
	display: grid;
	grid-template-rows: 400px 400px 400px 400px 400px 300px 400px;
	grid-template-columns: 50% 50%;
}

.img11 {
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 1;
	grid-column-end: 2;
}

.img10 {
	grid-row: 1 / 2;
	grid-column: 2 / 3;
}

.img09 {
	grid-row: 2 / 3;
	grid-column: 2 / 3;
 }

.img08 {
	grid-row: 3 / 5;
	grid-column: 2 / 3;
}

.img07 {
	grid-row: 3 / 4;
	grid-column: 1 / 2;
  }

.img06 {
	grid-row: 4 / 5;
	grid-column: 1 / 2;
}

.img05 {
	grid-row: 5 / 7;
	grid-column: 1 / 3;
}

.img04 {
	grid-row: 7 / 8;
	grid-column: 1 / 2;
}

.img03 {
	grid-row: 7 / 8;
	grid-column: 2 / 3;
}

.img02 {
	grid-row: 8 / 10;
	grid-column: 1 / 2;
}

.img01 {
	grid-row: 8 / 10;
	grid-column: 2 / 3;
}
 
.workGarelly li img {
	width: 90%;
	height: 100%;
	object-fit: cover;
}

.workGarelly li {
	text-align: center;
	margin-bottom: 24px;
}

.workGarelly li a:hover {
	opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;
}

/*work_2023*/
.work_2023_main {
	width: 90%;
	margin: 0 auto;
}

.first_20230825 p img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 100%;
}

.first_20230825 .photo_20230825_1 {
	margin-bottom: 14px;
}

.first_20230825 {
    display: grid;
    grid-template-rows: 360px 360px;
    grid-template-columns: 50% 50%;
}

.first_20230825 h3 {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
}

.first_20230825 .photo_20230825_1 {
    grid-row: 1 / 3;
    grid-column: 2 / 3;
}

.first_20230825 .text_20230825_1 {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
}

.first_20230825 .photo_20230825_1 img {
    height: 720px;
}

.first_20230825 h3 {
    align-self: end;
	text-align: center;
	font-style: oblique;
	margin-bottom: 16px;
}

.first_20230825 .text_20230825_1 {
    text-align: center;   
}
 
/*work_2022*/
/*葉山の海*/
.work_2022_main {
	width: 90%;
	margin: 0 auto;
}

.first_20221023 p img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 100%;
}

.first_20221023 .photo_20221023_1 {
	margin-bottom: 14px;
}

.first_20221023 {
    display: grid;
    grid-template-rows: 360px 360px;
    grid-template-columns: 50% 50%;
}

.first_20221023 h3 {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}

.first_20221023 .photo_20221023_1 {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
}

.first_20221023 .text_20221023_1 {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
}

.first_20221023 .photo_20221023_1 img {
    height: 720px;
}

.first_20221023 h3 {
    align-self: end;
	text-align: center;
	font-style: oblique;
	margin-bottom: 16px;
}

.first_20221023 .text_20221023_1 {
    text-align: center;   
}

/*長与の海*/
.second_20220828 {
	display: grid;
	grid-template-rows: 260px 260px;
	grid-template-columns: 50% 50%;
	margin-top: 120px;
}

.photo_20220828_2 {
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 1;
	grid-column-end: 2;
}

.photo_20220828_1 {
	grid-row: 1 / 3;
	grid-column: 2 / 3;
}

.second_20220828 li img {
	width: 65%;
	height: 100%;
	object-fit: cover;
}

.second_20220828 li {
	text-align: center;
}

.work_2022_second {
    height: 500px;
}

/*新潟のトンボ*/
.third_20220806 p img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 100%;
}

.third_20220806 .photo_20220806 {
	margin-bottom: 14px;
}

.third_20220806 {
    display: grid;
    grid-template-rows: 360px 360px;
    grid-template-columns: 50% 50%;
	margin-top: 120px;
}

.third_20220806 h3 {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
}

.third_20220806 .photo_20220806 {
    grid-row: 1 / 3;
    grid-column: 2 / 3;
}

.third_20220806 .text_20220806 {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
}

.third_20220806 .photo_20220806 img {
    height: 720px;
}

.third_20220806 h3 {
    align-self: end;
	text-align: center;
	font-style: oblique;
	margin-bottom: 16px;
}

.third_20220806 .text_20220806 {
    text-align: center;   
}

/*鎌倉蓮・鯉・埼玉*/
.fourth_2022_07 {
	display: grid;
	grid-template-rows: 260px 260px;
	grid-template-columns: 33% 33% 33%;
	margin-top: 120px;
}

.photo_20220710_1 {
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 1;
	grid-column-end: 2;
}

.photo_20220710_2 {
	grid-row: 1 / 3;
	grid-column: 2 / 3;
}

.photo_20220719 {
	grid-row: 1 / 3;
	grid-column: 3 / 4;
}

.fourth_2022_07 li img {
	width: 90%;
	height: 100%;
	object-fit: cover;
}

.fourth_2022_07 li {
	text-align: center;
}

.fourth_2022_07 {
    height: 500px;
}

/*名古屋light*/
.work_2022_fifth p img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 100%;
}

.work_2022_fifth .photo_20220319 {
	margin-bottom: 14px;
}

.work_2022_fifth {
    display: grid;
    grid-template-rows: 360px 360px;
    grid-template-columns: 50% 50%;
	margin-top: 120px;
}

.work_2022_fifth h3 {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}

.work_2022_fifth .photo_20220319 {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
}

.work_2022_fifth .text_20220319 {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
}

.work_2022_fifth .photo_20220319 img {
    height: 720px;
}

.work_2022_fifth h3 {
    align-self: end;
	text-align: center;
	font-style: oblique;
	margin-bottom: 16px;
}

.work_2022_fifth .text_20220319 {
    text-align: center;   
}

/*下仁田蝋燭*/
.sixth_20220416 p img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 100%;
}

.sixth_20220416 .photo_20220416 {
	margin-bottom: 14px;
}

.sixth_20220416 {
    display: grid;
    grid-template-rows: 360px 360px;
    grid-template-columns: 50% 50%;
	margin-top: 120px;
}

.sixth_20220416 h3 {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
}

.sixth_20220416 .photo_20220416 {
    grid-row: 1 / 3;
    grid-column: 2 / 3;
}

.sixth_20220416 .text_20220416 {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
}

.sixth_20220416 .photo_20220416 img {
    height: 720px;
}

.sixth_20220416 h3 {
    align-self: end;
	text-align: center;
	font-style: oblique;
	margin-bottom: 16px;
}

.sixth_20220416 .text_20220416 {
    text-align: center;   
}

/*work_2021*/
.work_2021_main {
	margin: 0 auto;
}
.first_20211114 {
	width: 90%;
	margin: 0 auto;
}

.first_20211114 p img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 100%;
}

.first_20211114 .photo_20211114_1 {
	margin-bottom: 14px;
}

.first_20211114 {
    display: grid;
    grid-template-rows: 360px 360px;
    grid-template-columns: 50% 50%;
}

.first_20211114 h3 {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
}

.first_20211114 .photo_20211114_2 {
    grid-row: 1 / 3;
    grid-column: 2 / 3;
}

.first_20211114 .text_20211114_2 {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
}

.first_20211114 .photo_20221114_2 img {
    height: 720px;
}

.first_20211114 h3 {
    align-self: end;
	text-align: center;
	font-style: oblique;
	margin-bottom: 16px;
}

.first_20211114 .text_20221114_2 {
    text-align: center;   
}

/*庭園の水・庭園の照明*/
.second_20211114 {
	display: grid;
	grid-template-rows: 260px 260px;
	grid-template-columns: 50% 50%;
	margin-top: 120px;
}

.photo_20211114_3 {
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 1;
	grid-column-end: 2;
}

.photo_20211114_1 {
	grid-row: 1 / 3;
	grid-column: 2 / 3;
}

.second_20211114 li img {
	width: 65%;
	height: 100%;
	object-fit: cover;
}

.second_20211114 li {
	text-align: center;
}

.work_2021_second {
    height: 500px;
}

/*登戸月・川*/
.third_20210820 {
	display: grid;
	grid-template-rows: 260px 260px;
	grid-template-columns: 50% 50%;
	margin-top: 120px;
}

.photo_20210820_1 {
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 1;
	grid-column-end: 2;
}

.photo_20210820_2 {
	grid-row: 1 / 3;
	grid-column: 2 / 3;
}

.third_20210820 li img {
	width: 65%;
	height: 100%;
	object-fit: cover;
}

.third_20210820 li {
	text-align: center;
}

.work_2021_third {
    height: 500px;
}

/*work_2019*/
/*白い花*/
.work_2019_main {
	width: 90%;
	margin: 0 auto;
}

.first_20190419 p img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 100%;
}

.first_20190419 .photo_20190419 {
	margin-bottom: 14px;
}

.first_20190419 {
    display: grid;
    grid-template-rows: 360px 360px;
    grid-template-columns: 50% 50%;
}

.first_20190419 h3 {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}

.first_20190419 .photo_20190419 {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
}

.first_20190419 .text_20190419 {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
}

.first_20190419 .photo_20190419 img {
    height: 720px;
}

.first_20190419 h3 {
    align-self: end;
	text-align: center;
	font-style: oblique;
	margin-bottom: 16px;
}

.first_20190419 .text_20190419 {
    text-align: center;   
}

/*pejite・bloom*/
.second_2019_06_09 {
	display: grid;
	grid-template-rows: 260px 260px;
	grid-template-columns: 50% 50%;
	margin-top: 120px;
}

.photo_20190602 {
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 1;
	grid-column-end: 2;
}

.photo_20190930 {
	grid-row: 1 / 3;
	grid-column: 2 / 3;
}

.second_2019_06_09 li img {
	width: 65%;
	height: 100%;
	object-fit: cover;
}

.second_2019_06_09 li {
	text-align: center;
}

.work_2019_second {
    height: 500px;
}

/*note*/
.note_background {
    background-color: #000;
}

.note_top_1 h2 {
	margin-bottom: 30px;
}

.note {
	text-align: center;
}
.note h1 {
	font-size: 12px;
	letter-spacing: 0.08em;
	margin-bottom: 30px;	
}

.note_top_1 {
	text-align: left;
	margin: 0px 0px 40px 90px;
}

.note_top_1 p:hover {
    opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;
}

.salonName_white_note hr {
	margin-top: 450px;
}



/*note_2023.09*/
.note_2023_9_28 h1 {
	letter-spacing: 0.08em;
	margin: 0px 0px 40px 90px;
}

.note_2023_9_28 a:hover {
	opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;
}

.note_2023_9_28 h2 {
	letter-spacing: 0.08em;
	line-height: 1.5;
	margin: 20px 0px 50px 311px;
}

.note_2023_9_28 p {
	line-height: 1.5;
	margin: 20px 0px 20px 311px;
}

/*.note_Word h1 {
    line-height: 780px;
    text-align: center;
}

.note_Word h1 a:hover {
    opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;
}*/

/*meditation*/
.journal {
	text-align: center;
}
.journal h1 {
	letter-spacing: 0.08em;
	margin-bottom: 30px;
}

figure img {
width: 30%;
margin-top: 40px;
margin-bottom: 40px;
}

figcaption time {
	font-size: 10px;
}

figcaption h2 {
	margin-top: 5px;
}

figcaption p {
	margin-top: 20px;
}

figcaption p:hover {
	opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;
}

/*ここからパララックス効果*/
figure {
	margin-bottom: 250px;
}

.journal::after {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/journal_top_back.jpg) no-repeat center/cover;
	z-index: -1;
}

/*ここからjournal_2022.12.09*/
.journalPage_2_1 h1 {
	letter-spacing: 0.08em;
	margin: 0px 0px 40px 90px;
}

.journalPage_2_1 a:hover {
	opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;
}

.journalPage_2_1 h2 {
	letter-spacing: 0.08em;
	line-height: 1.5;
	margin: 20px 0px 50px 311px;
}

.journalPage_2_1 p {
	line-height: 1.5;
	margin: 20px 0px 20px 311px;
}

.journal_text_2_1 img {
	width: 58%;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-right: 111px;
}
	
.journal_text_2_1 {
	text-align: right;
}

.journalPage_2_2 p {
	line-height: 1.5;
	margin: 20px 0px 20px 311px;
}

.journal_text_2_2 img {
	width: 50%;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 111px;
}

.next {
	text-align: center;
	margin-top: 60px;
}

.next a:hover {
	opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;
}

/*ここからパララックス効果*/
.journal_2 p {
	margin-bottom: 30px;
}

.journal_2::after {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/journal_text_2_back.JPG) no-repeat center/cover;
	z-index: -1;
}

/*ここからjournal_2022.10.23*/
.journalPage_1_1 h1 {
	letter-spacing: 0.08em;
	margin: 0px 0px 40px 90px;
}

.journalPage_1_1 a:hover {
	opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;
}

.journalPage_1_1 h2 {
	letter-spacing: 0.08em;
	line-height: 1.5;
	margin: 20px 0px 50px 311px;
}

.journalPage_1_1 p {
	line-height: 1.5;
	margin: 20px 0px 20px 311px;
}

.journal_text_1_1 img {
	width: 40%;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-right: 111px;
}
	
.journal_text_1_1 {
	text-align: right;
}

.journalPage_1_2 p {
	line-height: 1.5;
	margin: 20px 0px 20px 311px;
}

.journal_text_1_2 img {
	width: 50%;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 111px;
}

.journal_text_1_3 img {
	width: 50%;
	height: 555px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.journal_text_1_3 {
	text-align: center;
}

.next {
	text-align: center;
}

.next a:hover {
	opacity: 0.4;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: 0ms;
}

/*ここからパララックス効果*/
.journal_1 p {
	margin-bottom: 30px;
}

.journal_1::after {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/journal_text_1_back.JPG) no-repeat center/cover;
	z-index: -1;
}


/*レスポンシブデザイン*/
@media screen and (max-width: 640px) {
/*共通*/
.copyRight {
    left: 10px;
	font-size: 8px;
}


/*index*/
.top_Word h1 {
    font-size: 12px;
}

/*about*/
.about_Text {
	margin-top: 42px;
	margin-left: 10px;
	letter-spacing: 0.03em;
	line-height: 1.4rem;
}

/*contents*/
/*.contents nav ul {
    display: block;
}

.contents nav ul {
    margin-left: 10px;
}

.contents nav ul li {
    margin-top: 50px;
}*/

/*work*/
/*共通*/
.work_hr {
	margin: 30px auto;
}

.work_background {
	font-size: 9px;
}

/*メニュー全体*/
.menu a {
	margin-left: 15px;
}

/*work 年代リスト*/
.menu_2 a {
	margin-left: 15px;
}

/*.drop_menu {
	font-size: 8px;
    margin-left: 20px;
	height: 2rem;
}*/

.workGarelly li img {
	width: 90%;
}

.workGarelly li {
	margin-bottom: 10px;
}

.workGarelly {
	grid-template-rows: 200px 200px 200px 200px 200px 150px 200px;
}

/*work_2023*/
.work_2023_main {
	width: 80%;
	font-size: 8px;
}

.first_20230825 {
    grid-template-rows: 130px 130px;
}

.first_20230825 .photo_20230825_1 img {
    height: 260px;
}

/*work_2022*/
/*葉山の海*/
.work_2022_main {
	width: 80%;
	font-size: 8px;
}

.first_20221023 {
    grid-template-rows: 130px 130px;
}

.first_20221023 .photo_20221023_1 img {
    height: 260px;
}

/*長与の海*/
.second_20220828 {
	grid-template-rows: 80px 80px;
	margin-top: 60px;
}

.second_20220828 li img {
	width: 65%;
	height: 100%;
	object-fit: cover;
}

.second_20220828 li {
	text-align: center;
}

.work_2022_second {
    height: 200px;
}

/*新潟のトンボ*/
.third_20220806 {
    grid-template-rows: 130px 130px;
	margin-top: 30px;
}

.third_20220806 .photo_20220806 img {
    height: 260px;
}

/*鎌倉蓮・鯉・埼玉*/
.fourth_2022_07 {
	grid-template-rows: 80px 80px;
	margin-top: 60px;
}

.fourth_2022_07 li img {
	width: 93%;
	height: 100%;
	object-fit: cover;
}

.fourth_2022_07 li {
	text-align: center;
}

.work_2022_fourth {
    height: 200px;
}

/*名古屋Light*/
.work_2022_fifth {
    grid-template-rows: 130px 130px;
	margin-top: 30px;
}

.work_2022_fifth .photo_20220319 img {
    height: 260px;
}

/*下仁田蝋燭*/
.sixth_20220416 {
    grid-template-rows: 130px 130px;
	margin-top: 30px;
}

.sixth_20220416 .photo_20220416 img {
    height: 260px;
}

/*work_2021*/
.work_2021_main {
	width: 80%;
	font-size: 8px;
}

.first_20211114 {
    grid-template-rows: 130px 130px;
}

.first_20211114 .photo_20211114_2 img {
    height: 260px;
}

/*庭園の水・照明*/
.second_20211114 {
	grid-template-rows: 80px 80px;
	margin-top: 60px;
}

.second_20211114 li img {
	width: 65%;
	height: 100%;
	object-fit: cover;
}

.second_20211114 li {
	text-align: center;
}

.work_2021_second {
    height: 200px;
}

/*登戸月・川*/
.third_20210820 {
	grid-template-rows: 80px 80px;
	margin-top: 60px;
}

.third_20210820 li img {
	width: 65%;
	height: 100%;
	object-fit: cover;
}

.third_20210820 li {
	text-align: center;
}

.work_2021_third {
    height: 200px;
}

/*work_2019*/
/*白い花*/
.work_2019_main {
	width: 80%;
	font-size: 8px;
}

.first_20190419 {
    grid-template-rows: 130px 130px;
}

.first_20190419 .photo_20190419 img {
    height: 260px;
}

/*pejite・bloom*/
.second_2019_06_09 {
	grid-template-rows: 80px 80px;
	margin-top: 60px;
}

.second_2019_06_09 li img {
	width: 65%;
	height: 100%;
	object-fit: cover;
}

.second_2019_06_09 li {
	text-align: center;
}

.work_2019_second {
    height: 200px;
}

/*note*/
.note_2023_9_28 h1 {
	margin-left: 0;
	text-align: center;
}

.note_2023_9_28 h2 {
	margin-left: 0;
	text-align: center;
}

.note_2023_9_28 p {
	width: 80%;
	margin-left: 0;
	margin: 0 auto;
}

/*meditation*/
#work_top {
	font-size: 9px;
}

/*.hamburger {
    position: fixed;
	top: 10px;
	right: 10px;
}*/

figure img {
	width: 60%;
	}

/*ここからjournal_2*/
.journalPage_2_1 h1 {
	margin-left: 0;
	text-align: center;
}

.journalPage_2_1 h2 {
	margin-left: 0;
	text-align: center;
}

.journalPage_2_1 p {
	width: 80%;
	margin-left: 0;
	margin: 0 auto;
}

.journal_text_2_1 img {
	width: 80%;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-right: 0;
}
	
.journal_text_2_1 {
	text-align: center;
}

.journalPage_2_2 p {
	margin-left: 0;
	width: 80%;
	margin: 0 auto;
}

/*ここから湖画像*/
.journal_text_2_2 img {
	width: 60%;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 0;
}
	
.journal_text_2_2 {
	text-align: center;
}

/*ここからjournal_1*/
.journalPage_1_1 h1 {
	margin-left: 0;
	text-align: center;
}

.journalPage_1_1 h2 {
	margin-left: 0;
	text-align: center;
}

.journalPage_1_1 p {
	width: 80%;
	margin-left: 0;
	margin: 0 auto;
}

.journal_text_1_1 img {
	width: 60%;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-right: 0;
}
	
.journal_text_1_1 {
	text-align: center;
}

.journalPage_1_2 p {
	margin-left: 0;
	width: 80%;
	margin: 0 auto;
}

/*ここから海画像*/
.journal_text_1_2 img {
	width: 60%;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 0;
}

.journal_text_1_2 {
	text-align: center;
}

/*ここから水色画像*/
.journal_text_1_3 img {
	width: 60%;
	height: 304px;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 0;
}
}