.content-area{
    padding-top : 120px;
  }
  /*single*/


  /*============================
#work_single
============================*/
div#work_single {
    padding-bottom : 180px;
}
@media all and ( min-width: 751px) and ( max-width: 1180px) {
    div#work_single {
        padding-left : 20px;
        padding-right : 20px;
    }
}
@media all and ( max-width:  750px) {
    div#work_single {
        /* padding-left : 0.914rem;
        padding-right : 0.914rem;
        padding-bottom : 3.809rem; */
    }
}
/*============================
#img_slider
============================*/
div#work_single div#img_slider {
}
div#work_single div#img_slider div.swiper-container {
}
div#work_single div#img_slider div.swiper-container div.swiper-wrapper {
}
div#work_single div#img_slider div.swiper-container div.swiper-wrapper div.swiper-slide {
}
div#work_single div#img_slider div.swiper-container div.swiper-wrapper div.swiper-slide a,
div#work_single div#img_slider_none a
{
    display: block;
    width : 80%;
    margin : 0 auto;
}
@media all and ( max-width:  767px) {
    div#work_single div#img_slider div.swiper-container div.swiper-wrapper div.swiper-slide a,
    div#work_single div#img_slider_none a
    {
        width : 100%;
    }
}
@media all and ( max-width:  767px) {
    div#work_single div#img_slider div.swiper-container div.swiper-wrapper div.swiper-slide a img,
    div#work_single div#img_slider_none a img
    {
        /* max-width : 100%;
        max-height : 22.8rem; */
    }
}

div#work_single div#img_slider div.swiper-container div.swiper-wrapper div.swiper-slide a img {
}
div#work_single div#img_slider i.swiper-button-prev,
div#work_single div#img_slider i.swiper-button-next{
    background-image : none;
    font-size : 72px;
    /*top : 80%;*/
    top : 65%;
}
@media all and ( max-width: 1180px) {
    div#work_single div#img_slider i.swiper-button-prev,
    div#work_single div#img_slider i.swiper-button-next{
        display: none;
    }
}


div#work_single div#img_slider i.swiper-button-prev {   
}
div#work_single div#img_slider i.swiper-button-next {   
    right : 60px;
}

/*============================
#info_area
============================*/
div#work_single div#info_area {
    margin-top : 70px;
    margin-left : 120px;
    margin-right : 120px;
}
@media all and ( max-width: 1180px) {
    div#work_single div#info_area {        
        margin-left : 0;
        margin-right : 0;
    }
}
@media all and ( max-width:  767px) {
    div#work_single div#info_area {        
        /* margin-top : 2.666rem; */
    }
}



div#work_single div#info_area div.category {
    font-weight: bold;
    margin-bottom : 7px;
}
@media all and ( max-width:  767px) {
    div#work_single div#info_area div.category {
        margin-bottom : 0.609rem;
    }
}
div#work_single div#info_area h1 {
    font-size : 18px;
    margin-bottom : 20px;
    font-weight: bold;
}
@media all and ( max-width:  767px) {
    div#work_single div#info_area h1 {
        /* font-size : 1.066rem;
        margin-bottom : 1.1rem; */
    }
}


div#work_single div#info_area div.txt {
    margin-bottom : 28px;
}
@media all and ( max-width:  767px) {
    div#work_single div#info_area div.txt {
        /* margin-bottom : 1.1rem; */
    }
}
div#work_single div#info_area div.info {
    display: flex;
    -js-display: flex;
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom : 9px;
}
@media all and ( max-width:  767px) {
    div#work_single div#info_area div.info {
        align-items: flex-start;
        -webkit-align-items: flex-start;
        /* margin-bottom : 0.647rem; */
    }
}

div#work_single div#info_area div.info h3 {
    font-family: din-2014, sans-serif;
    font-style: normal;
    font-weight: bold;
    width : 100px;
    font-size : 18px;
}
@media all and ( max-width:  767px) {
    div#work_single div#info_area div.info h3 {
        /* width : 5.295rem;
        font-size : 1.066rem; */
    }
}
div#work_single div#info_area div.info div.content-info {
    width : calc(100% - 100px);
}

