﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
.h2impagejump {
}

.h2impagejump .ModuleReference {
    width: 1100px;
    margin: 0px auto 40px;
}

.h2impagejump .h2index {
	padding: 0px;
}

.h2impagejump .h2index h2,
.h2impagejump .h2index_accordion{
	display: none;
}

.h2impagejump .almenu_accordion {
    display: flex;
}

.h2impagejump ul {
    display: none;
    margin: 0px;
    padding: 0;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.h2impagejump ul li {
    background: url("../../../Images/icon_bottom.png") no-repeat left 16px;
    width: calc((100% - 90px) / 4);
    margin: 0px 30px 3px 0px;
    padding: 0px;
    list-style: none;
    border-bottom: 1px solid #ccc;
}

.h2impagejump ul li:nth-child(4n) {
    margin: 0px 0px 3px 0px;
}

.h2impagejump ul li a {
    font-size: 95%;
    padding: 12px 0px 12px 22px;
    display: block;
}


}
@media (max-width: 1100px) {
.h2impagejump .ModuleReference {
    width: calc(100% - 20px);
    margin: 0px auto 40px;
}
}

/*** for Smart Phone ***/
@media (max-width:400px)
{
.h2impagejump {
}

.h2impagejump .ModuleReference {
    width: 300px;
    margin: 0px auto 40px;
}

.h2impagejump .h2index {
    padding: 10px;
    margin: 0px;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: #ffffff;
}

.h2impagejump .h2index h2 {
    width: calc(100% - 25px);
    background: no-repeat;
    padding: 0;
    margin: 0px;
    font-size: 120%;
    font-family: 'Noto Sans JP';
    color: rgba(0,72,155,1);
}

.h2impagejump .h2index_accordion {
	position: relative;
}

.h2impagejump .h2index_accordion button {
    background-image: url(../../../Images/index_open.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    height: 20px;
    width: 20px;
    border: none;
    margin: 0px;
    padding: 0px;
    vertical-align: bottom;
}

.h2impagejump .index_toggle button {
    background-image: url(../../../Images/index_close.png);
}

.h2impagejump .almenu_accordion {
    display: none;
}

.h2impagejump .index_accordion {
    display: block;
}

.h2impagejump ul {
    display: flex;
    margin: 9px 0px 0px 0px;
    padding: 0;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.h2impagejump ul li {
    background: url("../../../Images/icon_bottom.png") no-repeat left 12px;
    width: calc(100% - 20px);
    margin: 0px 0px 3px 0px;
    padding: 0px;
    list-style: none;
    border-bottom: 1px solid #ccc;
}

.h2impagejump ul li:last-child {
    border-bottom: none;
}

.h2impagejump ul li a {
    font-size: 95%;
    padding: 12px 0px 12px 22px;
    display: block;
}
}
