@charset "utf-8";

#Na_infomation .year {
font-size: 14px;
line-height: 14px;
color: #000;
}
/*お知らせ*/
#Na_infomation .rogo_a {
font-size: 10px;
color: #FFF;
background-color: #666;
font-weight: bold;
margin: 0px 10px 0px 0px;
padding: 2px;
}
/*プレゼント*/
#Na_infomation .rogo_b {
font-size: 10px;
color: #FFF;
background-color: #90b722;
font-weight: bold;
margin: 0px 10px 0px 0px;
padding: 2px;
}
/*キャンペーン*/
#Na_infomation .rogo_c {
font-size: 10px;
color: #FFF;
background-color: #c00;
font-weight: bold;
margin: 0px 10px 0px 0px;
padding: 2px;
}
/*ネット限定*/
#Na_infomation .rogo_d {
font-size: 10px;
color: #FFF;
background-color: #900;
font-weight: bold;
margin: 0px 10px 0px 0px;
padding: 2px;
}
/*休暇表*/
#Na_infomation .scroll{
overflow: auto;
white-space: nowrap;
}
#Na_infomation .scroll::-webkit-scrollbar{
 height: 5px;
}
#Na_infomation .scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
#Na_infomation .scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}
#Na_infomation table {
border-collapse: collapse;
width: 100%;
text-align: center;
font-size:14px;
margin:5px 0px;
}
#Na_infomation table th,
table td {
border: 1px solid #999;
padding: 5px;
text-align: center;
}
#Na_infomation table th {
background-color: #eee;
}
#Na_infomation table .time {
font-size:100%;
}
#Na_infomation table .day {
height:66px;
}
/*===============================================
●SP 画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
#Na_infomation {
width:100%;
margin:0 auto;
overflow:hidden;
}
#Na_infomation .spnone { display: none;}
#Na_infomation .img {
width: 100%;
}
#Na_infomation h1 {
font-size: 24px;
font-weight: bold;
color: #000000;
line-height: 1.5;
margin: 0px 10px 10px;
text-align: center;
}
#Na_infomation h2 {
font-size: 18px;
line-height:1.5;
margin: 0px;
padding: 0px;
display: inline;
}
#Na_infomation .notice {
font-size: 14px;
line-height: 1.5;
margin: 5px 0px 0px;
padding: 10px 0px 0px;
border-top: 1px solid #ff8181;
}
#Na_infomation .notice_2 {
font-size: 14px;
line-height: 1.5;
margin: 5px 0px 0px;
padding: 10px 0px 0px;
}
#Na_infomation .waku {
padding: 8px;
margin: 8px;
}
/*休暇表*/
#Na_infomation table {
display: block;
position: relative;
width: auto;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
#Na_infomation table .day {
height:50px;
}
#Na_infomation_box {
margin: 10px 8px 25px;
padding: 0px;
border: 1px solid #ccc;
font-size: 14px;
line-height: 1.5;
}
/*お知らせ*/
#Na_infomation p {
line-height:1.5;
}
#Na_infomation_box .past_notice {
background: #ccc;
margin: 0px;
padding: 5px;
text-align: center;
color:#000;
line-height:1.5;
}
#Na_infomation_box .past_box {
margin: 0px;
padding: 0px;
list-style: none;
text-align:center;
}
#Na_infomation_box .past_year {
padding: 10px 0px 8px 10px;
border-bottom: 1px dotted #ccc;
margin: 0px;
}
/*お知らせ一覧*/
#Na_infomation .waku_list {
margin: 8px 8px 32px;
overflow: hidden;
}
#Na_infomation .waku_list a {
overflow: hidden;
display: block;
padding: 20px 30px 20px 0px;
}