@media all and ( max-width:  767px) {
    div#work_single div#info_area div.info div.content-info {
        width : calc(100% - 5.295rem);
    }
}
div#work_single div#info_area div.info div.content-info span.type{
    margin-right : 8px;
}

/*
  div#info_single{
    
     padding : 40px;
     background-color: #fff;
 }
 @media ( max-width:  767px) {
     div#info_single{
         padding : 0.952rem;
         padding-bottom : 3.504rem;
     }
 }
 
 div#info_single div.bundle{
     display: flex;
     -js-display: flex;
     display: -webkit-flex;
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     flex-flow: row wrap;
     -webkit-flex-flow: row wrap;
     align-items: flex-start;
     -webkit-align-items: flex-start;
 }
 div#info_single a#img_area{
     width : 500px;
     width : calc(100% - 557px);
 
     margin-right : 40px;
 }
 @media ( max-width:  1000px) {
     div#info_single a#img_area{
         
         width : calc(100% - 400px);    
         
     }
 }
 @media ( max-width:  750px) {
     div#info_single a#img_area{
         width : 100%;
         margin-right : 0;
         margin-bottom : 0.876rem;
     }
 }
 div#info_single a#img_area img{
     box-shadow:5px 5px 7px 0px #dddddd;
 }
 div#info_single div.block{
     width : 517px;
 }
 div#info_single div.block a{
     text-decoration: underline;
 }
 @media ( max-width:  1000px) {
     div#info_single div.block{
         width :360px;
     }
 }
 @media ( max-width:  750px) {
     div#info_single div.block:not(.noimage){
         width : 100%;
     }
 }
 div#info_single div.block.noimage{
     width : 100%;
 }
 
 
 div#info_single div.date {
     font-size : 14px;
     margin-bottom : 15px;
     color : #999999;
     line-height : 1;
 }
 @media ( max-width:  750px) {
     div#info_single div.date {
         font-size : 1rem;
         margin-bottom : 0.685rem;
     }
 }
     
 
 div#info_single  h3 {
     text-align: left;
     font-size : 18px;
     font-weight: bold;
     margin-bottom : 30px;
 }
 @media ( max-width:  750px) {
     div#info_single h3 {
         font-size : 1rem;
         margin-bottom : 1.066rem;
     }
 }
     
 div#info_single div.block div.txt,
 div#info_single div.block div.txt p
 {
     font-size : 14px;
     line-height : 1.714285;
 }
 @media ( max-width:  750px) {
     div#info_single div.block div.txt,
     div#info_single div.block div.txt p
     {
         font-size : 1rem;
         line-height : 1.446428;
     }
 }
     
 
 
 
 .wp-pagenavi{
     width : 100%;
     text-align:center;
     margin-top : 10px;
     display: flex;
     -js-display: flex;
     display: -webkit-flex;
     -webkit-justify-content: center;
     justify-content: center;
     align-items: center;
     -webkit-align-items: center;}
 @media ( max-width:  750px) {
     .wp-pagenavi{       
         margin-top : 3.125vw;
     }
 }
         
 
 .wp-pagenavi a,.wp-pagenavi span{
     color:#333333;
     background:#F5F5F1;
     border:none;
     padding : 0;
     line-height: 1;
     width : 25px;
     height : 25px;
     display: flex;
     -js-display: flex;
     display: -webkit-flex;
     -webkit-justify-content: center;
     justify-content: center;
     align-items: center;
     -webkit-align-items: center;
     
     margin:0 5px;
     white-space:nowrap;
     transition:.2s ease-in-out;
     text-align:center;
     text-decoration:none
 }
 
 @media ( max-width:  750px) {
     .wp-pagenavi a,.wp-pagenavi span{
         width : 7.03125vw;
         height : 7.03125vw;
         margin:0 1.5625vw;
         font-size : 3.75vw;
     }
 }
 
 
 
 
 .wp-pagenavi span.pages{
     display: none;
 }
 
   .wp-pagenavi a:hover{
         color:#fff;
         background-color:#666;
         border-color:#666
     }.wp-pagenavi .extend,.wp-pagenavi .page{
         color:#333333;
         background-color:#fff;
         border:none;
     }.wp-pagenavi span.current{
         color:#fff;
         background-color:#999999;
     }

     */