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

.maxWidth {
	max-width:1280px;
}
p.setu {
	padding: 1em;
	line-height: 1.6;
/*	display: block;*/
	width: 33%;
}

p.setu3 {
	padding: 1em;
	line-height: 1.6;
/*	display: block;*/
	width:calc(12.5%*3);
}

p.setu4 {
	padding: 1em;
	line-height: 1.6;
/*	display: block;*/
	width: 24%;
}

.picTopClub {
	display:flex;
	flex-wrap: wrap;
	gap: 0px;
	padding: 0px;
}

.picClub {
	display:flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 2px;
}

.picLunch {
	display:flex;
	flex-wrap: wrap;
	gap: 2px;
	padding: 0px;
	box-sizing: border-box;
}

.picShohin {
	display:flex;
	flex-wrap: wrap;
	gap: 2px;
	padding: 0px;
	box-sizing: border-box;
}

.picTakesan {
	display:flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 2px;
}

.picKinen {
	display:flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 2px;
}

.picPartyMae {
	display:flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 2px;
}

.picMembers {
	display:flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 2px;
}

.picStart {
	display:flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 2px;
}

.pic5 {
	display:flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 2px;
}

.picTop img {
	width: calc(100% - 2px);
}

.picClub img {
	width: calc(33.3333% - 4px);
}

.picShohin img {
	width: calc(25% - 4px);
}

.picLunch img {
	width: calc(25% - 4px);
}

.picTakesan img {
	width: calc(33.3333% - 4px);
}

.picKinen img {
	width: calc(75% - 4px);
}

.picPartyMae img {
	width: calc(33.3333% - 4px);
}

.picMembers img {
	width: calc(25.0% - 4px);
}

.pic5 img {
	width: calc(20.0% - 4px);
}
.picHitokoto img {
	width: calc(20.0% - 4px);
}

.picStart img {
	width: calc(12.5% - 4px);
}

@media (max-width: 689px) {
p.sentence {
	padding: 0.5em;
}
}

@media (max-width: 689px) {
.picTop img {
	width: calc(100% - 2px);
}
}

@media (max-width: 689px) {
.picMembers img {
	width: calc(50% - 4px);
}
}

@media (max-width: 689px) {
.picStart img {
	width: calc(33.3333% - 4px);
}
}

@media (max-width: 689px) {
.picShohin img {
	width: calc(50% - 4px);
}
}
@media (max-width: 689px) {
.picLunch img {
	width: calc(50% - 4px);
}
}

@media (max-width: 689px) {
.picHitokoto img {
	width: calc(50% - 4px);
}
}

@media (max-width: 689px) {
.picKinen img {
	width: calc(100% - 4px);
}
}

@media (max-width: 689px) {
p.setu {
	padding: 1em;
	line-height: 1.3;
	display: block;
	width: 100%;
}
}

@media (max-width: 689px) {
p.setu3 {
	padding: 1em;
	line-height: 1.3;
	display: block;
	width:100%;
}
}


@media (max-width: 689px) {
p.setu4 {
	padding: 1em;
	line-height: 1.3;
	width: 49%;
}
}

/***************************************************** リサさん *****************************/

ul.risa {
	display: flex;
}

ul.risa li.risa {
	list-style: none;
}

#risa1 {
	box-sizing: border-box;
	width: 480px;
	height: 640px;
}

ul.risa li.risa img.risa1 {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	object-fit:cover;
}

ul.risa li.risa2 {
	list-style: none;
}

#risa2 {
	box-sizing: border-box;
	width: 213.3333px;
	height: 640px;
}
ul.risa li.risa img.risa2 {
	width: 100%;
	height: 33.3333%;
	margin: 0px;
	padding: 0px;
	object-fit:cover;
	display:block;
}

#risa3 {
	box-sizing: border-box;
	width: 320px;
	height: 640px;
}
ul.risa li.risa img.risa3 {
	width: 100%;
	height: 50%;
	padding: 0px;
	object-fit: cover;
	flex-direction: column;
	display:block;
}


@media (max-width: 689px) {

ul.risa {
	display: block;
	margin: 0;
	padding: 0;
}

ul.risa li.risa {
	list-style: none;
	margin: 0;
	padding: 0;
}

#risa1 {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

ul.risa li.risa img.risa1 {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	object-fit:cover;
	display: block;
}

ul.risa li.risa2 {
	list-style: none;
	margin: 0;
	padding: 0;
}

#risa2 {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
ul.risa li.risa img.risa2 {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	object-fit:cover;
	display: block;
}

#risa3 {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
ul.risa li.risa img.risa3 {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	object-fit: cover;
	display: block;
}

}


@media (max-width: 689px) {

.picTakesan {
	display:block;
	padding: 2px;
}
.picTakesan img {
	width: calc(100% - 4px);
}


}

/***************************************************************************************/


ul.box {
	display: flex;
}

ul.box li.box {
	list-style: none;
}

#box1 {
	box-sizing: border-box;
	width: 480px;
	height: 640px;
}

ul.box li.box img.box1 {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	object-fit:cover;
}

ul.box li.box2 {
	list-style: none;
}

#box2 {
	box-sizing: border-box;
	width: 213.3333px;
	height: 640px;
}
ul.box li.box img.box2 {
	width: 100%;
	height: 33.3333%;
	margin: 0px;
	padding: 0px;
	object-fit:cover;
}

#box3 {
	box-sizing: border-box;
	width: 320px;
	height: 640px;
}
ul.box li.box img.box3 {
	width: 100%;
	height: 50%;
	padding: 0px;
	object-fit: cover;
	flex-direction: column;
}


@media (max-width: 689px) {

ul.box {
	display: block;
}

ul.box li.box {
	list-style: none;
}

#box1 {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

ul.box li.box img.box1 {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	object-fit:cover;
	display: block;
}

ul.box li.box2 {
	list-style: none;
}

#box2 {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}
ul.box li.box img.box2 {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	object-fit:cover;
	display: block;
}

#box3 {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}
ul.box li.box img.box3 {
	width: 100%;
	height: 50%;
	padding: 0px;
	object-fit: cover;
	flex-direction: column;
	display: block;
}

}


/***************************************************************************************/



/*
.pics {
	display:flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 2px;
}

.pics img {
	width: calc(12.5% - 4px);
}

@media (max-width: 780px) {
.pics img {
	width: calc(20.0% - 4px);
}
}
@media (max-width: 480px) {
.pics img {
	width: calc(33.33% - 2px);
}
}
*/