@charset "utf-8";

#wrapper{ min-width: 0; }
img{ max-width: 100%; height: auto; }
#header{ position: relative; z-index: 1000; background-color: #ffffff; padding: 5px 0; }
#header .logo{ width: 200px; }
#header .logo a{ display: block; line-height: 0; }
#footer{ position: relative; z-index: 950; background-color: #ffffff; }
#footer aside{ display: none; }
#footer .footer-navi{ width: auto; }
#footer .copyright{ width: auto; }
#footer .footer-navi > .item{ margin-right: 25px; }
#footer .footer-navi > .item+.item{ margin-left: 0; }
	#footer .footer-navi-frame{ padding: 0 25px; }
	#footer .copyright{ width: auto; padding-left: 25px; padding-right: 25px; }
@media screen and (max-width: 1050px){ /*1050px以下のcss*/
	#header .logo{ left: 0; margin-left: 25px; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#header .logo{ margin-left: 5%; }
	#footer .footer-navi-frame{ padding: 0; }
	#footer .copyright{ padding-left: 0; padding-right: 0; }
	#footer .footer-navi > .item{ margin-right: 0; }
	#footer .footer-navi > .item+.item{ margin-left: 0; }
}



#main .content{ overflow: hidden; background: #ffffff; width: 100%; padding: 0; position: relative; overflow: hidden; }
#main img{ width: 100%; height: auto; }
#main .content .cp-header{ position: relative; overflow: hidden; }
#main .content .cp-header .caption{ position: absolute; right: 0; bottom: 0; padding: 2px 7px; background-color: rgba(255,255,255,0.8); }
#main .content .date{ font-size: 22px; line-height: 1.5; text-align: center; background-color: #c92a1d; color: #ffffff; font-weight: bold; padding: 10px 0; }
#main .content .date .num{ font-size: 180%; line-height: 1; }
#main .content .cp-inner{ max-width: 1000px; width: 90%; margin: 0 auto; padding: 50px 0; }
#main .content .cp-inner .txt{ font-size: 16px; line-height: 1.7; color: #000000; }
#main .content .cp-inner .txt .marker{ font-size: 150%; color: #c92a1d; font-weight: bold; display: inline-block; }
#main .content .cp-inner .note{ background-color: #eece58; padding: 20px 5%; position: relative; border-radius: 10px; margin-top: 30px; }
#main .content .cp-inner .note .photo{ width: 31.5%; position: absolute; right: 0; top: 50%; margin-right: 5%; transform: translateY(-50%); }
#main .content .cp-inner .note .txt{ margin-right: 39.5%; }
#main .content .cp-inner .note .txt .marker{ display: inline; font-size: 130%; }
#main .content .cp-inner .caption{ margin-top: 30px; }
#main .content .cp-footer{ background-color: #c92a1d; text-align: center; padding: 25px 5%; }
#main .content .cp-footer .dev-pc{ display: flex; display: -ms-flex; justify-content: center; align-items: center; }
#main .content .cp-footer .dev-pc.hide{ display: none; }
#main .content .cp-footer .dev-pc .qr{ width: 100px; }
#main .content .cp-footer .dev-pc .txt{ font-size: 20px; line-height: 1.5; margin-left: 20px; color: #ffffff; text-align: left; }
#main .content .cp-footer .dev-sp.hide{ display: none; }
#main .content .cp-footer .dev-sp .txt{ font-size: 20px; line-height: 1.5; color: #ffffff; }
#main .content .cp-footer .dev-sp .split-navi{ margin: 10px auto 0; max-width: 400px; display: flex; display: -ms-flex; justify-content: space-between; align-items: center; }
#main .content .cp-footer .dev-sp .split-navi .navi01{ width: 41.9614%; }
#main .content .cp-footer .dev-sp .split-navi .navi02{ width: 52.2508%; }
#main .content .cp-footer .dev-sp .split-navi .navi a{ display: block; }
#main .content .cp-footer .dev-sp .etc-navi{ margin: 15px auto 0; max-width: 400px; }
#main .content .cp-footer .dev-sp .etc-navi a{ display: block; background-color: #231815; padding: 20px 0; font-size: 16px; color: #ffffff; border-radius: 10px; border: 1px solid #aaaaaa; text-decoration: none; }

@media screen and (max-width: 1000px){ /*1000px以下のcss*/
	#main .content .cp-header .ttl{ width: 1000px; position: relative; left: 50%; transform: translateX(-50%); }
}
@media screen and (max-width: 750px){ /*1000px以下のcss*/
	#main .content .cp-header .ttl{ width: 133.3333%; }
	#main .content .cp-inner .txt .marker{ display: inline; }
	#main .content .cp-inner .note{ margin-top: 5%; padding: 5%; }
	#main .content .cp-inner .note .photo{ width: 70%; max-width: 315px; margin: 0 auto; position: relative; right: auto; top: 0; margin-right: auto; transform: none; }
	#main .content .cp-inner .note .txt{ margin: 3% auto 0; }
	#main .content .cp-inner .caption{ margin-top: 10px; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main .content{ padding: 0; margin: 0; }
	#main .content .cp-header .ttl{ width: 100%; }
	#main .content .date{ font-size: 4.5vw; }
	#main .content .cp-inner{ padding: 10% 0; }
	#main .content .cp-inner .txt{ font-size: 14px; }
	#main .content .cp-footer .dev-pc .qr{ width: 80px; }
	#main .content .cp-footer .dev-pc .txt{ font-size: 14px; margin-left: 5%; }
	#main .content .cp-footer .dev-sp .txt{ font-size: 14px; }
	#main .content .cp-footer .dev-sp .split-navi .navi01{ width: 44.05947%; }
	#main .content .cp-footer .dev-sp .split-navi .navi02{ width: 54.86334%; }
	#main .content .cp-footer .dev-sp .etc-navi{ margin-top: 2%; }
	#main .content .cp-footer .dev-sp .etc-navi a{ padding: 15px 0; font-size: 14px; }
}