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

a {
    text-decoration: none;
			color: #000;
}

.month_wrap {
    text-align: center;
}
	.header_month {
    width: 25%;
    margin: 0 auto;
    background-image: url(https://gigaplus.makeshop.jp/vie7324g/topic/monthly/2022_monthly_ttl.png);
    background-repeat: no-repeat;
		background-position: center center;
    background-size: 100% auto;
}
	p.header_month_ttl {
    font-size: 35px;
}
	
	.header_month p {
        padding: 38% 0;
}

p.header_month_txt {
    margin: 3% auto;
}
	
	#part1 {
    background-color: #fbeeee;
}
	#part2 {
    background-color: #fff2e7;
}
	#part3 {
    background-color: #f9fbee;
}
	#part4 {
    background-color: #f0fbee;
}
	#part5 {
    background-color: #e8f8f4;
}
	#part6 {
    background-color: #eef6fb;
}
	
	
	.ttl_box {
    padding: 3% 0;
}
	
	.ttl {
    width: 47%;
    margin: 0 auto;
    padding: 8% 0;
    background-image: url(https://gigaplus.makeshop.jp/vie7324g/topic/monthly/2022_monthly_sub.png);
    background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% auto;
}
	p.ttl_main {
    font-size: 32px;
    margin: 0;
}
	p.ttl_sub {
    margin: 0;
}


.word {
    display: flex;
    flex-wrap: wrap;
	padding: 2%;
	justify-content: center;
}

p.word_txt {
	font-size: 15px;
    background-color: #f0f0f0;
    margin: 1%;
    padding: 1%;
	border-radius: 5px;
}


.subtitle_b {
    border-bottom: 5px solid #c59f61;
	/*font-size: 35px;*/
	font-size: 23px;
}

.item_list {
        text-align: center;
    width: 100%;
    margin: 3% 0;
}

.item_box {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    width: 19%;
}

.item_img {
    text-align: center;
	margin-bottom: 5px;
}

.brand_txt.item_ttl.item_price {
    font-size: 13px;
    text-align: center;
}
	
	.btn_top {
    width: 30%;
    margin: 5% auto;
    text-align: center;
    border: 1px solid #cccccc;
    padding: 1%;
}

@media screen and (min-width: 1001px) {
}

@media only screen and (min-width: 769px) and (max-width: 1000px) {
	
	.header_month {
    width: 35%;
	}
	p.header_month_ttl {
    font-size: 3em;
}
	p.ttl_main {
		font-size: 1.8em;
	}
}

@media screen and (max-width: 768px) {
	
	.header_month {
    width: 50%;
	}
	.header_month p {
    padding: 40% 0;
}
	.ttl {
    width: 80%;
    padding: 15% 0;
	}
	p.ttl_main {
    font-size: 1.5em;
	}
	.item_box {
    font-size: 1em;
		width: 45%;
	}
	
}