@charset "utf-8";
/* CSS Document */

/*
 * テンプレートのPC用 CSS
 */

:root {
	--contentsPaddingBottom: 0px;
	--PC_common_width: 1400px;
}


/* 共通マージン下 */
#wrap .common_mb_S {
	margin-bottom: 45px
}

#wrap .common_mb_M {
	margin-bottom: 100px
}

#wrap .common_mb_L {
	margin-bottom: 150px
}


/* ヘッダー */
#HEADRCONTENTS .title {
	left: auto;
}


/* サブページティザータイトル */
.pageClassSubpage #sub_TH_ImgTitle {
	/*background-image: url(../images/sub_title_bg_pc.jpg);*/
}


/* コンテンツ部 */
body:not(.pageClassHome) #CONTENTS .PC_common_width {
	--PC_common_width: 1000px;
}


/* PC ではセンターとなるタイトル */
section .titleStd.title_pc_center {
	display: flex;
	justify-content: center;
}
section .titleStd.title_pc_center .subTxt {
	font-size: 1em;
}
section .titleStd.title_pc_center .subTxt::before {
	content: '/';
	display: inline-block;
	margin: 0 0.5em;
}


/* フッター */
#FOOTER {
	padding-bottom: 30px;
	font-size: 0.9em;
}
#FOOTER .footContents {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: start;
}
#FOOTSITEMAP {
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
}
#FOOTER .footRight {
	grid-template-rows: repeat(3, auto);
	text-align: right;
}
#FOOTER .footLogo img {
	width: 5em;
	height: auto;
}
.footCopyright {
	text-align: right;
}
#FOOTSITEMAP .foot:before {
	content: none;
}
#FOOTSITEMAP :is(.gnaviContents,.sub-menu,.foot) {
	display: grid;
	width: fit-content; 
	gap: 0.2em;
	/* text-align: left; */
}
#backtopPosiBox {
	bottom: 255px;
}



/* トップページ */
/*#STORY::before {
	background-image: url(../images/top_aboutus_bg.jpg);
}*/
#STORY .mainTxt {
	font-size: 0.9em;
}
#STORY .content {
	display: grid;
	width: fit-content;
	grid-template-columns: 4fr 6fr;
	gap: 50px;
	align-items: center;
	max-width: 1000px;
}
#STORY .title {
	margin: 0;
}
#STORY .content .txtBox {
	line-height: 2.5;
}
#STORY .bnrBox {
	--bnrPadding: 20px;
	gap: 50px;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 100px;
}
#STORY .bnrImg {
	height: 300px;
}

#WECAN .content {
	width: fit-content;
	/*max-width: 1000px;*/
}
#WECAN .layoutBox {
	grid-template-columns: 45% auto;
	gap: 30px;
}

#ABOUTSWEETS > .content {
	max-width: 950px;
}
#ABOUTSWEETS .articleSet {
	gap: 30px 50px;
}

#ABOUTWORKSHOP > .content {
	max-width: 950px;
}
#ABOUTWORKSHOP .content > .layoutBox {
	gap: 30px 50px;
}
#ABOUTWORKSHOP .lessonDetailListBox > .layoutBox > .lessonItem {
  padding: 2em;
}

#GALLERY_SLIDE .swiper {
	max-width: 1400px;
	margin: auto!important;
}
#GALLERY_SLIDE .swiper-slide {
	height: auto;
	grid-template-rows: auto auto;
}
#GALLERY_SLIDE .swiper-slide img {
	max-height: 40vh;
}

#CONTACTBNR .bgBox {
	width: 50vw;
	max-width: 950px;
}

#TOPNEWS .newsListBox {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
}


/* ギャラリーページ */
.pageClassGallery #GALLERY_TILE {
	max-width: 1000px;
	padding-bottom: 200px;
}


/* NEWSページ */
#NEWS .newsItem {
	min-height: 200px;
	grid-template-columns: 2fr 1fr;
}
#NEWS .newsItem .imgBox {
	height: 100%;
	padding: 0;
	display: grid;
	align-items: center;
	justify-content: center;
}
#NEWS .imgBox img {
	width: 230px;
	height: 140px;
	/*border-radius: 3px;*/
}



/* NEWS詳細ページ */
#NEWSDETAIL .PC_common_width {
	--PC_common_width: 900px;
}
#NEWSDETAIL .title {
	display: grid;
	justify-content: center;
	font-size: 1.5em;
}
#NEWSDETAIL .date {
	text-align: center;
}
#NEWSDETAIL .titleStd .subTxt::before {
	content: none;
}
#NEWSDETAIL .newsContent {
	padding: 40px 40px 35px;
	gap: 25px;
}



/* PRIVACY ページ */
#PRIVACY .content {
	max-width: 1000px;
}



/* 売買物件情報 ページ */
.propertyInfoBox {
	grid-template-columns: repeat(3, 1fr);
}



/* BUSINESS ページ */
#BUSINESS .businessItem .layoutBox {
	gap: 50px;
}



/* お申し込み・お問い合わせ ページ */
.mailformItem .explBox .explItem {
	flex-basis: auto;
}



/* お知らせ（Insta） */
#instagram {
  gap: 30px;
}


/* TOP 受講者様の声 */
.box_100kome div {
    font-size: 1em;
}


/* TOP スイーツギャラリー */
.sweets-box {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}