
.item_nav h2 {
    margin: 90px 0 0;
    color: #000;
    font-weight: 100;
    font-size: 280%;
    letter-spacing: 0.15em;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;

    align-items: center;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    font-family: Muli;
}


.item_nav h2::before,
.item_nav h2::after {
    content: "";
    display: block;
    flex: auto;
}
.item_nav h2::before {
    margin-right: 0.5em;
}
.item_nav h2::after {
    margin-left: 0.5em;
}

/* ***
.item_nav h2 {
    margin: 0;
    color: #000;
    font-family:'Questrial', sans-serif;
    font-size: 280%;
    letter-spacing: 0.15em;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.item_nav h2::before,
.item_nav h2::after {
    content: "";
    display: block;
    height: 1px;
    background-color: #333;
    flex: auto;
}
.item_nav h2::before {
    margin-right: 0.5em;
}
.item_nav h2::after {
    margin-left: 0.5em;
}

*** */

/* *** リンクボタン *** */
.item_nav .btn_etc {
    margin-top: 1.5em;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.item_nav .btn_etc li {
    /*width: calc((100% - 1.5em) / 2);ボタンを2分割する時は使用*/
    width: 100%;/*ボタンが1つの時に使用*/
}
.item_nav .btn_category a,
.item_nav .btn_etc a {
    display: block;
    padding: 1em;
    background-color: #fff;
    font-size: 120%;
    text-align: center;
    transition: 0.5s;
    position: relative;
}
.item_nav .btn_category a {
    width: 50%;
    margin: 2rem auto 0;
    border: solid 1px #333;
    background-color: #fff;
    color: #333;
}
.item_nav .btn_category a::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
}
.item_nav .btn_etc a {
    border: solid 1px #bc1616;
    color: #bc1616;
	margin-bottom:0.5rem;
	
}
.item_nav .btn_category a:hover,
.item_nav .btn_etc a:hover {
    text-decoration: none;
    transition: 0.5s;
}
.item_nav .btn_category a:hover {
    background-color: #333;
    color: #fff;
}

.btn_category2 a{
    display: block;
    padding: 1em;
    background-color: #fff;
    font-size: 120%;
    text-align: center;
    transition: 0.5s;
    position: relative;;
}
.btn_category2 a {
    width: 50%;
    margin: 0 auto 0.5em;
    border: solid 1px #333;
    background-color: #fff;
    color: #333;
}
.btn_category2 a::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
}
.btn_category2 a:hover,
.item_nav .btn_etc a:hover {
    text-decoration: none;
    transition: 0.5s;
}
.btn_category2 a:hover {
    background-color: #333;
    color: #fff;
}

.item_nav .btn_etc a:hover {
    opacity: 0.7;
}


.item_nav .btn_etc a::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
}


/* *** リンクパネル *** */
.item_nav img {
}

.item_panel_wrapper {
}

.item_nav .item_panel {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content:space-around;
	text-align:center;
	margin: 0 auto ;
}

/*
.item_nav .item_panel > li:nth-child(n+7) {

    margin-top: 2.5em;
}
*/

.item_nav .item_panel > li:nth-child(n+6) {
}

.item_nav .item_panel > li {
    width: calc((100% - 0.2em) / 6);
    //width: calc((100% - 0.2em) / 5);
	margin-bottom: 2rem;
}


.item_nav .item_panel > li:last-child {
    margin-right:0;
}

.item_nav .item_panel a {
}

.item_nav .item_panel .item_category_name {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
	margin-top:0.5rem;
}

.item_nav .item_panel a:hover .item_category_name {
}

.item_nav .item_panel a img {
    line-height: 0;
    width: 90%;
    //transition: 0.5s;
}

.item_nav .item_panel a:hover img {
    opacity: 0.5;
    //transition: 0.5s;
}
