@charset "UTF-8";

#main-content{ position: relative; width: 940px; margin-left: auto; margin-right: auto; }
#main-content > .content{ }
#main-content .content .ttl { text-align: center; font-size: 32px; font-weight: bold; color: #E92980; }
#main-content .content .notes { font-size: 80%; margin-bottom: 10px; }
#main-content .content .map { margin-left: auto; margin-right: auto; padding: 10px; width: 80%; border: 1px solid #E92980; margin-bottom: 5%; }
#main-content > .content > .section{ padding: 0 20px 20px; background-color: #ffffff; border-left: 2px solid #E92980; }
#main-content > .content > .section2{ padding: 0 20px 20px; background-color: #ffffff; border-left: 2px solid #ff8330; }
#main-content > .content > .section+.section , 
#main-content > .content >.section2+.section2 ,
#main-content > .content >.section+.section2{ margin-top: 20px; }
#main-content > .content > .section > .head{ color: #ff8330; font-size: 18px; line-height: 20px; background-color: #f2f0f0; margin: 0 -20px 20px; padding: 10px 15px; }
#main-content > .content > .section2 > .head2{ color: #ff8330; font-size: 18px; line-height: 20px; background-color: #f2f0f0; margin: 0 -20px 20px; padding: 10px 15px; }
#main-content > .content > .section > .head > .floor-txt ,
#main-content > .content >.section2 > .head2 > .floor-txt{ font-size: 18px; color: #333333; font-weight: bold; }
#main-content > .content > .section .default-table , 
#main-content > .content >.section2 .default-table{ width: 100%; }
#main-content > .content > .section > .default-table+.default-table ,
#main-content > .content > .section2 > .default-table+.default-table{
	margin-top: 20px;
	padding-top: 20px;
}
#main-content > .content > .section .default-table .marker{ color: #E92980; font-size: 120%; margin-bottom: 10px; }
#main-content > .content > .section2 .default-table .marker2{ color: #ff8330; font-size: 120%; }
#main-content > .content > .caption.content-caption{ margin-top: 5px; text-align: center; border-top: 1px solid #CCCCCC; padding-top: 10px; }
.sp{display: none;}


@media screen and (max-width: 480px){
	
#main-content{ position: relative; width: 100%; margin-left: auto; margin-right: auto; }
#main-content > .content{ }
#main-content .content .ttl { text-align: center; font-size: 22px; font-weight: bold; color: #E92980; }
#main-content .content .notes { font-size: 80%; margin-bottom: 10px; }
#main-content .content .map { margin-left: auto; margin-right: auto; padding: 10px; width: 80%; border: 1px solid #E92980; margin-bottom: 5%; }
#main-content > .content > .section{ padding: 0 20px 20px; border: none; background-color: #ffffff; }
#main-content > .content > .section2{ padding: 0 20px 20px; border: none; background-color: #ffffff; }
#main-content > .content > .section+.section , 
#main-content > .content >.section2+.section2 ,
#main-content > .content >.section+.section2{ margin-top: 20px; }
#main-content > .content > .section > .head{ color: #ff8330; font-size: 18px; line-height: 20px; background-color: #f2f0f0; margin: 0 -20px 20px; padding: 10px 15px; }
#main-content > .content > .section2 > .head2{ color: #ff8330; font-size: 18px; line-height: 20px; background-color: #f2f0f0; margin: 0 -20px 20px; padding: 10px 15px; }
#main-content > .content > .section > .head > .floor-txt ,
#main-content > .content >.section2 > .head2 > .floor-txt{ font-size: 18px; color: #333333; font-weight: bold; }
#main-content > .content > .section .default-table , 
#main-content > .content >.section2 .default-table{ width: 100%; }
#main-content > .content > .section .default-table > tbody > tr > td,
#main-content > .content > .section2 .default-table > tbody > tr > td{ display: block; width: 100%; }
#main-content > .content > .section > .default-table td+td,
#main-content > .content > .section2 > .default-table td+td{ margin-top: 10px; }
#main-content > .content > .section > .default-table .photo img,
#main-content > .content > .section2 > .default-table .photo img{ text-align: center; width: 100%; }
#main-content > .content > .section > .default-table+.default-table ,
#main-content > .content > .section2 > .default-table+.default-table{
	margin-top: 20px;
	padding-top: 20px;
}
#main-content > .content > .section .default-table .marker{ color: #E92980; font-size: 120%; margin-bottom: 10px; }
#main-content > .content > .section2 .default-table .marker2{ color: #ff8330; font-size: 120%; }
#main-content > .content > .caption.content-caption{ margin-top: 5px; text-align: center; border-top: 1px solid #CCCCCC; padding-top: 10px; }
.pc{display: none}
.sp{display: block}
	
}