@charset "utf-8";

/* +++++++++++++++++++++++++++++++

 dailymart.css
 PC、Tablet用

+++++++++++++++++++++++++++++++ */

/*
デイリーマートのご案内
-----------------------------------*/
.box_article > section { margin-bottom: 30px; }
.box_article p {
    width: auto;
    max-width: 980px;
    margin: 20px auto;
    font-size: 16px;
    line-height: 1.8;
}
.box_article > section,
.box_article .wrap {
    width: auto;
    max-width: 980px;
    margin: 20px auto;
}
.box_article p:last-child,
.box_article > section:last-child { margin-bottom: 0; }

.box_article .wrap .image {
    float: left;
    margin-right: 20px;
}

.box_article .table_block {
    width: 980px;
    margin: 20px auto;
}
.box_article .table_block tr:first-child th { background: #e6e6e6; }
.box_article .table_block th {
    width: auto;
    text-align: left;
}
.box_article .table_block tr:first-child th:first-child { border-right: 1px solid #fff; }
.box_article .table_block th:first-child { width: 150px; }
.box_article .table_block strong {
    display: block;
    font-size: 16px;
}

.list_square li {
    margin: 0 0 5px;
    font-size: 16px;
    line-height: 1.8;
}
.list_line {
    width: auto;
    max-width: 980px;
    margin: 0 auto;
    border-top: 1px solid #d9d9d9;
}
.list_line > li {
    padding: 5px;
    border-bottom: 1px solid #d9d9d9;
}
.list_line a {
    position: relative;
    display: block;
    margin: -5px;
    padding: 5px 40px 5px 5px;
    transition: 0.1s linear;
}
.list_line a:before {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    width: 11px;
    height: 20px;
    margin-top: -10px;
    background:  url(/images/common/sprite_arrow.png) no-repeat -50px 0;
    background-size: 200px auto;
    content: " ";
}
.list_line a:hover,
.list_line a.hover {
    filter: alpha(opacity=60);
    opacity: 0.6;
    text-decoration: none;
}
.list_line .image {
    float: left;
    width: 180px;
}
.list_line .description {
    margin-left: 200px;
    font-size: 15px;
}
.list_line li p { margin: 0; }

.event_data li {
    margin-top: 5px;
    padding-left: 12px;
    background: url(/images/common/ico_square.png) no-repeat left 5px;
    background-size: 8px;
    font-size: 13px;
}

/*
タブレット　差分
-----------------------------------*/
@media all and (max-width: 1279px) {
  .box_article .wrap p { margin-left: 145px; }
  .box_article .table_block { width: 100%; }
}