@charset "utf-8";


#main p,#main div{ font-family: 'YakuHanJP', Lato, Roboto, "メイリオ", "游ゴシック", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }


#main img{ max-width: 100%; height: auto; }
#main .content{ overflow: hidden; }
#main .contents-wrap{ background-color: #ffffff; max-width: 800px; margin: 0 auto; border: 3px solid #e50012; box-sizing: border-box; padding: 50px; border-radius: 30px; }
#main .ttl{ width: 100%; }
#main .intro{ font-size: 16px; text-align: center; margin-top: 20px; }
#main .photo{ margin-top: 40px; }
#main .spec{ margin-top: 10px; font-size: 22px; line-height: 1.5; color: #333333; font-weight: bold; }
#main .spec .s-size{ font-size: 70%; }
#main .spec .marker{ font-size: 130%; color: #e50012; line-height: 1; }
#main .spec .num{ font-size: 180%; line-height: 1; }
#main .note{ background-color: #e50012; padding: 20px; border-radius: 10px; margin-top: 20px; text-align: center; }
#main .note .txt{ background-color: #ffffff; color: #e50012; padding: 10px 0; font-size: 30px; line-height: 1.4; border-radius: 5px; font-weight: bold; }
#main .note .caption{ font-size: 14px; line-height: 1.5; color: #ffffff; margin-top: 10px; }
#main .cat{ margin-top: 40px; }
#main .cat .date{ background-color: #000000; color: #ffffff; padding: 5px 20px; font-size: 24px; line-height: 1.5; font-weight: bold; }
#main .cat .date .s-size{ font-size: 70%; font-weight: normal; }
#main .cat .store-body{ margin-top: 10px; position: relative; padding: 5px 0; }
#main .cat .store-body .soldout{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; display: -ms-flex; justify-content: center; align-items: center; text-align: center; background-color: rgba(255,255,255,0.8); color: #e50012; font-size: 16px; }
#main .cat .store{ display: flex; display: -ms-flex; align-items: center; }
#main .cat .store .name{ font-size: 20px; line-height: 1.5; color: #333333; font-weight: bold; margin-right: 0.5em; width: 180px; text-align: center; background-color: #eeeeee; }
#main .cat .store .name .s-size{ font-size: 70%; }
#main .cat .store .place{ font-size: 16px; line-height: 1.5; }
#main .cat .store .place .s-size{ font-size: 85.7142%; }
#main .bottom-caption{ max-width: 800px; margin-left: auto; margin-right: auto; }



@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main .contents-wrap{ padding: 7% 5%; border-radius: 5vw; border-width: 2px; margin-top: 5%; }
	#main .intro{ font-size: 14px; margin-top: 5%; }
	#main .photo{ margin-top: 5%; }
	#main .spec{ margin-top: 5%; font-size: 17px; }
	#main .note{ padding: 7% 5%; border-radius: 3vw; margin-top: 5%; text-align: left; }
	#main .note .txt{ padding: 10px; font-size: 20px; border-radius: 1.5vw; text-align: center; }
	#main .note .caption{ font-size: 12px; }
	#main .cat{ margin-top: 10%; }
	#main .cat .date{ padding: 3% 5%; font-size: 18px; }
	#main .cat .store-body{ margin-top: 5%; }
	#main .cat .store{ display: block; }
	#main .cat .store .name{ font-size: 18px; width: 100%; }
	#main .cat .store .place{ margin-top: 5px; }
}