#Na_infomation .notice_list {
font-size: 14px;
margin: 5px 0px 0px;
border-top: 1px solid #ff8181;
overflow: hidden;
}
#Na_infomation .notice_list-box {
border-bottom: 1px solid #ff8181;
overflow: hidden;
position: relative;
}
#Na_infomation .notice_list-left {
width: 20%;
float: left;
line-height: 1.5;
padding: 20px 0px;
}
#Na_infomation .notice_list-right {
width: 80%;
float: left;
line-height: 1.5;
}
#Na_infomation .notice_list-right a::before {
content: '';
display: block;
width: 7px;
height: 12px;
position: absolute;
top: 50%;
right: 14px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
transform: translateY(-50%);
background: url(/excludes/nachulife/common/img/ico/arrow05.svg) center/100% auto no-repeat;
}
/*一覧ボタン*/
#Na_infomation .info-button {margin-bottom: 60px;}
#Na_infomation .info-button-waku {text-align: center; line-height: 1.7;}
#Na_infomation .info-button-color {font-size: 16px; border-radius: 5px; color: #fff; display: inline-block; background-color: #999; padding: 10px 50px;}
#Na_infomation .info-button-arrow {margin: 0px 10px 5px 0px; display: inline-block; width: 14px; height: 14px;}

}
/*===============================================
●PC 画面の横幅が640px
===============================================*/
@media screen and (min-width:640px){
#Na_infomation {
width: 1024px;
margin:0px auto;
overflow:hidden;
}
#Na_infomation .waku {
margin-left: 96px;
margin-right: 96px;
}
#Na_infomation h1 {
font-size: 28px;
font-weight:bold;
color: #000;
line-height: 1.5;
margin: 0px 0px 20px;
text-align: center;
}
#Na_infomation h2 {
font-size: 18px;
line-height: 1.5;
margin: 0px;
padding: 0px;
display: inline;
}
#Na_infomation .notice {
font-size: 16px;
line-height: 1.5;
margin: 5px 0px 0px;
padding: 15px 42px 50px;
border-top: 1px solid #ff8181;
}
#Na_infomation .notice_2 {
font-size: 16px;
line-height: 1.5;
margin: 5px 0px 0px;
padding: 15px 42px 50px;
}
#box_a {
}
#Na_infomation_box {
border: 1px solid #ccc;
overflow:hidden;
font-size: 14px;
line-height: 1.5;
margin: 20px auto;
width:1024px;
}
/*お知らせ*/
#Na_infomation p {
line-height:1.5;
}
#Na_infomation_box .past_notice {
background: #ccc;
margin: 0px;
padding: 5px;
text-align: center;
color:#000;
line-height:1.5;
}
#Na_infomation_box .past_box {
margin: 0px;
padding: 0px;
list-style: none;
font-size:0;
}
#Na_infomation_box .past_year {
display: inline;
font-size: 14px;
}
#Na_infomation_box .past_year a {
display: inline-block;
text-align: center;
padding: 10px 0px;
width: 24.7%;
}
/*お知らせ一覧*/
#Na_infomation .waku_list {
margin: 0px 0px 32px;
overflow: hidden;
}
#Na_infomation .waku_list a {
overflow: hidden;
display: block;
padding: 10px 0px;
}
#Na_infomation .notice_list {
font-size: 16px;
margin: 5px 0px 0px;
padding: 0px 42px 0px;
border-top: 1px solid #ff8181;
overflow: hidden;
}
#Na_infomation .notice_list-box {
margin-top: 20px;
}
#Na_infomation .notice_list-left {
width: 10%;
float: left;
line-height: 1.5;
padding: 10px 0px;
}
#Na_infomation .notice_list-right {
width: 90%;
float: left;
line-height: 1.5;
}
/*一覧ボタン*/
#Na_infomation a[href*="tel:"] {pointer-events: none; cursor: default; text-decoration: none;}
#Na_infomation .info-button {margin-bottom: 60px;}
#Na_infomation .info-button-waku {text-align: center; line-height: 1.7;}
#Na_infomation .info-button-color {font-size: 16px; border-radius: 5px; color: #fff; display: inline-block; background-color: #999; padding: 14px 100px;}
#Na_infomation .info-button-arrow {margin: 0px 10px 5px 0px; display: inline-block; width: 14px; height: 14px;}
}

#Na_infomation a:hover {
text-decoration: underline;
color: #000;
}
#Na_infomation .info-button-waku a:hover {
text-decoration: underline;
color: #fff;
}
#Na_infomation .notice a {
text-decoration: underline;
}
#Na_infomation a {
text-decoration: underline;
}
#Na_infomation a:hover {
color: #ea5c7d;
}