@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*-------------------------------------------------------------
///////////////////////////////////////////////////////////////
layout
///////////////////////////////////////////////////////////////
--------------------------------------------------------------*/

.wrapper {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-flex-direction: column;
    /* Safari */
    flex-direction: column;
    overflow: hidden;
}

main {
    flex: 1 0 auto;
}

article {
	/*width: 100%;*/
    width: 1000px;
}


footer {
    height: 30px;
}

/*1000px固定幅*/

.wrap1000 {
    width: 1000px;
    margin: 0 auto;
}
.wrap900 {
	width: 900px;
	margin: 30px auto;
}

/*リンク*/
a {
    color: #df1673;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/*-------------------------------------------------------------
///////////////////////////////////////////////////////////////
style
///////////////////////////////////////////////////////////////
--------------------------------------------------------------*/
/* @group ヘッダーエリア
------------------------------------------------------*/

/* @group メインエリア
------------------------------------------------------*/
main {
    min-height: 1170px;
}


/* @group フッターエリア
------------------------------------------------------*/

footer {
    background: #333333;
}
.footer-copyright p {
    padding-top: 4px;
    padding-left: 10px;
    font-size: 15px;
    color: #FFFFFF;
}

/*flexbox*/

.flex {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-flex-direction: row;
    /* Safari */
    flex-direction: row;
}

.flex-row-reverse {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-flex-direction: row-reverse;
    /* Safari */
    flex-direction: row-reverse;
}

.flex-column {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-flex-direction: column;
    /* Safari */
    flex-direction: column;
}

.flex-column-reverse {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-flex-direction: column-reverse;
    /* Safari */
    flex-direction: column-reverse;
}

.inline-flex {
    display: -webkit-inline-flex;
    /* Safari */
    display: inline-flex;
    -webkit-flex-direction: row;
    /* Safari */
    flex-direction: row;
}

.flex-start {
    -webkit-justify-content: flex-start;
    /* Safari */
    justify-content: flex-start;
}

.flex-center {
    -webkit-justify-content: center;
    /* Safari */
    justify-content: center;
}

.flex-end {
    -webkit-justify-content: flex-end;
    /* Safari */
    justify-content: flex-end;
}

.flex-space-around {
    -webkit-justify-content: space-around;
    /* Safari */
    justify-content: space-around;
}

.flex-space-between {
    -webkit-justify-content: space-between;
    /* Safari */
    justify-content: space-between;
}

.flex-align-center {
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
}

.flex-align-end {
    -webkit-align-items: flex-end;
    /* Safari */
    align-items: flex-end;
}
.flex-wrap {
	flex-wrap: wrap;
}