/* LESS Document */
@charset "UTF-8";

/*特集ページ*/
#journal {
	@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');
	font-family: 'Amiri', 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "MSP明朝", "MS PMincho", "MS 明朝", serif;
	background-color: #fff;
	&.black {
		background-color: #000;
	}
	img {
		width: auto;
		max-width: 750px;
		height: auto;
	}
	@media screen and (max-width: 767px) {
		margin-top: 60px;
		img {
			width: 100%;
			height: auto;
		}
	}
	.journalCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 80px auto;
			img {
				width: auto;
				display: block;
				margin: 0 auto 50px;
			}
			p {
				text-align: center;
				font-size: 20px;
				line-height: 2;
				text-align: center;
			}
			@media screen and (max-width: 767px) {
				margin: 16% 5%;
				img {
					width: 80%;
				}
				p {
					font-size: 16px;
				}
			}
		}
		.product01,.product02,.product03 {
			margin: 0 auto 80px;
			p {
				width: 100%;
				font-size: 16px;
				line-height: 2;
				text-align: center;
				margin: 30px auto;
			}
			.ttl {
				margin: 0 auto;
				text-align: center;
			}
			.img01 {
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
			}
			.img02 {
				display: flex;
				align-items: flex-start;
				justify-content: flex-start;
				flex-wrap: wrap;
				a {
					width: 48%;
					margin-bottom: 2%;
					&:first-child {
						margin-right: 2%;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				p {
					width: 90%;
					font-size: 12px;
					margin: 10% auto;
				}
				.ttl {
					width: 70%;
				}
				.img01 {
					margin-bottom: 15%;
				}
			}
		}
		.product03 {
			@media screen and (max-width: 767px) {
				.ttl {
					width: 40%;
				}
			}
		}
		.logo {
			margin: 80px auto 0;
			text-align: center;
			img {
				width: 10%;
			}
			@media screen and (max-width: 767px) {
				img {
					width: 20%;
				}
			}
		}
	}
	.journalMayCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 80px auto;
			img {
				width: auto;
				display: block;
				margin: 0 auto 50px;
			}
			p {
				text-align: center;
				font-size: 20px;
				line-height: 2;
				text-align: center;
			}
			@media screen and (max-width: 767px) {
				margin: 16% 5%;
				img {
					width: 80%;
				}
				p {
					font-size: 16px;
				}
			}
		}
		.product01,.product02,.product03,.product04,.product05 {
			margin: 0 auto 80px;
			p {
				width: 100%;
				font-size: 16px;
				line-height: 2;
				text-align: center;
				margin: 30px auto;
			}
			.img01 {
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
			}
			.img02 {
				display: flex;
				align-items: flex-start;
				justify-content: flex-start;
				flex-wrap: wrap;
				a {
					width: 32%;
					margin-bottom: 2%;
					margin-right: 1%;
					&:last-child {
						margin-right: 0%;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				p {
					width: 90%;
					font-size: 12px;
					margin: 10% auto;
				}
				.ttl {
					width: 70%;
				}
				.img01 {
					margin-bottom: 15%;
				}
			}
		}
		.logo {
			margin: 80px auto 0;
			text-align: center;
			img {
				width: 10%;
			}
			@media screen and (max-width: 767px) {
				img {
					width: 20%;
				}
			}
		}
	}
	.journalJunCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 80px auto;
			img {
				width: auto;
				display: block;
				margin: 0 auto 50px;
			}
			p {
				text-align: center;
				font-size: 20px;
				line-height: 2;
				text-align: center;
			}
			@media screen and (max-width: 767px) {
				margin: 16% 5%;
				img {
					width: 80%;
				}
				p {
					font-size: 16px;
				}
			}
		}
		.product01,.product02,.product03 {
			margin: 0 auto 80px;
			.ttl {
				text-align: center;
			}
			p {
				width: 100%;
				font-size: 16px;
				line-height: 2;
				text-align: center;
				margin: 30px auto;
			}
			.img01 {
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
			}
			h4 {
				font-size: 20px;
				text-align: center;
				margin: 40px auto 15px;
			}
			.img02 {
				display: flex;
				align-items: flex-start;
				justify-content: flex-start;
				flex-wrap: wrap;
				a {
					width: 49%;
					margin-bottom: 2%;
					margin-right: 1%;
					&:last-child {
						margin-right: 0%;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				p {
					width: 90%;
					font-size: 12px;
					margin: 10% auto;
				}
				.img01 {
					margin-bottom: 15%;
				}
				h4 {
					font-size: 16px;
					margin: 30px auto 10px;
				}
			}
		}
		.product01 {
			@media screen and (max-width: 767px) {
				.ttl {
					width: 70%;
					margin: 0 auto;
				}
			}
			.img02 {
				justify-content: center;
				a {
					width: 41%;
					margin-bottom: 2%;
					margin-right: 1%;
					&:nth-child(2n) {
						margin-right: 0%;
					}
					@media screen and (max-width: 767px) {
						width: 49%;
					}
				}
			}
		}
		.product02 {
			@media screen and (max-width: 767px) {
				.ttl {
					width: 100%;
					margin: 0 auto;
				}
			}
		}
		.product03 {
			@media screen and (max-width: 767px) {
				.ttl {
					width: 50%;
					margin: 0 auto;
				}
			}
		}
		.logo {
			margin: 80px auto 0;
			text-align: center;
			img {
				width: 10%;
			}
			@media screen and (max-width: 767px) {
				img {
					width: 20%;
				}
			}
		}
	}
	.journalAugCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 80px auto;
			img {
				width: auto;
				display: block;
				margin: 0 auto 50px;
			}
			p {
				text-align: center;
				font-size: 20px;
				line-height: 2;
				text-align: center;
			}
			@media screen and (max-width: 767px) {
				margin: 16% 5%;
				img {
					width: 80%;
				}
				p {
					font-size: 16px;
				}
			}
		}
		.product01,.product02,.product03,.product04 {
			margin: 0 auto 80px;
			.ttl {
				text-align: center;
			}
			p {
				width: 100%;
				font-size: 16px;
				line-height: 2;
				text-align: center;
				margin: 30px auto;
			}
			.img01 {
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
			}
			h4 {
				font-size: 20px;
				text-align: center;
				margin: 40px auto 15px;
			}
			.img02 {
				display: flex;
				align-items: flex-start;
				justify-content: flex-start;
				flex-wrap: wrap;
				a {
					width: 49%;
					margin-bottom: 2%;
					margin-right: 1%;
					&:last-child {
						margin-right: 0%;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				p {
					width: 90%;
					font-size: 12px;
					margin: 10% auto;
				}
				.img01 {
					margin-bottom: 15%;
				}
				h4 {
					font-size: 16px;
					margin: 30px auto 10px;
				}
			}
		}
		.product01 {
			@media screen and (max-width: 767px) {
				.ttl {
					width: 50%;
					margin: 0 auto;
				}
			}
		}
		.product02 {
			@media screen and (max-width: 767px) {
				.ttl {
					width: 50%;
					margin: 0 auto;
				}
			}
		}
		.product03 {
			@media screen and (max-width: 767px) {
				.ttl {
					width: 50%;
					margin: 0 auto;
				}
			}
		}
		.product04 {
			.img02 {
				a {
					width: 100%;
					margin-bottom: 2%;
					margin-right: 0;
					&:last-child {
						margin-right: 0%;
					}
				}
			}
			.newtype {
				background: url(/user_data/packages/bootstrap/img/journal/2023aug/new.png) no-repeat left top;
				width: 80%;
				margin: 0 auto;
				p {
					text-align: left;
					font-size: 2rem;
					padding: 2em 0 0 2em;
				}
			}
			@media screen and (max-width: 767px) {
				.ttl {
					width: 50%;
					margin: 0 auto;
				}
				.newtype {
					background-size: 20%;
					width: 96%;
					p {
						font-size: 1.2rem;
						padding: 2em 0 0 2em;
					}
				}
			}
		}
		.logo {
			margin: 80px auto 0;
			text-align: center;
			img {
				width: 10%;
			}
			@media screen and (max-width: 767px) {
				img {
					width: 20%;
				}
			}
		}
	}

	.journalSepCont,.journalOctCont,.journalNovCont,.journalDecCont,.journal2024janCont,.journal2024febCont,.journal2024marCont,.journal2024aprCont,.journal2024mayCont,.journal2024junCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 80px auto;
			img {
				width: auto;
				display: block;
				margin: 0 auto 50px;
			}
			p {
				text-align: center;
				font-size: 20px;
				line-height: 2;
				text-align: center;
			}
			@media screen and (max-width: 767px) {
				margin: 16% 5%;
				img {
					width: 80%;
				}
				p {
					font-size: 16px;
				}
			}
		}
		.product01,.product02,.product03 {
			margin: 0 auto 80px;
			.ttl {
				text-align: center;
			}
			p {
				width: 100%;
				font-size: 16px;
				line-height: 2;
				text-align: center;
				margin: 30px auto;
			}
			.img01 {
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
			}
			.txt {
				text-align: center;
				margin: 50px auto;
				font-size: 16px;
			}
			h4 {
				font-size: 20px;
				text-align: center;
				margin: 40px auto 15px;
			}
			.img02 {
				display: flex;
				align-items: flex-start;
				justify-content: flex-start;
				flex-wrap: wrap;
				a {
					width: 49%;
					margin-bottom: 2%;
					margin-right: 1%;
					&:last-child {
						margin-right: 0%;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				p {
					width: 95%;
					font-size: 12px;
					margin: 10% auto;
				}
				.img01 {
					margin-bottom: 15%;
				}
				.txt {
					margin: 0 auto 10%;
					font-size: 13px;
				}
				h4 {
					font-size: 16px;
					margin: 30px auto 10px;
				}
			}
		}
		.product01 {
			@media screen and (max-width: 767px) {
				.ttl {
					width: 50%;
					margin: 0 auto;
				}
			}
		}
		.product02 {
			@media screen and (max-width: 767px) {
				.ttl {
					width: 50%;
					margin: 0 auto;
				}
			}
		}
		.product03 {
			@media screen and (max-width: 767px) {
				.ttl {
					width: 50%;
					margin: 0 auto;
				}
			}
		}
		.logo {
			margin: 80px auto 0;
			text-align: center;
			img {
				width: 10%;
			}
			@media screen and (max-width: 767px) {
				img {
					width: 20%;
				}
			}
		}
		.movie {
			width: 100%;
			height: auto;
			position: relative;
			padding-bottom: 56.25%;
			margin: 0 auto 70px;
			iframe {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}
			@media (max-width: 767px) {
				margin: 8% auto;
			}
		}
	}
	@media screen and (max-width: 767px) {
		.journal2024janCont {
			.product01,.product02,.product03 {
				.img01 {
					margin: 0 6% 10%;
				}
			}
		}
	}
	.journal2024febCont {
		.product02 {
			.ttl {
				background: url(/user_data/packages/bootstrap/img/journal/2024feb/img02_01.png) no-repeat;
				padding: 134px 0 0 168px;
				p {
					text-align: left;
					font-size: 18px;
				}
			}
			.tl {
				text-align: left;
				width: 60%;
			}
		}
		@media screen and (max-width: 767px) {
			.product02 {
				.ttl {
					width: 95%;
					padding: 19% 0 0 20%;
					background-size: 50%;
					p {
						font-size: 12px;
						margin: 0 0 10%;
					}
				}
				.tl {
					width: 90%;
				}
			}
		}
	}
	.journal2024marCont {
		.product03 {
			.ttl {
				background: url(/user_data/packages/bootstrap/img/journal/2024mar/img03_01.png) no-repeat;
				padding: 94px 0 0 338px;
				p {
					text-align: left;
					font-size: 18px;
				}
			}
			.tl {
				text-align: left;
				width: 60%;
			}
		}
		@media screen and (max-width: 767px) {
			.product03 {
				.ttl {
					width: 95%;
					padding: 15% 0 0 45%;
    			background-size: 47%;
					p {
						font-size: 12px;
						margin: 0 0 10%;
					}
				}
				.tl {
					width: 90%;
				}
			}
		}
	}

	.journal2024augCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 40px auto 50px;
			.ttl {
				text-align: center;
				font-size: 24px;
				margin-bottom: 30px;
			}
			.lead {
				text-align: center;
				font-size: 20px;
				line-height: 1.7;
				// font-weight: bold;
			}
			@media screen and (max-width: 767px) {
				margin: 10% 5%;
				.ttl {
					font-size: 18px;
				}
				.lead {
					font-size: 16px;
				}
			}
		}
		.product01,.product02,.product03,.product04 {
			margin: 0 auto 80px;
			.ttl {
				font-size: 50px;
				text-align: left;
			}
			.txt {
				font-size: 16px;
				text-align: left;
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.ttl {
					font-size: 30px;
					margin: 0 3%;
				}
				.txt {
					font-size: 12px;
					margin: 0 3%;
				}
			}
		}
		.product01 {
			.img {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2024aug/img01_01.jpg) no-repeat top center;
				padding-top: 1550px;
				padding-bottom: 37px;
				margin-top: 50px;
				a {
					position: absolute;
					bottom: 50px;
					img {
						width: 90%;
					}
					&:first-child {
						left: 30px;
					}
					&:nth-child(2) {
						left: 230px;
					}
					&:last-child {
						right: 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				.img {
					width: 100%;
					background-size: contain;
					padding-top: 203vw;
					padding-bottom: 37px;
					margin-top: 10%;
					a {
						bottom: 50px;
						height: auto;
						img {
							width: 100%;
						}
						&:first-child {
							left: 5%;
							width: 25%;
						}
						&:nth-child(2) {
							left: 118px;
							width: 40%;
						}
						&:last-child {
							right: 0;
							width: 40%;
						}
					}
				}
			}
		}
		.product02 {
			.ttl {
				text-align: right;
			}
			.txt {
				text-align: right;
			}
			.img {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2024aug/img02_01.jpg) no-repeat top center;
				padding-top: 380px;
    		padding-bottom: 900px;
				a {
					position: absolute;
					img {
						width: 90%;
					}
					&:first-child {
						right: 170px;
    				top: 350px;
					}
					&:nth-child(2) {
						right: 0;
						top: 400px;
					}
					&:last-child {
						left: 30px;
						bottom: 100px;
					}
				}
			}
			@media screen and (max-width: 767px) {
				.img {
					background-size: contain;
					padding-top: 0;
					padding-bottom: 171vw;
					a {
						img {
							width: 100%;
						}
						&:first-child {
							right: 25vw;
							top: 47vw;
							width: 30%;
						}
						&:nth-child(2) {
							right: 3%;
							top: 54vw;
							width: 25%;
						}
						&:last-child {
							left: 7%;
							bottom: 50px;
							width: 37%;
						}
					}
				}
			}
		}
		.product03 {
			.img {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2024aug/img03_01.jpg) no-repeat top center;
				margin-top: 50px;
    		padding-bottom: 1382px;
				a {
					position: absolute;
					img {
						width: 90%;
					}
					&:first-child {
						right: 0;
						top: -30px;
					}
					&:nth-child(2) {
						left: 0;
						top: 430px;
					}
					&:last-child {
						right: 0;
						bottom: 80px;
					}
				}
			}
			@media screen and (max-width: 767px) {
				.img {
					background-size: contain;
					margin-top: 10%;
        	padding-bottom: 186vw;
					a {
						img {
							width: 100%;
						}
						&:first-child {
							right: 3%;
							top: -2%;
							width: 35%;
						}
						&:nth-child(2) {
							left: 3%;
							top: 57vw;
							width: 34%;
						}
						&:last-child {
							right: 3%;
							bottom: 11vw;
							width: 33%;
						}
					}
				}
				
			}
		}
		.product04 {
			.ttl {
				text-align: right;
			}
			.txt {
				text-align: right;
			}
			.img {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2024aug/img04_01.jpg) no-repeat top center;
				padding-top: 380px;
				padding-bottom: 570px;
				margin-top: 90px;
				a {
					position: absolute;
					img {
						width: 90%;
					}
					&:first-child {
						right: 0;
    				top: -50px;
					}
					&:last-child {
						left: 0;
						bottom: 60px;
					}
				}
			}
			@media screen and (max-width: 767px) {
				.img {
					background-size: contain;
					padding-top: 130vw;
					padding-bottom: 0;
					margin-top: 10%;
					a {
						img {
							width: 100%;
						}
						&:first-child {
							right: 3%;
							top: -9vw;
							width: 25%;
						}
						&:last-child {
							left: 3%;
							bottom: 14vw;
							width: 34%;
						}
					}
				}
				
			}
		}
		.logo {
			margin: 80px auto 0;
			text-align: center;
			img {
				width: 10%;
			}
			@media screen and (max-width: 767px) {
				img {
					width: 20%;
				}
			}
		}
		.movie {
			width: 100%;
			height: auto;
			position: relative;
			padding-bottom: 56.25%;
			margin: 0 auto 70px;
			iframe {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}
			@media (max-width: 767px) {
				margin: 8% auto;
			}
		}
	}

	.journal2024sepCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 40px auto 50px;
			.ttl {
				text-align: center;
				font-size: 24px;
				margin-bottom: 30px;
			}
			.lead {
				text-align: center;
				font-size: 20px;
				line-height: 1.7;
			}
			@media screen and (max-width: 767px) {
				margin: 10% 5%;
				.ttl {
					font-size: 18px;
				}
				.lead {
					font-size: 16px;
				}
			}
		}
		.product01,.product02,.product03 {
			margin: 0 auto 80px;
			.ttl {
				font-size: 50px;
				text-align: left;
			}
			.txt {
				font-size: 16px;
				text-align: left;
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.ttl {
					font-size: 30px;
					margin: 0 3%;
				}
				.txt {
					font-size: 12px;
					margin: 0 3%;
				}
			}
		}
		.product01 {
			.img {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2024sep/img01_01.jpg) no-repeat top center;
				padding-top: 1290px;
				padding-bottom: 37px;
				margin-top: 50px;
				.txtBox {
					position: absolute;
					top: 630px;
					width: 100%;
				}
				a {
					position: absolute;
					bottom: 80px;
					img {
						width: 90%;
					}
					&:nth-child(2) {
						left: 30px;
					}
					&:nth-child(3) {
						left: 290px;
					}
					&:last-child {
						right: 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin-bottom: 10%;
				.img {
					width: 100%;
					background-size: contain;
					padding-top: 167vw;
        	padding-bottom: 40px;
					margin-top: 10%;
					.txtBox{
						top: 76vw;
					}
					a {
						bottom: 20px;
						height: auto;
						img {
							width: 100%;
						}
						&:nth-child(2) {
							left: 10px;
       				width: 34%;
						}
						&:nth-child(3) {
							left: 145px;
        			width: 30%;
						}
						&:last-child {
							right: 10px;
							width: 28%;
						}
					}
				}
			}
		}
		.product02 {
			.ttl {
				text-align: right;
			}
			.txt {
				text-align: right;
			}
			.img {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2024sep/img02_01.jpg) no-repeat top center;
				padding-top: 380px;
    		padding-bottom: 900px;
				a {
					position: absolute;
					img {
						width: 90%;
					}
					&:first-child {
						right: 150px;
    				top: 60px;
					}
					&:last-child {
						left: 150px;
						bottom: 50px;
					}
				}
			}
			@media screen and (max-width: 767px) {
				.img {
					background-size: contain;
					padding-top: 0;
					padding-bottom: 171vw;
					margin-top: 5%;
					a {
						img {
							width: 100%;
						}
						&:first-child {
							right: 21vw;
							top: 5vw;
							width: 35%;
						}
						&:last-child {
							left: 15%;
							bottom: 40px;
							width: 39%;
						}
					}
				}
			}
		}
		.product03 {
			.img {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2024sep/img03_01.jpg) no-repeat top center;
				margin-top: 50px;
    		padding-bottom: 972px;
				a {
					position: absolute;
					img {
						width: 90%;
					}
					&:first-child {
						right: 0;
						top: -30px;
					}
					&:last-child {
						left: 50px;
    				bottom: 70px;
					}
				}
			}
			@media screen and (max-width: 767px) {
				.img {
					background-size: contain;
					margin-top: 10%;
        	padding-bottom: 130vw;
					a {
						img {
							width: 100%;
						}
						&:first-child {
							right: 3%;
							top: -2%;
							width: 35%;
						}
						&:last-child {
							left: 10vw;
							bottom: 11vw;
							width: 33%;
						}
					}
				}
				
			}
		}
		.logo {
			margin: 80px auto 0;
			text-align: center;
			img {
				width: 10%;
			}
			@media screen and (max-width: 767px) {
				img {
					width: 20%;
				}
			}
		}
		.movie {
			width: 100%;
			height: auto;
			position: relative;
			padding-bottom: 56.25%;
			margin: 0 auto 70px;
			iframe {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}
			@media (max-width: 767px) {
				margin: 8% auto;
			}
		}
	}

	.journal2024octCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 40px auto 50px;
			.ttl {
				text-align: center;
				font-size: 24px;
				margin-bottom: 30px;
			}
			.lead {
				text-align: center;
				font-size: 20px;
				line-height: 1.7;
				span {
					font-size: 16px;
				}
			}
			@media screen and (max-width: 767px) {
				margin: 10% 5%;
				.ttl {
					font-size: 18px;
				}
				.lead {
					font-size: 16px;
					span {
						font-size: 12px;
					}
				}
			}
		}
		.product01,.product02 {
			margin: 0 auto 80px;
			.ttl {
				font-size: 50px;
				text-align: left;
			}
			.txt {
				font-size: 16px;
				text-align: left;
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.ttl {
					font-size: 30px;
					margin: 0 3%;
				}
				.txt {
					font-size: 10px;
					margin: 0 3%;
				}
			}
		}
		.product01 {
			.img {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2024oct/img01_01.jpg) no-repeat top center;
				padding-top: 1400px;
				padding-bottom: 37px;
				margin-top: 50px;
				.txtBox {
					position: absolute;
					top: 730px;
					width: 100%;
				}
				a {
					position: absolute;
					bottom: 80px;
					img {
						width: 90%;
					}
					&:nth-child(2) {
						right: 15px;
    				top: 30px;
					}
					&:nth-child(3) {
						left: 0;
					}
					&:last-child {
						left: 268px;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin-bottom: 10%;
				.img {
					width: 100%;
					background-size: contain;
					padding-top: 167vw;
        	padding-bottom: 40px;
					margin-top: 10%;
					.txtBox{
						top: 90vw;
					}
					a {
						bottom: 20px;
						height: auto;
						img {
							width: 100%;
						}
						&:nth-child(2) {
							right: 10px;
							top: 0;
       				width: 30%;
						}
						&:nth-child(3) {
							left: 4%;
        			width: 30%;
						}
						&:last-child {
							left: 40%;
        			width: 30%;
						}
					}
				}
			}
		}
		.product02 {
			.ttl {
				text-align: right;
			}
			.txt {
				text-align: right;
			}
			.img {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2024oct/img02_01.jpg) no-repeat top center;
				padding-top: 380px;
    		padding-bottom: 1030px;
				a {
					position: absolute;
					img {
						width: 90%;
					}
					&:first-child {
						left: 40px;
						top: -80px;
					}
					&:nth-child(2) {
						right: 30px;
    				top: 490px;
					}
					&:last-child {
						left: 48px;
    				bottom: 80px;
					}
				}
			}
			@media screen and (max-width: 767px) {
				.img {
					background-size: contain;
					padding-top: 0;
					padding-bottom: 171vw;
					margin-top: 5%;
					a {
						img {
							width: 100%;
						}
						&:first-child {
							left: 6%;
							top: -10vw;
							width: 35%;
						}
						&:nth-child(2) {
							right: 10%;
							top: 57vw;
							width: 44%;
						}
						&:last-child {
							left: 11%;
							bottom: 8vw;
							width: 22%;
						}
					}
				}
			}
		}
		.logo {
			margin: 80px auto 0;
			text-align: center;
			img {
				width: 10%;
			}
			@media screen and (max-width: 767px) {
				img {
					width: 20%;
				}
			}
		}
	}


	.journal2024novCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 40px auto 50px;
			.ttl {
				text-align: center;
				font-size: 24px;
				margin-bottom: 30px;
			}
			.lead {
				text-align: center;
				font-size: 20px;
				line-height: 1.7;
				span {
					font-size: 16px;
				}
			}
			@media screen and (max-width: 767px) {
				margin: 10% 5%;
				.ttl {
					font-size: 18px;
				}
				.lead {
					font-size: 16px;
					span {
						font-size: 12px;
					}
				}
			}
		}
		.product01,.product02 {
			margin: 0 auto 80px;
			.ttl {
				font-size: 50px;
				text-align: left;
			}
			.txt {
				font-size: 16px;
				text-align: left;
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.ttl {
					font-size: 30px;
					margin: 0 3%;
				}
				.txt {
					font-size: 10px;
					margin: 0 3%;
				}
			}
		}
		.product01 {
			.img {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2024nov/img01_01.jpg) no-repeat top center;
				padding-top: 1730px;
				padding-bottom: 37px;
				margin-top: 50px;
				.txtBox {
					position: absolute;
					top: 830px;
					width: 100%;
				}
				a {
					position: absolute;
					img {
						width: 90%;
					}
					&:nth-child(2) {
						right: 15px;
    				top: 30px;
					}
					&:nth-child(3) {
						left: 50px;
						top: 460px;
					}
					&:nth-child(4) {
						left: 0;
						top: 1120px;
					}
					&:last-child {
						right: 0;
						top: 1310px;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin-bottom: 10%;
				.img {
					width: 100%;
					background-size: contain;
					padding-top: 225vw;
					margin-top: 10%;
					.txtBox{
						top: 111vw;
						.ttl {
							margin: 0 3% 0 10%;
						}
						.txt {
							margin: 0 3% 0 10%;
						}
					}
					a {
						height: auto;
						img {
							width: 100%;
						}
						&:nth-child(2) {
							right: 10px;
							top: 0;
       				width: 37%;
						}
						&:nth-child(3) {
							left: 3%;
							top: 57vw;
							width: 34%;
						}
						&:nth-child(4) {
							left: 2%;
							top: 150vw;
							width: 32%;
						}
						&:last-child {
							top: 170vw;
							right: 2%;
							width: 30%;
						}
					}
				}
			}
		}
		.product02 {
			.img {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2024nov/img02_01.jpg) no-repeat top center;
				padding-top: 1218px;
				.txtBox {
					position: absolute;
					top: 460px;
					width: 100%;
				}
				a {
					position: absolute;
					img {
						width: 90%;
					}
					&:nth-child(2) {
						left: 30px;
						top: -30px;
					}
					&:last-child {
						right: 40px;
						bottom: 70px;
					}
				}
			}
			@media screen and (max-width: 767px) {
				.img {
					background-size: contain;
					padding-top: 163vw;
					margin-top: 16%;
					.txtBox {
						top: 58vw;
					}
					a {
						img {
							width: 100%;
						}
						&:nth-child(2) {
							left: 5%;
							top: -5vw;
							width: 30%;
						}
						&:last-child {
							right: 7%;
							bottom: 10vw;
							width: 34%;
						}
					}
				}
			}
		}
		.logo {
			margin: 80px auto 0;
			text-align: center;
			img {
				width: 10%;
			}
			@media screen and (max-width: 767px) {
				img {
					width: 20%;
				}
			}
		}
	}

	.journal2024decCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 40px auto 50px;
			.ttl {
				text-align: center;
				font-size: 24px;
				margin-bottom: 30px;
			}
			.lead {
				text-align: center;
				font-size: 20px;
				line-height: 1.7;
				span {
					font-size: 16px;
				}
			}
			@media screen and (max-width: 767px) {
				margin: 10% 5%;
				.ttl {
					font-size: 18px;
				}
				.lead {
					font-size: 16px;
					span {
						font-size: 12px;
					}
				}
			}
		}
		.product01,.product02 {
			margin: 0 auto 80px;
			.ttl {
				font-size: 50px;
				text-align: left;
			}
			.txt {
				font-size: 16px;
				text-align: left;
			}
			@media screen and (max-width: 767px) {
				.ttl {
					font-size: 30px;
					margin: 0 3%;
				}
				.txt {
					font-size: 10px;
					margin: 0 3%;
				}
			}
		}
		.product01 {
			.img {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2024dec/img01_01.jpg) no-repeat top center;
				padding-top: 1730px;
				padding-bottom: 37px;
				margin-top: 50px;
				.txtBox {
					position: absolute;
					top: 770px;
					width: 100%;
				}
				a {
					position: absolute;
					img {
						width: 90%;
					}
					&:nth-child(2) {
						left: 135px;
						top: 70px;
					}
					&:nth-child(3) {
						right: 30px;
    				top: 480px;
					}
					&:nth-child(4) {
						left: 50px;
						top: 1010px;
					}
					&:last-child {
						right: 40px;
    				top: 1340px;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin:0 auto 10%;
				.img {
					width: 100%;
					background-size: contain;
					padding-top: 225vw;
					margin-top: 10%;
					.txtBox{
						top: 98vw;
						.ttl {
							margin: 0 3% 0 10%;
						}
						.txt {
							margin: 0 3% 0 10%;
						}
					}
					a {
						height: auto;
						img {
							width: 100%;
						}
						&:nth-child(2) {
							left: 13%;
							top: 0;
							width: 40%;
						}
						&:nth-child(3) {
							right: 7%;
							top: 63vw;
							width: 36%;
						}
						&:nth-child(4) {
							left: 5%;
							top: 129vw;
							width: 32%;
						}
						&:last-child {
							top: 175vw;
        			right: 6%;
							width: 30%;
						}
					}
				}
			}
		}
		.product02 {
			margin:0 auto 10%;
			.img {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2024dec/img02_01.jpg) no-repeat top center;
				padding-top: 1218px;
				.txtBox {
					position: absolute;
					top: 460px;
					width: 100%;
				}
				a {
					position: absolute;
					img {
						width: 90%;
					}
					&:nth-child(2) {
						left: 30px;
						top: -30px;
					}
					&:last-child {
						right: 40px;
						bottom: 70px;
					}
				}
			}
			@media screen and (max-width: 767px) {
				.img {
					background-size: contain;
					padding-top: 163vw;
					margin-top: 16%;
					.txtBox {
						top: 61vw;
        		left: 5%;
					}
					a {
						img {
							width: 100%;
						}
						&:nth-child(2) {
							left: 9%;
							top: -4vw;
							width: 38%;
						}
						&:last-child {
							right: 9%;
							bottom: 10vw;
							width: 40%;
						}
					}
				}
			}
		}
		.product03 {

		}
		.logo {
			margin: 80px auto 0;
			text-align: center;
			img {
				width: 10%;
			}
			@media screen and (max-width: 767px) {
				img {
					width: 20%;
				}
			}
		}
	}


	.journalBlackCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 80px auto;
			img {
				width: auto;
				display: block;
				margin: 0 auto 50px;
			}
			p {
				color: #fff;
				font-size: 18px;
				line-height: 2;
				text-align: center;
			}
			@media screen and (max-width: 767px) {
				margin: 10% 2%;
				img {
					width: 80%;
					margin-bottom: 5%;
				}
				p {
					font-size: 14px;
				}
			}
		}
		.lead {
			text-align: center;
			p {
				color: #fff;
				font-size: 18px;
				line-height: 2;
				text-align: center;
				margin-top: 30px;
			}
				@media screen and (max-width: 767px) {
					img {
						width: 90%;
						margin: 0 auto;
					}
					p {
						font-size: 14px;
					}
				}
		}
		.sec01,.sec02,.sec03 {
			margin: 0 auto 80px;
			img {
				width: 100%;
				height: auto;
			}
			.main {
				.name {
					margin: 10px 50px 30px auto;
					color: #d3a1b0;
					font-size: 14px;
					text-align: right;
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 15%;
				padding: 0 5%;
				.main {
					.name {
						margin: 4% 6% 8% auto;
						font-size: 10px;
					}
				}
			}
		}
		.sec01 {
			.img01 {
				display: flex;
				justify-content: space-between;
				align-items: center;
				img {
					width: 49%;
				}
			}
			.img02 {
				margin: 20px auto;
			}
			.img03 {
				width: 80%;
				margin: 0 auto;
			}
			.img04 {
				margin: 20px auto;
				display: flex;
				justify-content: space-between;
				align-items: center;
				img {
					width: 49%;
				}
			}
			.img05 {
				margin-bottom: 20px;
			}
			.txt {
				color: #d3a1b0;
				font-size: 18px;
				line-height: 2;
				text-align: center;
			}
			@media screen and (max-width: 767px) {
				.txt {
					font-size: 12px;
				}
			}
		}
		.sec02 {
			.img01,.img03 {
				width: 80%;
				margin: 0 auto;
			}
			.img02 {
				margin: 20px auto;
				display: flex;
				justify-content: space-between;
				align-items: center;
				img {
					width: 49%;
				}
			}
			.txt {
				margin-top: 20px;
				color: #d3a1b0;
				font-size: 18px;
				line-height: 2;
				text-align: center;
			}
			@media screen and (max-width: 767px) {
				.txt {
					font-size: 12px;
				}
			}
		}
		.sec03 {
			.img01,.img03 {
				display: flex;
				justify-content: space-between;
				align-items: center;
				img {
					width: 49%;
				}
			}
			.img02 {
				margin: 20px auto;
			}
			.img04 {
				margin: 20px auto;
				width: 80%;
			}
			.txt {
				color: #d3a1b0;
				font-size: 18px;
				line-height: 2;
				text-align: center;
			}
			@media screen and (max-width: 767px) {
				.txt {
					font-size: 12px;
				}
			}
		}
		.logo {
			margin: 80px auto 0;
			padding-bottom: 100px;
			text-align: center;
			img {
				width: 10%;
			}
			@media screen and (max-width: 767px) {
				img {
					width: 20%;
				}
			}
		}
		.movie {
			width: 100%;
			height: auto;
			position: relative;
			padding-bottom: 56.25%;
			margin: 0 auto 70px;
			iframe {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}
			@media (max-width: 767px) {
				margin: 8% auto;
			}
		}
	}

	.journal2024chikazawaCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin-bottom: 60px;
			h2 {
				text-align: center;
				font-size: 20px;
				color: #c57796;
				line-height: 2;
				margin: 50px auto 20px;
				display: block;
				@media (max-width: 767px) {
					font-size: 16px;
					line-height: 1.7;
				}
			}
			p {
				text-align: center;
				font-size: 16px;
				line-height: 1.8;
				@media (max-width: 767px) {
					font-size: 13px;
				}
			}
		}

		.chikazawa {
			margin-bottom: 60px;
			text-align: center;
			.img {
				img:last-child {
					margin-top: 30px;
				}
				@media (max-width: 767px) {
					width: 80%;
					margin: 0 auto;
					img:last-child {
						width: 70%;
					}
				}
			}
			p {
				margin: 50px auto;
				font-size: 16px;
				@media (max-width: 767px) {
					margin: 30px auto;
					font-size: 12px;
					line-height: 1.7;
				}
			}
		}

		.original {
			margin-bottom: 60px;
			text-align: center;
			.ttl {
				@media (max-width: 767px) {
					width: 50%;
					margin: 0 auto;
				}
			}
			.img {
				margin: 30px;
			}
			p {
				font-size: 16px;
				@media (max-width: 767px) {
					font-size: 12px;
				}
			}
		}

		.lineup {
			margin-bottom: 60px;
			text-align: center;
			.ttl {
				margin-bottom: 50px;
				@media (max-width: 767px) {
					width: 30%;
					margin: 0 auto 30px;
				}
			}
			.lineup01,.lineup02,.lineup03 {
				margin-bottom: 50px;
				.price {
					margin-top: 20px;
					color: #333;
					a {
						display: inline-block;
						color: #fff;
						background-color: #d39fb1;
						padding: 7px 10px;
						&:hover {
							opacity: .6;
						}
					}
				}
			}
			.lineup01 {
				.price {
					text-align: right;
					margin-right: 50px;
					@media (max-width: 767px) {
						margin-right: 25px;
					}
				}
			}
			.lineup02 {
				.price {
					text-align: left;
					margin-left: 95px;
					@media (max-width: 767px) {
						margin-left: 48px;
					}
				}
			}
			.lineup03 {
				position: relative;
				.price {
					position: absolute;
					text-align: right;
					right: 63px;
					bottom: 20px;
					@media (max-width: 767px) {
						right: 32px;
						bottom: -15px;
					}
				}
			}
		}

		.set01 {
			margin-bottom: 60px;
			text-align: center;
			.ttl {
				margin-bottom: 30px;
				p {
					font-size: 16px;
					margin-top: 30px;
					@media (max-width: 767px) {
						font-size: 13px;
					}
				}
			}
			.price {
				margin-top: 20px;
				color: #333;
				a {
					display: inline-block;
					color: #fff;
					background-color: #d39fb1;
					padding: 7px 10px;
					&:hover {
						opacity: .6;
					}
				}
			}
			.setBox {
				.ttl {
					font-size: 18px;
					font-weight: bold;
					margin-bottom: 20px;
					@media (max-width: 767px) {
						font-size: 16px;
					}
				}
				.flex {
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					margin: 0 3%;
					.set01,.set02 {
						width: 48%;
					}
				}
			}
			.setBox2 {
				position: relative;
				p {
					position: absolute;
					font-size: 16px;
					text-align: left;
					right: 60px;
    			bottom: 50px;
					@media (max-width: 767px) {
						font-size: 12px;
						right: 0;
    				bottom: 0;
					}
				}
			}
		}
		.set02 {
			text-align: center;
			.price {
				margin-top: 20px;
				color: #333;
				a {
					display: inline-block;
					color: #fff;
					background-color: #d39fb1;
					padding: 7px 10px;
					&:hover {
						opacity: .6;
					}
				}
			}
			.ttl {
					font-size: 18px;
					font-weight: bold;
					margin-bottom: 20px;
					@media (max-width: 767px) {
						font-size: 16px;
					}
				}
			.set04,.set05 {
				margin-bottom: 50px;
				@media (max-width: 767px) {
					img {
						width: 70%;
					}
				}
			}
			.setBox2 {
				position: relative;
				p {
					position: absolute;
					font-size: 16px;
					text-align: left;
					right: 60px;
    			bottom: 50px;
					@media (max-width: 767px) {
						font-size: 12px;
						right: 0;
    				bottom: 0;
					}
				}
			}
		}
		.logo {
			text-align: center;
			width: 100px;
			margin: 60px auto 0;
			 img {
				width: 100%;
				height: auto;
			 }
		}
	}

	.journal2024chikazawa2Cont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin-bottom: 60px;
			h2 {
				text-align: center;
				font-size: 24px;
				font-weight: bold;
				color: #c57796;
				line-height: 2;
				margin: 50px auto 20px;
				display: block;
				@media (max-width: 767px) {
					font-size: 18px;
					line-height: 1.7;
				}
			}
			p {
				text-align: center;
				font-size: 18px;
				line-height: 1.8;
				@media (max-width: 767px) {
					font-size: 13px;
				}
			}
		}

		.chikazawa {
			margin-bottom: 60px;
			text-align: center;
			.img {
				img:last-child {
					margin-top: 30px;
					width: 150px;
				}
				@media (max-width: 767px) {
					width: 80%;
					margin: 0 auto;
					img:last-child {
						width: 70%;
						width: 40%;
					}
				}
			}
			p {
				margin: 50px auto;
				font-size: 18px;
				@media (max-width: 767px) {
					margin: 30px auto;
					font-size: 12px;
					line-height: 1.7;
				}
			}
		}

		.price {
			margin-top: 20px;
			color: #333;
			font-size: 22px;
			display: inline-block;
			text-align: left;
			span {
				font-size: 14px;
			}
			a {
				display: inline-block;
				color: #fff;
				background-color: #cd8a97;
				padding: 7px 10px;
				font-size: 16px;
				&:hover {
					opacity: .6;
				}
			}
			@media (max-width: 767px) {
				font-size: 16px;
				margin-top: 5%;
				span {
					font-size: 12px;
				}
				a {
					font-size: 13px;
				}
			}
		}

		.lineup {
			margin-bottom: 50px;
			text-align: center;
			background-color: #f7dade;
			padding: 50px 20px;
			@media (max-width: 767px) {
				padding: 8% 3%;
				margin: 0 2% 10%;
			}
			.ttl {
				margin-bottom: 20px;
				@media (max-width: 767px) {
					width: 90%;
					margin: 0 auto 30px;
				}
			}
			p{
				font-size: 20px;
				margin-bottom: 40px;
				@media (max-width: 767px) {
					font-size: 12px;
				}
			}
			.img {
				img {
					margin-bottom: 30px;
				}
			}
				
			.priceBox01 {
				text-align: right;
				.price {
					margin: 0 0 0 auto;
					text-align: center;
				}
			}
		}

		.lineup2 {
			margin-bottom: 50px;
			text-align: center;
			background-color: #f7dade;
			padding: 50px 20px;
			@media (max-width: 767px) {
				padding: 8% 3%;
				margin: 0 2% 10%;
			}
			.ttl {
				margin-bottom: 20px;
				@media (max-width: 767px) {
					width: 80%;
					margin: 0 auto 6%;
				}
			}
			.ttl02 {
				margin:50px auto 20px;
				@media (max-width: 767px) {
					width: 90%;
					margin: 10% auto 6%;
				}
			}
			.item02 {
				display: flex;
				align-items: center;
				justify-content: center;
				.priceBox02 {
					margin: 70px 0 0 40px;
				}
				@media (max-width: 767px) {
					.img {
						width: 40%;
					}
					.priceBox02 {
						margin: 10vw 0 0 4%;
					}
				}
			}
			.item03 {
				display: flex;
				align-items: center;
				justify-content: center;
				.priceBox03 {
					margin: 70px 40px 0 0;
				}
				@media (max-width: 767px) {
					.img {
						width: 40%;
					}
					.priceBox03 {
						margin: 10vw 4% 0 0;
					}
				}
			}
			.item04 {
				margin: 30px auto;
				display: flex;
				align-items: center;
				justify-content: center;
				.priceBox04 {
					margin: 0 0 0 40px;
					.ttl02 {
						margin: 40px auto 0;
					}
					.ttl03 {
						margin-top: 40px;
					}
				}
				@media (max-width: 767px) {
					.img {
						width: 50%;
					}
					.priceBox04 {
						margin: 0 0 0 4%;
						width: 46%;
						.ttl01 {
							img {
								width: 20%;
							}
						}
						.ttl02 {
							margin: 8% auto 0;
						}
						.ttl03 {
							margin-top: 8%;
						}
					}
				}
			}
			.item04ex {
				margin: 40px auto 0;
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				.txt {
					text-align: left;
					margin-left: 30px;
					font-size: 20px;
				}
				.img {
					margin: 0 0 0 40px;
				}
				@media (max-width: 767px) {
					.txt {
						margin-left: 0;
						font-size: 12px;
					}
					.img {
						width: 30%;
						margin: 0 0 0 4%;
					}
				}
			}
		}

		.movie {
			width: 100%;
			height: auto;
			position: relative;
			padding-bottom: 56.25%;
			margin: 0 auto 70px;
			iframe {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}
			@media (max-width: 767px) {
				margin: 8% auto;
			}
		}

		.logo {
			text-align: center;
			width: 100px;
			margin: 60px auto 0;
			 img {
				width: 100%;
				height: auto;
			 }
		}
	}

	.journal2024moreaCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 50px auto;
			h3 {
				font-size: 40px;
				font-weight: bold;
				text-align: center;
				color: #d296b5;
				margin: 0 auto 50px;
			}
			.ttl {
				background: url(../packages/bootstrap/img/journal/2024morea/img01.jpg) no-repeat center / cover;
				width: 100%;
				height: 500px;
				position: relative;
				p {
					position: absolute;
					text-align: center;
					font-size: 20px;
					line-height: 1.7;
					top: 290px;
					left: 100px;
				}
			}
			@media screen and (max-width: 767px) {
				margin: 10% 2%;
				h3 {
					font-size: 20px;
					margin: 0 auto 10%;
				}
				.ttl {
					height: 68vw;
					p {
						font-size: 14px;
						top: 38vw;
        		left: 3vw;
					}
				}
			}
		}
		.product {
			margin: 60px auto;
			.img {
				margin: 0 auto 30px;
			}
			p {
				text-align: center;
				font-size: 16px;
			}
			.flex {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				width: 60%;
				margin: 0 auto;
				.colorTxt {
					width: 50%;
					text-align: center;
					.color {
						font-size: 24px;
						margin: 0 auto 10px;
					}
					.txt {
						font-size: 16px;
					}
				}
			}
			&.size {
				.flex {
					width: 90%;
					p {
						text-align: left;
						&:last-child {
							text-align: right;
						}
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 15% auto;
				.img {
					margin: 0 auto 6%;
				}
				p {
					font-size: 12px;
				}
				.flex {
					width: 90%;
					.colorTxt {
						width: 50%;
						.color {
							font-size: 18px;
							margin: 0 auto 5%;
						}
						.txt {
							font-size: 12px;
						}
					}
				}
			}
		}
		.point {
			margin: 60px auto;
			.img {
				margin: 0 auto 15px;
			}
			p {
				font-size: 16px;
				text-align: right;
				color: #000;
				font-weight: normal;
				margin: 0 60px 0 auto;
			}
			&.left {
				p {
					text-align: left;
					margin: 0 auto 0 90px;
				}
			}
			@media screen and (max-width: 767px) {
				margin: 15% auto;
				.img {
					margin: 0 auto 3%;
				}
				p {
					font-size: 12px;
					margin: 0 5% 0 auto;
				}
				&.left {
					p {
						margin: 0 auto 0 8%;
					}
				}
			}
		}

		.logo {
			text-align: center;
			width: 100px;
			margin: 60px auto 0;
			 img {
				width: 100%;
				height: auto;
			 }
		}

	}


	.journal2024legendCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 40px auto 50px;
				text-align: center;
			h2 {
				color: #ba778b;
				font-size: 28px;
				font-weight: bold;
				margin: 30px auto;
				display: block;
			}
			.lead {
				font-size: 20px;
				line-height: 1.7;
			}
			@media screen and (max-width: 767px) {
				margin: 10% 5%;
				h2 {
					font-size: 18px;
					margin: 5% auto;
				}
				.lead {
					font-size: 12px;
				}
			}
		}
		.product01,.product02,.product03 {
			margin: 0 auto 80px;
			.txt {
				font-size: 16px;
				text-align: center;
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 15%;
				.txt {
					font-size: 12px;
					margin: 0 3%;
				}
			}
		}
		.product01 {
			.img {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2024legend/img01_01.jpg) no-repeat top center;
				padding-top: 1430px;
				margin: 50px auto;
				a {
					position: absolute;
					img {
						width: 100%;
					}
					&:first-child {
						left: 0;
						top: 760px;
					}
					&:nth-child(2) {
						left: 170px;
    				top: 850px;
					}
					&:nth-child(3) {
						left: 365px;
						top: 930px;
					}
					&:last-child {
						right: 0;
						bottom: 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin-bottom: 10%;
				.img {
					width: 100%;
					background-size: contain;
					padding-top: 167vw;
        	padding-bottom: 40px;
					margin: 8% auto;
					a {
						height: auto;
						img {
							width: 100%;
						}
						&:first-child {
							left: 3vw;
							top: 93vw;
							width: 33%;
						}
						&:nth-child(2) {
							left: 25vw;
							top: 102vw;
							width: 30%;
						}
						&:nth-child(3) {
							left: 49vw;
							top: 118vw;
							width: 21%;
						}
						&:last-child {
							right: 5vw;
       				width: 28%;
						}
					}
				}
			}
		}
		.product02 {
			.img {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2024legend/img02_01.jpg) no-repeat top center;
				padding-top: 1550px;
				margin-bottom: 50px;
				a {
					position: absolute;
					img {
						width: 100%;
					}
					&:first-child {
						right: 0;
    				top: 710px;
					}
					&:nth-child(2) {
						left: 325px;
    				top: 910px;
					}
					&:nth-child(3) {
						left: 215px;
						top: 1030px;
					}
					&:last-child {
						left: 0;
    				bottom: 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				.img {
					background-size: contain;
					padding-top: 0;
					padding-bottom: 206vw;
					margin-bottom: 8%;
					a {
						img {
							width: 100%;
						}
						&:first-child {
							right: 3vw;
							top: 101vw;
							width: 31%;
						}
						&:nth-child(2){
							left: 42vw;
							top: 122vw;
							width: 35%;
						}
						&:nth-child(3){
							left: 24vw;
							top: 133vw;
							width: 29%;
						}
						&:last-child {
							left: 3vw;
							bottom: 0;
							width: 27%;
						}
					}
				}
			}
		}
		.product03 {
			.img {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2024legend/img03_01.jpg) no-repeat top center;
				padding-bottom: 1530px;
				margin-bottom: 50px;
				a {
					position: absolute;
					img {
						width: 100%;
					}
					&:first-child {
						right: 0;
						top: 490px;
					}
					&:nth-child(2) {
						left: 0;
						top: 850px;
					}
					&:nth-child(3) {
						left: 250px;
    				top: 1040px;
					}
					&:last-child {
						right: 100px;
						bottom: 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				.img {
					background-size: contain;
					padding-bottom: 200vw;
					a {
						img {
							width: 100%;
						}
						&:first-child {
							right: 3vw;
							top: 65vw;
							width: 39%;
						}
						&:nth-child(2) {
							left: 3vw;
							top: 121vw;
							width: 31%;
						}
						&:nth-child(3) {
							left: 36vw;
							top: 140vw;
							width: 23%;
						}
						&:last-child {
							right: 12vw;
							bottom: -5vw;
							width: 26%;
						}
					}
				}
				
			}
		}
		.logo {
			margin: 80px auto 0;
			text-align: center;
			img {
				width: 10%;
			}
			@media screen and (max-width: 767px) {
				img {
					width: 20%;
				}
			}
		}
	}


	.journal2025janCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 50px auto;
			.ttl {
				text-align: center;
				font-size: 24px;
				font-weight: bold;
			}
			@media screen and (max-width: 767px) {
				margin: 10% 5%;
				.ttl {
					font-size: 18px;
				}
			}
		}
		.product01,.product02,.product03,.product04,.product05,.product06 {
			margin: 0 auto 80px;
			.txt {
				font-size: 16px;
				text-align: left;
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.txt {
					font-size: 12px;
					margin: 0 3%;
				}
			}
		}
		.product01 {
			position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2025jan/img01_01.jpg) no-repeat top center;
				padding-top: 950px;
				.txt {
					position: absolute;
					top: 520px;
    			left: 30px;
				}
			.img {
				position: relative;
				height: 350px;
				a {
					position: absolute;
					bottom: 0;
					img {
						width: 90%;
					}
					&:first-child {
						left: 0;
						z-index: 4;
					}
					&:nth-child(2) {
						left: 140px;
						z-index: 3;
					}
					&:nth-child(3) {
						left: 360px;
					}
					&:last-child {
						right: 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				width: 100%;
				background-size: contain;
				padding-top: 117vw;
				.txt {
					top: 67vw;
    			left: 1vw;
					width: 73vw;
				}
				.img {
					height: 270px;
					a {
						height: auto;
						img {
							width: 100%;
						}
						&:first-child {
							left: 0%;
        			width: 26%;
						}
						&:nth-child(2) {
							left: 62px;
							width: 46%;
						}
						&:nth-child(3) {
							left: 180px;
        			width: 40%;
						}
						&:last-child {
							right: 1%;
							width: 31%;
						}
					}
				}
			}
		}
		.product02 {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2025jan/img02_01.jpg) no-repeat top center;
				padding-top: 1290px;
			.txt {
				position: absolute;
				top: 510px;
				right: 40px;
			}
			.img {
				position: relative;
				a {
					position: absolute;
					bottom: 0;
					img {
						width: 90%;
					}
					&:first-child {
						left: 0;
					}
					&:nth-child(2) {
						left: 220px;
					}
					&:last-child {
						right: 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				background-size: contain;
				padding-top: 115vw;
				.txt {
					top: 67vw;
    			right: 1vw;
					width: 73vw;
				}
				.img {
					height: 250px;
					a {
						img {
							width: 100%;
						}
						&:first-child {
							left: 10px;
        			width: 30%;
						}
						&:nth-child(2) {
							left: 110px;
       				width: 33%;
						}
						&:last-child {
							right: 0;
       				width: 32%;
						}
					}
				}
			}
		}
		.product03 {
			position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2025jan/img03_01.jpg) no-repeat top center;
    		padding-bottom: 1382px;
				.txt {
					position: absolute;
					top: 530px;
    			left: 23px;
				}
			.img {
				position: relative;
				a {
					position: absolute;
					&:first-child {
						top: 560px;
						right: 50px;
					}
					&:last-child {
						top: 920px;
						left: 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
					background-size: contain;
        	padding-bottom: 180vw;
					.txt {
						top: 64vw;
						left: 1vw;
						width: 73vw;
					}
				.img {
					a {
						img {
							width: 100%;
						}
						&:first-child {
							top: 83vw;
							right: 9%;
							width: 30%;
						}
						&:last-child {
							top: 123vw;
							left: 3%;
							width: 45%;
						}
					}
				}
				
			}
		}
		.product04 {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2025jan/img04_01.jpg) no-repeat top center;
				padding-top: 1340px;
			.txt {
				position: absolute;
				top: 510px;
    		right: 40px;
			}
			.img {
				position: relative;
				a {
					position: absolute;
					&:first-child {
						left: 0;
    				top: -690px;
					}
					&:last-child {
						right: 0;
    				top: -450px;
					}
				}
			}
			@media screen and (max-width: 767px) {
					background-size: contain;
					padding-top: 166vw;
					.txt {
						top: 67vw;
						right: 1vw;
						width: 73vw;
					}
				.img {
					a {
						img {
							width: 100%;
						}
						&:first-child {
							left: 10%;
							top: -73vw;
							width: 36%;
						}
						&:last-child {
							right: 5%;
							top: -44vw;
							width: 50%;
						}
					}
				}
			}
		}
		.product05 {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2025jan/img05_01.jpg) no-repeat top center;
				padding-top: 1360px;
			.txt {
				position: absolute;
				top: 520px;
				left: 23px;
			}
			.img {
				position: relative;
				a {
					position: absolute;
					&:first-child {
						left: 0;
    				top: -660px;
					}
					&:last-child {
						right: 170px;
						top: -470px;
					}
				}
			}
			@media screen and (max-width: 767px) {
					background-size: contain;
					padding-top: 170vw;
					.txt {
						top: 67vw;
						left: 1vw;
						width: 73vw;
					}
				.img {
					a {
						img {
							width: 100%;
						}
						&:first-child {
							left: 6%;
							top: -71vw;
							width: 32%;
						}
						&:last-child {
							right: 25%;
							top: -52vw;
							width: 32%;
						}
					}
				}
			}
		}
		.product06 {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2025jan/img06_01.jpg) no-repeat top center;
				padding-top: 1100px;
			.txt {
				position: absolute;
				top: 510px;
    		right: 40px;
			}
			.img {
				position: relative;
				a {
					position: absolute;
					&:first-child {
						right: 0;
    				top: -430px;
					}
				}
			}
			@media screen and (max-width: 767px) {
					background-size: contain;
					padding-top: 130vw;
				.txt {
					top: 66vw;
    			right: 1vw;
					width: 73vw;
				}
				.img {
					a {
						img {
							width: 100%;
						}
						&:first-child {
							right: 4%;
							top: -38vw;
							width: 45%;
						}
					}
				}
			}
		}
		.logo {
			margin: 80px auto 0;
			text-align: center;
			img {
				width: 10%;
			}
			@media screen and (max-width: 767px) {
				img {
					width: 20%;
				}
			}
		}
	}

	.journal2025febCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 50px auto;
			.ttl {
				text-align: center;
				font-size: 24px;
				font-weight: bold;
			}
			@media screen and (max-width: 767px) {
				margin: 10% 5%;
				.ttl {
					font-size: 18px;
				}
			}
		}
		.product01,.product02 {
			margin: 0 auto 80px;
			.txt {
				font-size: 16px;
				text-align: left;
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.txt {
					font-size: 12px;
					margin: 0 3%;
				}
			}
		}
		.product01 {
			position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2025feb/img01_01.jpg) no-repeat top center;
				padding-top: 950px;
				.txt {
					position: absolute;
					top: 500px;
    			left: 24px;
				}
			.img {
				position: relative;
				height: 350px;
				a {
					position: absolute;
					bottom: 0;
					img {
						width: 90%;
					}
					&:first-child {
						left: 0;
						z-index: 4;
					}
					&:nth-child(2) {
						left: 150px;
						z-index: 3;
					}
					&:nth-child(3) {
						left: 320px;
						z-index: 4;
					}
					&:last-child {
						right: 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				width: 100%;
				background-size: contain;
				padding-top: 117vw;
				.txt {
					top: 65vw;
					left: 1vw;
					width: 73vw;
					font-size: 11px;
				}
				.img {
					height: 230px;
					a {
						height: auto;
						img {
							width: 100%;
						}
						&:first-child {
							left: 0%;
        			width: 23%;
						}
						&:nth-child(2) {
							left: 89px;
        			width: 30%;
						}
						&:nth-child(3) {
							left: 168px;
        			width: 33%;
						}
						&:last-child {
							right: 1%;
							width: 38%;
						}
					}
				}
			}
		}
		.product02 {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2025feb/img02_01.jpg) no-repeat top center;
				padding-top: 1350px;
			.txt {
				position: absolute;
				top: 490px;
				right: 40px;
			}
			.img {
				position: relative;
				a {
					position: absolute;
					bottom: 0;
					img {
						width: 90%;
					}
					&:first-child {
						left: 0;
					}
					&:nth-child(2) {
						left: 280px;
					}
					&:last-child {
						right: 0;
						bottom: 340px;
					}
				}
			}
			@media screen and (max-width: 767px) {
				background-size: contain;
				padding-top: 115vw;
				.txt {
					top: 64vw;
					right: 1vw;
					width: 73vw;
					font-size: 11px;
				}
				.img {
					height: 250px;
					a {
						img {
							width: 100%;
						}
						&:first-child {
							left: 8vw;
							width: 26%;
						}
						&:nth-child(2) {
							left: 40vw;
        			width: 43%;
						}
						&:last-child {
							right: 7vw;
							width: 32%;
							bottom: 50vw;
						}
					}
				}
			}
		}
		.logo {
			margin: 80px auto 0;
			text-align: center;
			img {
				width: 10%;
			}
			@media screen and (max-width: 767px) {
				img {
					width: 20%;
				}
			}
		}
	}

	.journal2025marCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 50px auto;
			.ttl {
				text-align: center;
				font-size: 24px;
				font-weight: bold;
			}
			@media screen and (max-width: 767px) {
				margin: 10% 5%;
				.ttl {
					font-size: 18px;
				}
			}
		}
		.product01,.product02 {
			margin: 0 auto 80px;
			.txt {
				font-size: 16px;
				text-align: left;
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.txt {
					font-size: 12px;
					margin: 0 3%;
				}
			}
		}
		.product01 {
			position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2025mar/img01_01.jpg) no-repeat top center;
				padding-top: 950px;
				.txt {
					position: absolute;
					top: 500px;
    			left: 24px;
				}
			.img {
				position: relative;
				height: 460px;
				a {
					position: absolute;
					bottom: 0;
					img {
						width: 90%;
					}
					&:first-child {
						left: 90px;
						bottom: 70px;
					}
					&:last-child {
						right: 110px;
					}
				}
			}
			@media screen and (max-width: 767px) {
				width: 100%;
				background-size: contain;
				padding-top: 117vw;
				.txt {
					top: 65vw;
					left: 1vw;
					width: 73vw;
					font-size: 10px;
				}
				.img {
					height: 270px;
					a {
						height: auto;
						img {
							width: 100%;
						}
						&:first-child {
							left: 10%;
							width: 33%;
							bottom: 0;
						}
						&:last-child {
							right: 11%;
							width: 44%;
							bottom: -20%;
						}
					}
				}
			}
		}
		.product02 {
				position: relative;
				background: url(/user_data/packages/bootstrap/img/journal/2025mar/img02_01.jpg) no-repeat top center;
				padding-top: 1350px;
			.txt {
				position: absolute;
				top: 490px;
				right: 40px;
			}
			.img {
				position: relative;
				a {
					position: absolute;
					bottom: 0;
					img {
						width: 90%;
					}
					&:first-child {
						left: 160px;
					}
					&:last-child {
						right: 60px;
    				bottom: -80px;
					}
				}
			}
			@media screen and (max-width: 767px) {
				background-size: contain;
				padding-top: 120vw;
				.txt {
					top: 64vw;
					right: 1vw;
					width: 73vw;
					font-size: 10px;
				}
				.img {
					height: 75vw;
					a {
						img {
							width: 100%;
						}
						&:first-child {
							left: 17vw;
        			width: 40%;
						}
						&:last-child {
							right: 6vw;
							width: 36%;
							bottom: -17vw;
						}
					}
				}
			}
		}
		.logo {
			margin: 80px auto 0;
			text-align: center;
			img {
				width: 10%;
			}
			@media screen and (max-width: 767px) {
				img {
					width: 20%;
				}
			}
		}
	}

	&.journal2025aprWrap {
		background-color: #f5e5e6;
		.journal2025aprCont {
			max-width: 750px;
			margin: 0 auto;
			.mv {
				margin: 0 auto;
			}
			.imgBox {
				position: relative;
				.link01,.link02,.link03,.link04,.link05,.link06,.link07,.link08,.link09 {
					position: absolute;
				}
				.link01 {
					width: 322px;
					height: 490px;
					top: 0px;
					right: 73px;
				}
				.link02 {
					width: 223px;
					height: 460px;
					top: 311px;
					left: 76px;
				}
				.link03 {
					width: 322px;
					height: 265px;
					top: 506px;
					right: 73px;
				}
				.link09 {
					width: 195px;
					height: 281px;
					top: 0;
					left: 61px;
				}
				.link04 {
					width: 195px;
					height: 281px;
					top: 0;
					right: 61px;
				}
				.link05 {
					width: 196px;
					height: 279px;
					top: 600px;
					left: 62px;
				}
				.link06 {
					width: 196px;
					height: 279px;
					top: 601px;
					right: 60px;
				}
				.link07 {
					width: 331px;
					height: 520px;
					top: 149px;
					right: 54px;
				}
				.link08 {
					width: 230px;
					height: 344px;
					top: 792px;
					right: 93px;
				}
				@media screen and (max-width: 767px) {
					.link01 {
						width: 43%;
						height: 64%;
						top: 0px;
						right: 10%;
					}
					.link02 {
						width: 30%;
						height: 59%;
						top: 41%;
						left: 10%;
					}
					.link03 {
						width: 43%;
						height: 34%;
						top: 66%;
						right: 10%;
					}
					.link09 {
						width: 26%;
						height: 32%;
						top: 0;
						left: 8%;
					}
					.link04 {
						width: 26%;
						height: 32%;
						top: 0;
						right: 8%;
					}
					.link05 {
						width: 26%;
						height: 32%;
						top: 68%;
						left: 8%;
					}
					.link06 {
						width: 26%;
						height: 31%;
						top: 69%;
						right: 8%;
					}
					.link07 {
						width: 45%;
						height: 42%;
						top: 12%;
						right: 7%;
					}
					.link08 {
						width: 31%;
						height: 28%;
						top: 63%;
						right: 12%;
					}
				}
			}
		}
	}
	

	/*jsアニメーション*/
	.fuwatAnime {
		-webkit-animation-fill-mode: both;
		-ms-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-duration: 1.5s;
		-ms-animation-duration: 1.5s;
		animation-duration: 1.5s;
		-webkit-animation-name: fuwatAnime;
		-ms-animation-name: fuwatAnime;
		animation-name: fuwatAnime;
		visibility: visible !important;
	}
	
	@-webkit-keyframes fuwatAnime {
		0% {
			opacity: 0;
			-webkit-transform: translateY(80px);
		}
	
		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
		}
	}
	
	@keyframes fuwatAnime {
		0% {
			opacity: 0;
			-webkit-transform: translateY(80px);
			-ms-transform: translateY(80px);
			transform: translateY(80px);
		}
	
		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
		}
	}
}