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

@media (min-width: 751px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}

/*PC:body-------------------------------------*/
@media screen and (min-width:1084px) {
	.pc {display: block !important;}
	.tb {display: none !important;}
	.sp {display: none !important;}
    
    /*header*/
    header {width: 100%; margin: 0 auto; padding: 0 0 20px; border-bottom: solid 1px #CCCCCC;}
    header h1 {width: 100%; margin: 0 0 20px; padding: 3px 0; font-size: 12px; background: #405C3C; color: #FFFFFF; font-weight: 500; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
    #headerSpc {width: 100%; max-width: 980px; margin: 0 auto 30px;}
    
    #headerName {width: 400px; font-family: 'Lora', serif; text-align: center; line-height: 30px; font-size: 30px; font-weight: bold; float: left;}
    #headerName p {line-height: 20px; font-size: 16px; font-weight: 500; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
    #headerName a {width: 100%; font-family: 'Lora', serif; text-align: center; line-height: 30px; font-size: 30px; float: left; box-sizing: border-box; color: #405C3C;}
    #headerName a:hover {width: 100%; font-family: 'Lora', serif; text-align: center; line-height: 30px; font-size: 30px; float: left; color: #405C3C; text-decoration: none;}
    
    #headerCont {width: 580px; margin: 0; float: left;}
    #headerCont ul {width: 285px; margin: 0; padding: 0 0 0 4px; float: left; border-left: solid 1px #000000;}
    #headerCont ul li {width: 285px; margin: 0; padding: 0; font-size: 18px; line-height: 24px; color: #90810D;}
    #headerCont ul li a { margin: 0; padding: 0; font-size: 20px; color: #90810D;}
    
    #hedText {width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #FF6D22;}
    
    
}

/*TB:body-------------------------------------*/
@media screen and (min-width: 560px) and (max-width: 1083px) {
	.pc {display: none !important;}
	.tb {display: block !important;}
	.sp {display: none !important;}
    
    /*header*/
    header {width: 100%; margin: 0 auto; padding: 0 0 20px; border-bottom: solid 1px #CCCCCC;}
    header h1 {width: 100%; margin: 0 0 20px; padding: 3px 0; font-size: 12px; background: #405C3C; color: #FFFFFF; font-weight: 500; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
    #headerSpc {width: 100%; margin: 0 auto 30px;}
    
    #headerName {width: 100%; font-family: 'Lora', serif; text-align: center; line-height: 30px; font-size: 30px; font-weight: bold; float: left;}
    #headerName p {line-height: 20px; font-size: 16px; font-weight: 500; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
    #headerName a {width: 100%; font-family: 'Lora', serif; text-align: center; line-height: 30px; font-size: 30px; float: left; box-sizing: border-box; color: #405C3C;}
    #headerName a:hover {width: 100%; font-family: 'Lora', serif; text-align: center; line-height: 30px; font-size: 30px; float: left; color: #405C3C; text-decoration: none;}
    
    #headerCont {display: none !important;}
    
    #hedText {width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #FF6D22;}
    
}

/*SP:body-------------------------------------*/
@media screen and (max-width: 559px) {
	.pc {display: none !important;}
	.tb {display: none !important;}
	.sp {display: block !important;}
    
    /*header*/
    header {width: 100%; margin: 0 auto; padding: 0 0 30px; border-bottom: solid 1px #CCCCCC;}
    header h1 {width: 96%; margin: 0 0 30px; padding: 3px 2%; font-size: 12px; background: #405C3C; color: #FFFFFF; font-weight: 500; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
    #headerSpc {width: 100%; margin: 0 auto 30px;}
    
    #headerName {width: 100%; font-family: 'Lora', serif; text-align: center; font-weight: bold; float: left;}
    #headerName p {line-height: 20px; font-size: 14px; font-weight: 500; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
    #headerName a {width: 100%; font-family: 'Lora', serif; text-align: center; line-height: 26px; font-size: 28px; float: left; box-sizing: border-box; color: #405C3C;}
    #headerName a:hover {width: 100%; font-family: 'Lora', serif; text-align: center; line-height: 26px; font-size: 28px; float: left; color: #405C3C; text-decoration: none;}
    
    #headerCont {display: none !important;}
    
    #hedText {width: 80%; height: 40px; line-height: 20px; margin: 10px 10% 0; text-align: center; font-size: 14px; color: #FF6D22; float: left;}
    
}