@charset "utf-8";

.topMessage { border: 3px solid #ad0061; margin-bottom: 1em; padding: .5em 1em; background-color: #f9f9f9; }
.topInfo_ttl p { }
.home .topInfo_ttl p { border-bottom: 0; }
.topInfo_ttl p:first-child { color: #c00; margin: 0; text-align: center; font-size: 1.3em; font-weight: bold; color: #c00;}
.topInfo_ttl p.btn { display: flex; justify-content: center; }
.topInfo_ttl p.btn span { display: block; width: 23%; margin: 0 1%; padding: 5px 0 3px; color: #000; border: 1px solid #000; line-height: 1; text-align: center; position: relative; }
.topInfo_ttl p.btn span::before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -4px; width: 0; height: 0; border-style: solid; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 8px solid #000; border-right: 0; }
.topInfo_ttl p.btn span.btn2 { border-color: #c00; color: #000; background-color: rgba(204, 0, 0, .05); }
.topInfo_ttl p.btn span.btn3 { border-color: #06c; color: #000; background-color: rgba(0, 102, 204, .05); }
.topInfo_ttl p.btn span.btn4 { border-color: #6cc; color: #000; background-color: rgba(102, 204, 204, .08); }
.topInfo_ttl p.btn span.btn2::before { border-left-color: #c00; }
.topInfo_ttl p.btn span.btn3::before { border-left-color: #06c; }
.topInfo_ttl p.btn span.btn4::before { border-left-color: #6cc; }
.topInfo_ttl a { display: block; width: 100%; }
.topInfo_ttl a:hover { text-decoration: none; }
.topInfo_ttl:hover { background-color: #fdeef5; }
.topInfo { margin: 0; padding: 2em 0 0; display: flex; flex-wrap: wrap; justify-content: center; }
.topInfo li { list-style: none; width: 49%; height: 3.5em; margin: 0 2% 2% 0; padding: 0; box-shadow: 5px 5px 0px #ddd; }
.topInfo a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #000; background-color: #f6f6f6; box-sizing: border-box; border: 1px solid #ddd; font-size: 1.3em; position: relative; text-decoration: none; font-weight: bold; }
.topInfo a::after { content: ""; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 1em; margin-top: -3px; z-index: 1; }
.topInfo li.btn01 a::after { border-color: rgba(247, 171, 0, 1); }
.topInfo li.btn02 a::after { border-color: #c00; }
.topInfo li.btn03 a::after { border-color: #06c; }
.topInfo li.btn04 a::after { border-color: #6cc; }
.topInfo li.btn01 a { color: #ed6c00; border-color: #ed6c00; background-size: auto auto; background-color: rgba(247, 171, 0, .1); background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(255, 255, 255, 1) 5px, rgba(255, 255, 255, 1) 10px ); }
.topInfo li.btn02 a { color: #c00; border-color: #c00; background-size: auto auto; background-color: rgba(204, 0, 0, .02); background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(255, 255, 255, 1) 5px, rgba(255, 255, 255, 1) 10px ); }
.topInfo li.btn03 a { color: #06c; border-color: #06c; background-size: auto auto; background-color: rgba(0, 102, 204, .02); background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(255, 255, 255, 1) 5px, rgba(255, 255, 255, 1) 10px ); }
.topInfo li.btn04 a { color: #6cc; border-color: #6cc; background-size: auto auto; background-color: rgba(102, 204, 204, .05); background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(255, 255, 255, 1) 5px, rgba(255, 255, 255, 1) 10px ); }
.topInfo a:hover { text-decoration: none; }
.topInfo li.btn01 a:hover { color: #fff; background-color: rgba(247, 171, 0, 1); background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(247, 171, 0, 1) 5px, rgba(247, 171, 0, 1) 10px ); }
.topInfo li.btn02 a:hover { color: #fff; background-color: rgba(204, 0, 0, 1); background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(204, 0, 0, 1) 5px, rgba(204, 0, 0, 1) 10px ); }
.topInfo li.btn03 a:hover { color: #fff; background-color: rgba(0, 102, 204, 1); background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(0, 102, 204, 1) 5px, rgba(0, 102, 204, 1) 10px ); }
.topInfo li.btn04 a:hover { color: #fff; background-color: rgba(102, 204, 204, 1); background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(102, 204, 204, 1) 5px, rgba(102, 204, 204, 1) 10px ); }
.topInfo li:nth-child(2n) { margin-right: 0; }
.topBanner img { display: block; margin: 0; }
.topBanner { margin: 0 0 1em; }
.topBanner a { display: block; width: 100%; }
.topBanner:hover { background-color: #dff2fc; }
.topBanner a:hover img { opacity: 1; }
.top_newMessage{ margin: 0 0 1em;}
.top_newMessage a{ display: block; border: 1px solid #c00; margin: 0; padding: 10px 0; text-align: center; background-color: #ffff99; color: #c00; }
.top_newMessage a:hover{ background-color: #c00; color: #fff; }
.top_msg_blue a { border: 2px solid #0066cc; background-color: #eaf6fd; color: #0066cc; }  
.top_msg_blue a:hover { background-color: #0066cc; color: #fff; }