@charset "utf-8";
/* CSS Document */

/*
==========================================================================

 responsive base @css

=========================================================================*/



/*----------------------------------------------------------

 共通 css
 
-----------------------------------------------------------*/

#contain,
.col_primary {
    min-width: 0 !important;
}

.col_main {
    background: #FFF;
}

.col_side {
    padding-top: 10px;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

/*a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}*/

.radius5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.radius10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.radius15 {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}



/*----------------------------------------------------------

 SP css
 
-----------------------------------------------------------*/

/* ad baneer 上部　*/
.nippoi_rb_ad_baneer_1 {
    margin: 0px auto 3px;
    padding-top: 20px;
    width: 96%;
    height: auto;
}

/*　wraper　*/
.nippo_responsive_wraper1060 {
    margin: 0px auto 50px;
    width: 100%;
    padding: 0px 3%;
}

.nippo_responsive_wraper900 {
    margin: 0px auto 50px;
    width: 100%;
    padding: 0px 3%;
}

.nippo_responsive_wraper800 {
    margin: 0;
    width: 100%;
    overflow: hidden;
}

/*　ページ内リンク　*/
.nippo_page_link_menu {
    padding: 0px 3%;
    margin-bottom: 50px;
}

.nippo_page_link_menu li {
    font-size: 100%;
    background: url(/images/bg_headline.png) no-repeat 0 0.4em;
    margin-bottom: 5px;
    list-style: none;
    padding: 0px 0px 5px 18px;
    border-bottom: 1px dotted #CCC;
}

.nippo_page_link_menu li a {
    color: #0044CC;
}

.nippo_page_link_menu li a:hover {
    color: #878d93;
}

/*　パンくず　レスポンシブ　*/
.nippo_responsive_breadcrumb {
    background: #edecec;
    padding: 7px 10px;
}

.nippo_responsive_breadcrumb nav {
    color: #000;
    font-size: 90%;
    width: 100%;
    margin: 0 auto;
}

.nippo_responsive_breadcrumb nav div {
    display: inline;
}

.nippo_responsive_breadcrumb nav a {
    margin: 0 5px;
    padding: 0;
    color: #0737ed;
    font-weight: normal;
}

.nippo_responsive_breadcrumb nav a:hover,
.nippo_responsive_breadcrumb nav a:active {
    color: #e56a1f;
    text-decoration: underline;
}

.nippo_responsive_breadcrumb nav a span {
    padding: 0;
    font-weight: normal;
}

.nippo_responsive_breadcrumb nav .last {
    margin: 0 5px;
    padding: 0;
    font-weight: normal;
}

/* SNSボタン */

.social_btn {
  order: 1;
  padding: 4px 0 10px;
}
.social_btn ul {
  display: flex;
  justify-content: center;
  list-style: none;
}
.social_btn ul li {
  background: none;
  line-height: 0;
}
.social_btn ul li.s01 {
  margin-right: 5px;
  padding-left: 0;
}
.social_btn ul li.s02 {
  margin-right: 5px;
  padding-left: 0;
}
.social_btn ul li.s03 {
  padding-left: 0;
}




/*----------------------------------------------------------

 PC css
 
-----------------------------------------------------------*/

@media print,screen and (min-width: 768px) {

    /* ad baneer 上部　*/
	
    .nippoi_rb_ad_baneer_1 {
        margin: 0px auto 3px;
        padding-top: 20px;
        width: 800px;
        height: auto;
    }
	
	
    /*　wraper　*/

    .nippo_responsive_wraper1060 {
        margin: 30px auto 50px;
        width: 1060px;
    }

    .nippo_responsive_wraper900 {
        margin: 3px auto 50px;
        width: 900px;
        overflow: hidden;
    }

    .nippo_responsive_wraper900 a {
        color: #0044CC;
    }

    .nippo_responsive_wraper900 a:hover {
        color: #ef852f;
    }

    .nippo_responsive_wraper800 {
        margin: 3px auto 0px;
        width: 800px;
        overflow: hidden;
    }


    /*　パンくず　レスポンシブ　*/
    .nippo_responsive_breadcrumb {
        background: #edecec;
        padding: 7px 10px;
    }

    .nippo_responsive_breadcrumb nav {
        color: #000;
        font-size: 90%;
        width: 800px;
        margin: 0 auto;
    }

    .nippo_responsive_breadcrumb nav div {
        display: inline;
    }

    .nippo_responsive_breadcrumb nav a {
        margin: 0 5px;
        padding: 0;
        color: #0737ed;
        font-weight: normal;
    }

    .nippo_responsive_breadcrumb nav a:hover,
    .nippo_responsive_breadcrumb nav a:active {
        color: #e56a1f;
        text-decoration: underline;
    }

    .nippo_responsive_breadcrumb nav a span {
        padding: 0;
        font-weight: normal;
    }

    .nippo_responsive_breadcrumb nav .last {
        margin: 0 5px;
        padding: 0;
        font-weight: normal;
    }

}