@media screen and (max-width: 768px) {

	/*------↓記事ごとの記述スタート↓------*/
	.ma_featured_wrap {
		margin-bottom: 40px;
	}

	.ma_featured_inner {
		width: 90%;
		margin: 0 auto;
	}

	body {

		& p {
			font-size: 16px;
			line-height: 1.8;
		}
	}
	
	img {
		max-width: 100%;
		height: auto;
	}


	.section {
		margin-top: 40px;
	}

	.main__header {
		background-color: black;
		display: flex;
		flex-direction: column;
		padding: 200px 20px 20px 20px;
		margin-top: 30px;
		position: relative;

	}

	.main__header::before {
		content: '';
		position: absolute;
		background-image: url(../img/main_title.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 210px;
        height: 210px;
        top: -34px;
        left: 59px;
	}

	.main__l {
		color: #fff;
	}

	.main__r {
		margin-top: 15px;

		& img.main__r {
			width: 80%;
		}
	}

	.main_topic {
		font-size: 30px;

		& .yellow {
			color: yellow;
		}

		& .normal {
			font-size: 20px;
		}
	}

	.main__txt {
		margin-top: 20px;
	}


	/* ---section--- */
	.section__main {
		display: flex;
		gap: 10px;
		margin-top: 20px;
		flex-direction: column;
	}

	.section__topics {
		width: 50%;
	}

	.content {
		padding: 20px;
        background-color: #fffbd0;
		order: 2;
	}

	.content__topic {
		font-size: 20px;
		letter-spacing: 3px;
	}
	
	.txt__wrap {
		display: flex;
		/* gap: 10px; */
		flex-direction: column;
		margin-top: 10px;
	}

	.content__txt {
		margin-top: 10px;
		order: 2;
	}

	img.organizer__img {
		width: 37%;
		height: 100%;
	}

	.photo {
		margin-top: 20px;
	}

	
	.photo__group {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin-top: 20px;
		
	}
	
	.photo__group img {
		width: calc(50% - 5px);
		height: auto;
		object-fit: cover;
	}
	
	/* section__basketball */
	.section__basketball {
		margin-top: 50px;
	}
	
	.photo__bask {
		position: relative;

		::before {
			content: '';
			position: absolute;
			background-image: url(../img/pic__basketball.png);
			background-repeat: no-repeat;
			background-size: contain;
			width: 134px;
			height: 235px;
			top: -16px;
			right: 0;
			transform: rotate(15deg);
			z-index: 1;

		}
	}

	img.photo__bask {
		width: 80%;
	}

	@media screen and (max-width:425px) {
		.photo__bask ::before {
			width: 90px;
			height: 150px;
			top: -16px;
			right: 0;
		}
	}


	/* section__whiskey */
	.content__whis {
		position: relative;
	
		&::after {
			content: '';
			position: absolute;
			background-image: url(../img/pic_whisky.png);
			background-repeat: no-repeat;
			background-size: contain;
			width: 118px;
            height: 279px;
			bottom: 120px;
            right: 15px;
		}

	}

	@media screen and (max-width:425px) {
		.content__whis::after {
			width: 100px;
			height: 123px;
			top: 39px;
			right: -17px;
		}
	}

	/* section__BN */
	.section__main--BN {
		position: relative;

		&::before {
			content: '';
			position: absolute;
			background-image: url(../img/pic__singer.png);
			background-repeat: no-repeat;
			background-size: contain;
			width: 113px;
            height: 197px;
            transform: scalex(-1);
            right: 35px;
            bottom: 144px;
		}
	}

	.photo__group--BN {
		position: relative;

		&::after {
			content: '';
			position: absolute;
			background-image: url(../img/pic__hakase.png);
			background-repeat: no-repeat;
			background-size: contain;
			width: 80px;
            height: 150px;
            right: 39px;
            bottom: 0;
		}
	}

	img.organizer__img--handa {
		/* margin-left: auto; */
	}

	@media screen and (max-width:425px) {
		.section__main--BN::before {
			width: 83px;
            height: 197px;
            right: 35px;
            bottom: 144px;
		}
	}

	/* section__molukku */
	.content__mol {
		position: relative;

		&::after {
			content: '';
			position: absolute;
			background-image: url(../img/pic_molukku.png);
			background-repeat: no-repeat;
			background-size: contain;
			width: 205px;
			height: 252px;
			bottom: 190px;
			right: -22px;
			z-index: 10;
		}
	}

	.ditail {
		display: flex;
		align-items: center;
		gap: 20px;
		flex-direction: column;
		
		/* &.ditail img {
			width: 40%;
		} */
	}

	.ditail__molukku {
		padding: 0 38px;
		position: relative;

		& h4 {
			font-size: 20px;
			text-align: center;
		}

		&::before,
		&::after {
			content: '';
			position: absolute;
			background-repeat: no-repeat;
			background-size: 100% 100%;
            width: 50px;
            height: 100%;
            top: 17px;
		}

		&::before {
			background-image: url(../img/kakko_l.png);
			left: -9px;
		}

		&::after {
			background-image: url(../img/kakko_r.png);
			right: -7px;
		}
	}

	.ditail__txt {
		margin-top: 10px;
	}

	.photo__group--molukku {
		flex-direction: column;
		margin-top: 35px;
	}

	.group__l {
		display: flex;
		align-items: center;
		justify-content: space-between;

	}

	.group__l img {
		height: 100%;
	}

	.group__r {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;

		&::before,
		&::after {
			content: '';
			position: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			top: 10px;
		}

		&::before {
			background-image: url(../img/04_moji--01.png);
			width: 80px;
			height: 50px;
			left: 0;
		}

		&::after {
			background-image: url(../img/04_moji--02.png);
			width: 130px;
			height: 100px;
			right: 12px;
		}
	}

	.group__r img {
		height: 350px;
	}

	@media screen and (max-width:425px) {
		.content__mol::after {
			width: 150px;
			height: 150px;
			top: 0;
			right: -22px;
			z-index: 10;
		}
	}


	/* main__footer */
	.main__footer {
		padding: 10px 20px;
		display: flex;
		flex-direction: column;
		background-color: black;
		gap: 10px;
		margin-top: 30px;
	}

	img.main__footer--img {
		width: 35%;
	}

	.photo__list {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		align-items: center;
	}

	.photo__item {
		width: calc(50% - 5px);
	}

	.item__txt {
		color: #fff;
		text-align: center;
	}

	/*------記事ごとの記述終わり------*/

}

/* media screen fin */