@charset "UTF-8";


#main-visual{ position: relative; background: url(/majitreats/assets-static/images/top/main.jpg) center center no-repeat; background-size: cover; text-align: center; }
#main-visual .ttl{ padding: 68px 0; }
#main-visual .ttl img{ transform: translateX(13%); }
#main{ padding-top: 0; }
#main .video{ width: 1200px; margin: 0 auto; }
#main .video video{ width: 100%; height: auto; }
#main .section{ width: 1200px; margin: 100px auto 0; }
#main .section .ttl{ color: #005da4; font-size: 20px; display: -ms-flex; display: flex; align-items: center; }
#main .section .ttl::before,
#main .section .ttl::after { content: ""; height: 1px; flex: 1; background-color: #005da4; }
#main .section .ttl .word{ width: 200px; text-align: center; border: solid #005da4; border-width: 0 8px; box-sizing: border-box; }
#main .section .list-item{ margin-top: 40px; display: -ms-flex; display: flex; flex-wrap: wrap; }
#main .section .list-item .item{ width: 256px; margin-left: 58px; position: relative; }
#main .section .list-item .item:nth-child(4n+1){ margin-left: 0; }
#main .section .list-item .item:nth-child(n+5){ margin-top: 60px; }
#main .section .list-item .item .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0); z-index: 20; }
#main .section .list-item .item .photo{ overflow: hidden; position: relative; }
#main .section .list-item .item .photo .sold_out {position: absolute; color: white; font-size: 16px; line-height: 1.2em; padding: 5px 10px; background-color: rgba(182,0,0,0.7); width:65%; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
#main .section .list-item .item .photo img{ transition: transform 0.5s; }
#main .section .list-item .item .photo.active img,
#main .section .list-item .item .overlay:hover+.photo img{ transform: scale(1.1); }
#main .section .list-item .item .photo .photo-overlay-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); transition: all 0.5s; opacity: 0; transform: scale(0.8); z-index: 5; }
#main .section .list-item .item .photo.active .photo-overlay-bg{ opacity: 1; transform: scale(1); }
#main .section .list-item .item .photo .photo-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 0 10%; display: -ms-flex; display: flex; justify-content: center; align-items: center; z-index: 10; }
#main .section .list-item .item .photo .photo-overlay .txt{ opacity: 0; transition: opacity 0.5s; position: relative; z-index: 2; margin-top: 0; color: #ffffff; }
#main .section .list-item .item .photo.active .photo-overlay .txt{ opacity: 1; }
#main .section .list-item .item .category{ margin-top: 10px; color: #999999; border-left: 4px solid #999999; padding-left: 10px; }
#main .section .list-item .item .txt{ margin-top: 5px; line-height: 1.7; }
#main .section .list-item .item .date{ line-height: 1.7; }
#main .section .list-item .item .date .marker{ color: #ff3200; }
#main .section .list-item .item .navi{ margin-top: 10px; }
#main .section .list-item .item .navi a{ display: block; background-color: #005da4; color: #ffffff; text-decoration: none; text-align: center; padding: 4px 0; }
#main .section .more-btn{ max-width: 200px; margin: 50px auto 0; }
#main .section .more-btn a{ display: block; background-color: #cccccc; color: #ffffff; text-decoration: none; padding: 5px 0; text-align: center; font-size: 16px; }
#main .slider-wrap{ margin-top: 80px; }

#main .section .list-item .item .photo .new{ position: absolute; top: 5px; left: 5px; font-size: 12px; background-color: red; color:white; padding: 2px 5px; }

#main .section .list-item .item .read{ color: #005da4; margin-top: 10px; }
#main .section .list-item .item .navi-netshop{ width: 100%; max-width: 256px; }
#main .section .list-item .item .navi-netshop a{ display: block; background-color: #005da4; color: #ffffff; text-decoration: none; text-align: center; padding: 4px 0; }

@media screen and (max-width: 1110px) {
}
@media screen and (max-width: 860px) {
}
@media screen and (max-width: 640px) {
	#main-visual .ttl{ padding: 10% 0; }
	#main-visual .ttl img{ width: 30%; }
	#main .video{ width: 100%; }
	#main .section{ width: auto; margin: 10% 5% 0; }
	#main .section .list-item{ margin-top: 40px; display: -ms-flex; display: flex; flex-wrap: wrap; }
	#main .section .list-item .item{ width: 48%; margin-left: 4%; }
	#main .section .list-item .item:nth-child(2n+1){ margin-left: 0; }
	#main .section .list-item .item:nth-child(n+3){ margin-top: 5%; }
	#main .section .list-item .item .photo img{ width: 100%; height: auto; }
	#main .section .list-item .item .category{ font-size: 14px; }
	#main .section .list-item .item .txt{ font-size: 14px; }
	#main .section .list-item .item .date{ font-size: 14px; }
	#main .slider-wrap{ margin-top: 10%; }
	#main .section .list-item .item .navi-netshop{ max-width: none; }
}
@media screen and (max-width: 480px){
}