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

/*PC:body-------------------------------------*/
@media screen and (min-width:1084px) {
	.pc {display: block !important;}
	.tb {display: none !important;}
	.sp {display: none !important;}
    
    /* system */
    .systemSpc {width: 100%; margin: 0; padding: 18px; box-sizing: border-box; background: #FFFFFF; border-radius: 8px;}
    .stable {width: 48%; margin: 0 1% 20px; padding: 0; float: left;}
    .sttable {width: 84%; margin: 0 8% 20px; padding: 0; float: left;}
    .stitle {height: 40px; text-align: center; color: #C8A84C; border: solid 1px #DBC78E; outline: solid 1px #DBC78E; outline-offset: 1px; margin: 2px; border-radius: 5px; font-size: 20px;}
    .subtitle {padding: 50px  0 0; text-align: center; font-size: 22px; color: #C8A84C;}
    .std01 {width: 45%; height: 50px; text-align: center; font-size: 22px; border-bottom: solid 1px #CCCCCC; color: #323232;}
    .std01 span {font-size: 16px; margin: 0 0 0 3px;}
    .std02 {width: 55%; height: 50px; text-align: center; font-size: 22px; border-bottom: solid 1px #CCCCCC; color: #323232;}
    .std02 span {font-size: 14px;}
    .stext {padding: 30px 0; text-align: left; font-size: 14px;}
    .stext2 {display: block !important;}
    
    .btable {width: 84%; margin: 0 8% 50px; padding: 0;}
    .btitle {height: 40px; text-align: center; border-radius: 5px; font-size: 18px; font-weight: bold; font-family: 'Lora', serif;}
    .btext {text-align: center; font-size: 14px;}
    .btd01 {width: 50%; height: 50px; text-align: center; font-size: 16px; border-bottom: solid 1px #CCCCCC;}
    .btd02 {width: 50%; height: 50px; text-align: center; font-size: 16px; border-bottom: solid 1px #CCCCCC;}
    
    .optable {width: 84%; margin: 0 8% 30px; padding: 0;}
    .optitle {height: 40px; text-align: center; border-radius: 5px; font-size: 18px; font-weight: bold; font-family: 'Lora', serif;}
    .optd01 {width: 50%; height: 50px; text-align: center; font-size: 16px; border-bottom: solid 1px #CCCCCC;}
    .optd02 {width: 50%; height: 50px; text-align: center; font-size: 16px; border-bottom: solid 1px #CCCCCC;}
    
    .sul {width: 88%; margin: 0 6% 30px; padding: 0;}
    .sli {margin: 0 0 5px; font-size: 14px;}
    
    .ban {width: 78%; margin: 0 11% 30px; padding: 0; color: #D10003;}
    .bantitle {height: 40px; text-align: center; border-radius: 5px; font-size: 18px; font-weight: bold; font-family: 'Lora', serif;}
    .bantext {font-size: 14px;}
    .banitem {margin: 5px; font-size: 16px; text-align: center;}
    
}

/*TB:body-------------------------------------*/
@media screen and (min-width: 560px) and (max-width: 1083px) {
	.pc {display: none !important;}
	.tb {display: block !important;}
	.sp {display: none !important;}
    
    /* system */
    .systemSpc {width: 100%; margin: 0; padding: 18px; box-sizing: border-box; background: #FFFFFF; border-radius: 8px;}
    .stable {width: 48%; margin: 0 1% 20px; padding: 0; float: left;}
    .sttable {width: 84%; margin: 0 8% 20px; padding: 0; float: left;}
    .stitle {height: 40px; text-align: center; color: #C8A84C; border: solid 1px #DBC78E; outline: solid 1px #DBC78E; outline-offset: 1px; margin: 2px; border-radius: 5px; font-size: 20px;}
    .subtitle {padding: 50px  0 0; text-align: center; font-size: 22px; color: #C8A84C;}
    .std01 {width: 36%; height: 50px; text-align: center; font-size: 18px; border-bottom: solid 1px #CCCCCC; color: #323232;}
    .std01 span {font-size: 14px; margin: 0 0 0 3px;}
    .std02 {width: 64%; height: 50px; text-align: center; font-size: 18px; border-bottom: solid 1px #CCCCCC; color: #323232;}
    .std02 span {font-size: 12px;}
    .stext {padding: 30px 0; text-align: left; font-size: 14px;}
    .stext2 {display: block !important;}
    
    .btable {width: 84%; margin: 0 8% 50px; padding: 0;}
    .btitle {height: 40px; text-align: center; border-radius: 5px; font-size: 18px; font-weight: bold; font-family: 'Lora', serif;}
    .btext {text-align: center; font-size: 14px;}
    .btd01 {width: 50%; height: 40px; text-align: center; font-size: 16px; border-bottom: solid 1px #CCCCCC;}
    .btd02 {width: 50%; height: 40px; text-align: center; font-size: 16px; border-bottom: solid 1px #CCCCCC;}
    
    .optable {width: 84%; margin: 0 8% 30px; padding: 0;}
    .optitle {height: 40px; text-align: center; border-radius: 5px; font-size: 18px; font-weight: bold; font-family: 'Lora', serif;}
    .optd01 {width: 50%; height: 50px; text-align: center; font-size: 16px; border-bottom: solid 1px #CCCCCC;}
    .optd02 {width: 50%; height: 50px; text-align: center; font-size: 16px; border-bottom: solid 1px #CCCCCC;}
    
    .sul {width: 88%; margin: 0 6% 30px; padding: 0;}
    .sli {margin: 0 0 5px; font-size: 14px;}
    
    .ban {width: 78%; margin: 0 11% 30px; padding: 0; color: #D10003;}
    .bantitle {height: 40px; text-align: center; border-radius: 5px; font-size: 18px; font-weight: bold; font-family: 'Lora', serif;}
    .bantext {font-size: 14px;}
    .banitem {margin: 5px; font-size: 16px; text-align: center;}
    
}

/*SP:body-------------------------------------*/
@media screen and (max-width: 559px) {
	.pc {display: none !important;}
	.tb {display: none !important;}
	.sp {display: block !important;}
    
    /* system */
    .systemSpc {width: 100%; margin: 0; background: #FFFFFF; border-radius: 8px;}
    .stable {width: 48%; margin: 0 1% 20px; padding: 0; float: left;}
    .sttable {width: 84%; margin: 0 8% 20px; padding: 0; float: left;}
    .stitle {height: 40px; text-align: center; color: #C8A84C; border: solid 1px #DBC78E; outline: solid 1px #DBC78E; outline-offset: 1px; margin: 2px; border-radius: 5px; font-size: 20px;}
    .subtitle {padding: 50px  0 0; text-align: center; font-size: 16px; color: #C8A84C;}
    .std01 {width: 36%; height: 50px; text-align: center; font-size: 18px; border-bottom: solid 1px #CCCCCC; color: #323232; border: solid 1px #CCCCCC; box-sizing: border-box;}
    .std01 span {display: none !important;}
    .std02 {width: 64%; height: 50px; text-align: center; font-size: 18px; border-bottom: solid 1px #CCCCCC; color: #323232; border: solid 1px #CCCCCC; box-sizing: border-box;}
    .std02 span {display: none !important;}
    .stext {padding: 5px; text-align: left; font-size: 14px; border: solid 1px #CCCCCC; box-sizing: border-box; height: 200px; vertical-align: top;}
    .stext2 {padding: 5px; text-align: center; font-size: 14px; border: solid 1px #CCCCCC; box-sizing: border-box;}
    
    .btable {width: 84%; margin: 0 8% 50px; padding: 0;}
    .btitle {height: 40px; text-align: center; border-radius: 5px; font-size: 18px; font-weight: bold; font-family: 'Lora', serif;}
    .btext {text-align: center; font-size: 14px;}
    .btd01 {width: 50%; height: 40px; text-align: center; font-size: 16px; border-bottom: solid 1px #CCCCCC;}
    .btd02 {width: 50%; height: 40px; text-align: center; font-size: 16px; border-bottom: solid 1px #CCCCCC;}
    
    .optable {width: 84%; margin: 0 8% 30px; padding: 0;}
    .optitle {height: 40px; text-align: center; border-radius: 5px; font-size: 18px; font-weight: bold; font-family: 'Lora', serif;}
    .optd01 {width: 50%; height: 40px; text-align: center; font-size: 16px; border-bottom: solid 1px #CCCCCC;}
    .optd02 {width: 50%; height: 40px; text-align: center; font-size: 16px; border-bottom: solid 1px #CCCCCC;}
    
    .sul {width: 98%; margin: 0 1% 30px; padding: 0;}
    .sli {margin: 0 0 5px; font-size: 14px;}
    
    .ban {width: 98%; margin: 0 1% 30px; padding: 0; color: #D10003;}
    .bantitle {height: 40px; text-align: center; border-radius: 5px; font-size: 18px; font-weight: bold; font-family: 'Lora', serif;}
    .bantext {font-size: 14px;}
    .banitem {margin: 5px; font-size: 16px; text-align: center;}
    
}