.comment01{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px auto;
	width:80%;
}
.comment01 .hold {
	width: 65%;
}
.comment01 p {
	padding: 10px 20px;
	font-size: 1rem;
	line-height: 1.6;
}
.comment01 figure{
	width: 30%;
}
.shop_index {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	width: 80%;
}
.shop_index h3 {
	font-size: 1.2rem;
	line-height: 1.8;
}
.shop_index ul {
	margin: 0 0 20px 20px;
	padding-left: 10px;
	list-style: circle;
}
.shop_index li {
	margin-right: 40px;
	width: 100%;
	line-height: 1.8;
}

main{
	margin: 40px auto 2%;
	width:100%;
}
.theme {
	margin-bottom: 30px;
	width: 100%;
}
.theme article {
	margin: 30px auto 16px;
	width:70%;
}
.theme article h3 {
	font-size:1.2rem;
	line-height:2;
}

.theme article p{
	margin: 20px auto 0;
	width: 90%;
	font-size:0.95rem;
	line-height:1.8;
}
.section_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
}
.section_box section {
	margin-bottom:1%;
	padding:1%;
	width: 24%;
	border:1px dotted tomato;
	border-radius:4%;
	box-sizing: border-box;
	text-align: center;
}
.section_box section ul {
	padding-left: 20px;
	list-style: disc;
	text-align: left;
}
.section_box section li {
	margin-bottom: 8px;
	font-size: 0.9rem;
	line-height: 1.6;
}
.section_box section h3 {
	font-size: 1rem;
	line-height: 1.8;
}
h3.diams::before,
h3.diams::after {
	content: "\02666";
}
.section_box section figure {
	margin: 8px 0;
}

/*==============================================*/

@media screen and (max-width:1026px){

.comment01{
	width:90%;
}
.comment01 .hold {
	width: 70%;
}
.shop_index {
	width: 80%;
}
}


@media screen and (max-width:930px){

.comment01{
	width:85%;
}

.comment01 .hold {
	width: 65%;
}
.shop_index {
	width: 98%;
}
.shop_index section {
	
}
.shop_index ul {
	margin: 0 0 30px 20px;
}
.theme {
	margin: 0 auto 30px;
	width: 98%;
}
.theme article {
	width:86%;
}
}



@media screen and (max-width:770px){

.comment01 {
	width: 94%;
}
.comment01 .hold {
	width: 60%;
}
.comment01 p {
	font-size: 0.9rem;
	line-height: 1.5;
}
.comment01 figure{
	width: 38%;
}
.shop_index {
	width: 70%;
}
.shop_index section {
	width: 49%;
}
.section_box section {
	width: 49%;
}
.theme article {
	width:90%;
}
}





@media screen and (max-width:642px){

.comment01 .hold {
	width: 70%;
}
.shop_index {
	width: 76%;
}
.shop_index section {
	
}
.shop_index ul {
	width: 100%;
}
.shop_index li {
	font-size: 0.95rem;
	line-height: 2;
}
.theme article {
	width:94%;
}
.section_box section {
	width: 49%;
}
}


@media screen and (max-width:482px){

.comment01 {
	flex-direction: column;
	width: 80%;
}
.comment01 .hold {
	margin: 0 auto;
	width: 96%;
}
.comment01 figure{
	margin: 0 auto;
	width: 96%;
}
.shop_index {
	width: 80%;
}
.shop_index ul {
	width: 100%;
}
.shop_index li {
	font-size: 0.95rem;
	line-height: 2;
}
.theme article {
	width:94%;
}
.section_box {
	flex-direction: column;

}
.section_box section {
	margin: 0 auto 10px;
	width: 92%;
}
}