.nav > li:hover {
    opacity: 0.7;
}

a:hover {
    opacity: 0.7;
}

img {
    width: auto;
    max-width: 100%;
}

.muda:hover {
    cursor: pointer;
    opacity: 0.7;
}

#pint_grid[data-columns]::before {
    content: '4 .column.size-1of4';
    color: transparent;
}

.column {
    float: left;
}

.size-1of2 {
    width: 50%;
    padding: 10px;
}
.size-1of3 {
    width: 33.333%;
    padding: 10px;
}

.size-1of4 {
    width: 25%;
    padding: 10px;
}

.caption p {
    margin: 0;
}

.title-tumb {
    z-index: 100;
}
.yt_channel {
    width: 560px;
    height: 315px;
}

.home_prod_cate:hover {
    opacity: 0.8;
    cursor: pointer;
}

@-webkit-keyframes showsup {
    from {
        opacity: 0;
        -webkit-transform: translate(0, -20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
    }
}

@-moz-keyframes showsup {
    from {
        opacity: 0;
        -moz-transform: translate(0, -20px);
    }
    to {
        opacity: 1;
        -moz-transform: translate(0, 0);
    }
}

@-o-keyframes showsup {
    from {
        opacity: 0;
        -o-transform: translate(0, -20px);
    }
    to {
        opacity: 1;
        -o-transform: translate(0, 0);
    }
}

@keyframes showsup {
    from {
        opacity: 0;
        transform: translate(0, -20px);
    }
    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

#pint_grid .thumbnail {
    -webkit-animation: showsup 0.5s;
    -moz-animation: showsup 0.5s;
    -o-animation: showsup 0.5s;
    animation: showsup 0.5s;
}


/* POPUP */

.white-popup {
    border-radius: 50px;
}

.mfp-close-btn-in .mfp-close {
    color: #000;
    left: 10px;
    top: 10px;
}

.preload {
    background-image: url(../img/works/preload.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.popup_container {}

.popup_wrapper {
    padding: 30px;
}

.popup_head {
    text-align: right;

}

.pn_new {
    background: url(../img/works/new.png) no-repeat 0 0;
}

.pw_date {
    font-size: 12px;
}

.pw_title {
    font-size: 15px;
    font-weight: bold;
}

.pw_product {
    font-size: 14px;
    color: #9E0072;
}

.pw_urls {
    margin-top: 20px;
    font-size: 12px;
}

.pw_url {
    display: inline-block;
    margin-left: 30px;
}

.popup_body {}

.popup_body_img {
    text-align: center;
}

.popup_body_img img {
    width: auto;
    max-width: 100%;
}

.popup_body_txt {
    margin-top: 15px;
    font-size: 12px;
    margin-bottom: 50px;
}

.popup_footer {

    background: url(../img/works/navbird.png) no-repeat center center;
    min-height: 30px;
}

.pn_prev {
    float: left;
    margin-left: 120px;
}

.pn_next {
    float: right;
    margin-right: 120px;
}

.works_nav:hover {
    opacity: 0.7;
    cursor: pointer;
}

.white-popup {
    position: relative;
    background-color: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}

.box-navi.active {
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 1px 20px 0 25px;
    margin: 5px 2px;
    background: url(../img/common/arrow.png) no-repeat 15px 50%;
    background-color: #fff;
}

.box-navi > .fa {
    font-size: 10px;
    display: inline-block;
}

.fa {
    margin-left: 10px;
}

.faw {
    font-size: 10px;
    margin-left: 5px;
}

.fm {
    font-size: 16px;
    float: right;
    margin-top: -33px;
    margin-right: 20px;
}

.fmx {
    font-size: 16px;
    float: left;
    margin-top: 28px;
    margin-left: 30px;
}

.subcate_pic {
    width: auto;
    max-width: 239px;
    text-align: center;
}

.prodimg-smalls {
    width: auto;
    max-width: 24px;
    max-height: 21px;
    margin-right: 10px;
    /*margin-top: 3px;	*/
}

.prodimg-smalls + p {
    background: url('../img/common/arrow2.png') no-repeat 100% 50%;
    padding-right: 52px;
        text-decoration: underline;
    font-weight: bold;
    background-position-x: right;
}

.product_cate {
    cursor: pointer;
}
.cate_7 .im-txt{
    font-size: 17px;        
}
.product_cate:hover,
.product:hover {
    opacity: 0.7;
}

.product_cate:nth-of-type(odd) {
    margin-right: 15px;
}

#prod_menu {
    cursor: pointer;
}

.prod_menu_list {
    display: none;
}

.prod_menu_list ul {
    padding: 0;
    list-style: none;
    text-align: center;
    margin-top: 10px;
}

.prod_menu_list ul li {
    margin-bottom: 8px;
    font-size: 12px;
}

.noimage {
    text-align: center;
}

.gb-title {
    font-size: 13px;
}

#product_jisseki h3 {
    background: url(../img/product/jisseki.png) no-repeat 0 0;
    padding-left: 40px;
    margin-bottom: 5px;
}

.product_category_button {
    margin-top: 60px;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}

.qa_panel {
    margin-bottom: 15px;
    border-radius: 10px;
    border-color: #ddd;
    background-color: #ffe8c2;
    padding: 10px 25px;
}

.qa_title:hover {
    cursor: pointer;
    opacity: 0.8;
}

.qa_answer {
    border-top: solid 3px #fff;
    margin-top: 10px;
    padding-top: 10px;
    background: url(../img/faq/bird6.png) no-repeat 25px 15px;
    padding-left: 90px;
    min-height: 75px;
    padding-bottom: 15px;
}

.panel-group {
    margin-bottom: 50px;
}

.fa-faq {
    margin-top: 6px;
}

.news_content {
    font-weight: normal;
    font-size: 14px;
}

.conte-item {
    padding: 10px;
}

.conte-item-l {
 
}

.conte-item-r {

}

.conte-item-m {
}

.shaze_pic {
    /*background: #FFFFF2;
	border-radius: 10px;
	padding: 50px 170px;*/
    float: left;
}

.houshin {
    float: right;
    text-align: right;
}

#khoushin {
    cursor: pointer;
    text-align: right;
}

#houshin-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(255, 224, 159, 0.8);
    z-index: 999;
    display: none;
}

#houshin-wrap {
    width: 715px;
    margin: 5% auto;
    background: #fff;
    border-radius: 10px;
    position: relative;
    padding-top: 40px;
}

#houshin-close {
    position: absolute;
    right: 25px;
    top: 20px;
    width: 18px;
    height: 18px;
    background: url(../img/about/close.png) no-repeat 0 0;
    cursor: pointer;
}

#houshin-title {
    background: url(../img/about/bird.png) no-repeat 50% 0;
    font-size: 20px;
    padding: 40px 0 20px;
    text-align: center;
}

.houshin-block {
    width: 510px;
    margin: 0 auto;
}

.houshin-item {
    font-size: 13px;
    margin-bottom: 25px;
}

.houshin-word {
    color: #9E0072;
    width: 20%;
    font-weight: 500;
    /*float: left;*/
}

.houshin-detail {
    /*float: left;*/
    text-align: left;
}

#houshin-foot {
    text-align: center;
    padding-bottom: 40px;
}
/* mobile */
@media screen and (max-width: 767px) {
.size-1of2 {
    width: 47%;
    padding: 4px;
    }
    .head-works {
    font-size: 1.2rem;
}
}