@charset "utf-8";

/* ===================================================================
format
=================================================================== */

/*	body
----------------------------------------------------*/
body {
}

/*	a:link,a:visited,a:hover,a:active
----------------------------------------------------*/

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

/*	h
----------------------------------------------------*/

/*	table
----------------------------------------------------*/

/* ===================================================================
Layout
=================================================================== */
#wrap {
    width: 100%;
    background:#fbfaf6;
}

#sidebar{
}

/* ===================================================================
Layout-contents
=================================================================== */

/*	main
----------------------------------------------------*/
#main {
    padding: 30px;
    margin: 0 auto;
    background: #fff;
}

.row {

}

/*	contents
----------------------------------------------------*/
#contents {
    padding-top: 0;
}

/*	sidebar
----------------------------------------------------*/
#sidebar .screen-reader-text{
    position: static;
    overflow: auto;
    width: auto;
    height: auto;
}

/*	footer
----------------------------------------------------*/

/* ===================================================================
FontAwesome
=================================================================== */
.fa {}

/* ===================================================================
breadcrumb
=================================================================== */

.breadcrumb{
    margin: 0 auto;
    padding: 8px 0;
}

.breadcrumb ol {
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.4rem;
}

.breadcrumb li:nth-child(n+2):before {
    content: ">";
    margin: 0 4px;
}

/* ===================================================================
Pagetop
=================================================================== */

/* ===================================================================
Rollover 背景が白の時用
=================================================================== */
#contents a img {
opacity: 1;
transition: .3s ease-in-out;
}

#contents a:hover img {
opacity: .7;
filter: alpha(opacity=30);
}