@charset "utf-8";

/**
 * style.css
 */


/* Bootstrap break point */

@media only screen and (max-width:1199px) {}


/* xl */

@media only screen and (max-width:991px) {}


/* lg */

@media only screen and (max-width:767px) {}


/* md */

@media only screen and (max-width:565px) {}


/* sm */


/* (mobile first) */

@media only screen and (min-width:566px) {}

@media only screen and (min-width:768px) {}

@media only screen and (min-width:992px) {}

@media only screen and (min-width:1200px) {}


/* V3.1  break point */

@media only screen and (max-width:959px) {}


/* tablet */

@media only screen and (max-width:767px) {}


/* smart phone */


/* (mobile first) */

@media only screen and (min-width:768px) {}

@media only screen and (min-width:960px) {}


/* container
--------------------------------------------------*/

#container {
    min-width: 320px;
    margin-bottom: 0;
/*    background-image: linear-gradient(0deg, #FFFCDD 0%, #ffffff 100%);*/
    /* background-image: linear-gradient(315deg, #e3fdf5 0%, #fff2fd 100%); */
    margin-top: 10px;
    /* background-image: linear-gradient(to top, #dfe9f3 0%, white 100%); */
    /* background-color: #d5fefd; */
    /* background-image: linear-gradient(315deg, #d5fefd 0%, #fffcff 74%); */
    /* background-image: linear-gradient(0deg, #ffffff 0%, #fafbe8 100%); */
    /* background: linear-gradient(45deg, rgba(248, 229, 197, 0.8), rgba(239, 113, 1, 0.8)),url(../img/pc/top/fotolia_50925101.jpg); */
    /* background-size: cover; */
    /* background-color: #f6f5ff; */
    /* background-image:
    radial-gradient(#fff 28%, transparent 33%),
    radial-gradient(#fff 28%, transparent 33%); */
    /* background-size: 32px 32px; */
    /* background-position: 0 0, 16px 16px; */
    /* background-color: #dff3fe; */
    /* background-image:
    radial-gradient(#ccedff 28%, transparent 31%),
    radial-gradient(#ccedff 28%, transparent 31%); */
    /* background-size: 64px 64px; */
    /* background-position: 0 0, 32px 32px; */
}

.main-columns {
    padding-top: 0;
}

.main-columns .common-wrap{
    /* background-color:#fff; */
    /* padding-top:20px; */
}

@media only screen and (max-width:767px) {
    #container {
        min-width: auto;
    }
}

.parts-breadcrumb {
    margin: -47px 0 0 0;
    padding: 10px 0 30px 0;
    zoom: 1;
}



/* news-area
--------------------------------------------------*/

.news-area {
    display: none;
    margin-bottom: 20px;
}

.news-area #NewsLine {
    padding: 15px;
    background-color: #f6f6f6;
}

.news-area .inner span {
    display: block;
    font-size: 1.4rem;
}

.news-area .inner a {
    color: #535353;
    text-decoration: none;
}

@media only screen and (max-width:767px) {
    .news-area .common-wrap {
        padding: 0;
    }
    .news-area #NewsLine {
        padding: 10px;
        font-size: 11px;
    }
}


/* news-topics
--------------------------------------------------*/

#news-section {
    /* margin:0; */
    /* padding:0; */
}

#newstitle img {
    width: 250px;
    height: auto;
}

.news-topics {
    margin-bottom: 15px;
}

.news-scroll {
    overflow-y: auto;
    height: 280px;
    margin-bottom: 15px;
    margin-top: 5px;
}

@media only screen and (max-width:959px) {
    .news-topics {
        margin-bottom: 50px;
    }
    .news-scroll {
        overflow: visible;
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .news-topics {
        /* margin-bottom: 110px; */
    }
}

.index-btn {
    position: absolute;
    right: 18px;
    bottom: -15px;
    z-index: 15;
    font-size: 13px;
    text-align: center;
    font-weight: 700;
}

.index-btn a {
    display: block;
    padding: 2px;
    width: 120px;
    color: #407dda;
    border-radius: 25px;
    border: 1px solid #407dda;
    position: absolute;
    background-color: #fff;
    right: 0;
}

.index-btn a:hover {
    text-decoration: none;
    opacity: 0.6;
}

@media print,
screen and (max-width:959px) {
    .index-btn a {
        width: 200px;
    }
}

@media only screen and (max-width:959px) {
    #NewsSection .parts-tab-btns {
        margin-bottom: 65px;
    }
    .index-btn {
        right: 0;
        top: inherit;
        bottom: -30px;
        width: 100%;
        margin: auto;
        left: inherit;
    }
    .index-btn a {
        width: 30vh;
        font-size: 14px;
        text-align: center;
        display: block;
        margin: auto;
        left: 0;
    }
}

@media only screen and (max-width:767px) {
    .news-topics .index-btn a {
        padding: 2px 0;
        font-size: 12px;
        text-align: center;
        margin: auto;
    }
}


/* Search-area
--------------------------------------------------*/

div.parts-tab-btns:nth-of-type(1) .parts-tab-btn.on a {
    /* color: #000080; */
    text-decoration: none;
    background-color: #407dda;
}

/*
div.parts-tab-btns:nth-of-type(1) .parts-tab-btn:nth-of-type(2).on a {
    color: #000080;
    text-decoration: none;
    background-color: #ff9999;
}

div.parts-tab-btns:nth-of-type(1) .parts-tab-btn:nth-of-type(3).on a {
    color: #fff;
    text-decoration: none;
    background-color: #4d804d;
}

div.parts-tab-btns:nth-of-type(1) .parts-tab-btn:nth-of-type(4).on a {
    color: #000080;
    text-decoration: none;
    background-color: #ffdb99;
}
*/

#Search-btn-Area .parts-tab-body {
    overflow: hidden;
    padding: 20px 20px;
    margin-bottom: 20px;
    /* border-radius:6px; */
}

.parts-tab-btn,
.parts-tab-btn a:before {
    border: none;
}

.parts-tab-btn.on a:before {
	position: absolute;
	top: 100%;
	left: 50%;
	display: block;
	content: '';
	margin-left: -6px;
	border-left: transparent solid 6px;
	border-right: transparent solid 6px;
}

div.parts-tab-btns:nth-of-type(1) .parts-tab-btn.on a:before {
	border-top: #407dda solid 6px;
}
/*
div.parts-tab-btns:nth-of-type(1) .parts-tab-btn:nth-of-type(2).on a:before {
	border-top: #ff9999 solid 6px;
}
div.parts-tab-btns:nth-of-type(1) .parts-tab-btn:nth-of-type(3).on a:before {
	border-top: #4d804d solid 6px;
}
div.parts-tab-btns:nth-of-type(1) .parts-tab-btn:nth-of-type(4).on a:before {
	border-top: #ffdb99 solid 6px;
}
*/


/*#Search-btn-Area .parts-tab-body:nth-of-type(1) {
	background-color: #ff9999;
}
#Search-btn-Area .parts-tab-body:nth-of-type(2) {
	background-color: #9999ff;
}
#Search-btn-Area .parts-tab-body:nth-of-type(3) {
	background-color: #4d804d;
}
#Search-btn-Area .parts-tab-body:nth-of-type(4) {
	background-color: #ffdb99;
}*/

#Search-btn-Area {
    position: relative;
}

#Search-btn-Area .parts-tab-body:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    background-color: #cfe6f8;
    /* background-image: radial-gradient(#a6a6ff 3px, transparent 3px); */
    background-size: 30px 30px;
}

/*
#Search-btn-Area .parts-tab-body:nth-of-type(2):before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    background-color: #ff9999;
    background-image: radial-gradient(#ff8a80 3px, transparent 3px);
    background-size: 30px 30px;
}

#Search-btn-Area .parts-tab-body:nth-of-type(3):before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    background-color: #4d804d;
    background-image: radial-gradient(#558e55 3px, transparent 3px);
    background-size: 30px 30px;
}

#Search-btn-Area .parts-tab-body:nth-of-type(4):before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    background-color: #ffdb99;
    background-image: radial-gradient(#FDD835 3px, transparent 3px);
    background-size: 30px 30px;
}
*/

#Search-btn-Area .parts-box-btns .row>div {
    margin: 5px;
    flex-basis: calc((100% - 40px) / 4);
    /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); */
    border-bottom: none;
}

#Search-btn-Area .parts-tab-body .parts-box-btns .row>div {
    position: relative;
    border-radius: 8px;
}

#Search-btn-Area .parts-tab-body .parts-box-btns .row>div:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 4px solid #407dda;
    border-radius: 8px;
}

/*
#Search-btn-Area .parts-tab-body:nth-of-type(2) .parts-box-btns .row>div {
    position: relative;
    border-radius: 8px;
}

#Search-btn-Area .parts-tab-body:nth-of-type(2) .parts-box-btns .row>div:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 4px solid #ff6666;
    border-radius: 8px;
}

#Search-btn-Area .parts-tab-body:nth-of-type(3) .parts-box-btns .row>div {
    position: relative;
    border-radius: 8px;
}

#Search-btn-Area .parts-tab-body:nth-of-type(3) .parts-box-btns .row>div:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 4px solid #003300;
    border-radius: 8px;
}

#Search-btn-Area .parts-tab-body:nth-of-type(4) .parts-box-btns .row>div {
    position: relative;
    border-radius: 8px;
}

#Search-btn-Area .parts-tab-body:nth-of-type(4) .parts-box-btns .row>div:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 4px solid #ff8c00;
    border-radius: 8px;
}
*/

#Search-btn-Area .parts-tab-body .parts-box-btns a:hover {
    color: #407dda;
    opacity: 1;
}
/*

#Search-btn-Area .parts-tab-body:nth-of-type(2) .parts-box-btns a:hover {
    color: #ff6666;
    opacity: 1;
}

#Search-btn-Area .parts-tab-body:nth-of-type(3) .parts-box-btns a:hover {
    color: #008000;
    opacity: 1;
}

#Search-btn-Area .parts-tab-body:nth-of-type(4) .parts-box-btns a:hover {
    color: #ff8c00;
    opacity: 1;
}
*/

/*
#Search-btn-Area .parts-tab-body:nth-of-type(1) .parts-box-btns a:hover:before {
    border-top: #3333ff solid 2px;
    border-right: #3333ff solid 2px;
}

#Search-btn-Area .parts-tab-body:nth-of-type(2) .parts-box-btns a:hover:before {
    border-top: #ff6666 solid 2px;
    border-right: #ff6666 solid 2px;
}

#Search-btn-Area .parts-tab-body:nth-of-type(3) .parts-box-btns a:hover:before {
    border-top: #008000 solid 2px;
    border-right: #008000 solid 2px;
}

#Search-btn-Area .parts-tab-body:nth-of-type(4) .parts-box-btns a:hover:before {
    border-top: #ff8c00 solid 2px;
    border-right: #ff8c00 solid 2px;
}
*/

@media only screen and (max-width:991px) {
    #Search-btn-Area .parts-box-btns .row>div {
        flex-basis: calc((100% - 30px) / 3);
        max-width: calc((100% - 30px) / 3);
    }
}

@media only screen and (max-width:767px) {
    #Search-btn-Area .parts-box-btns .row>div {
        flex-basis: calc((100% - 10px) / 2);
        max-width: calc((100% - 20px) / 2);
    }
}

@media only screen and (max-width:565px) {
    #Search-btn-Area .parts-box-btns .row>div {
        /* flex-basis: 100%; */
        /* max-width: 100%; */
    }
    #Search-btn-Area .parts-icon-btn a .ico {
        padding: 5px 5px 5px 0px;
        width: 60px;
        display: none;
    }
    #Search-btn-Area .parts-icon-btn a {
        padding: 13px 0px;
        font-size: 12px;
    }
    #Search-btn-Area .parts-icon-btn a:before {
        right: 8px;
    }
}

.parts-icon-btn a .ico img {
    /* display: none; */
}

.parts-icon-btn a {
    background-size: 35px auto;
    background-repeat: no-repeat;
    background-position: 15px center;
    line-height: 1.2;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    /* background-image: none!important; */
    justify-content: center;
    padding: 15px 10px;
    text-align: center;
}
@media only screen and (min-width:768px) {
	.parts-icon-btn a {
 background-image: none!important;
	}
	}
	.parts-icon-btn a:before {
			display:none;
	}

.parts-icon-btn a>* {
    padding-left: 8px;
    padding-top:10px;
    font-size: 1.5rem;
    padding-right: 8px;
}

.parts-icon-btn a .ico img,
.parts-icon-btn a .ico>svg {
    max-height: 40px;
    max-width: 65px;
}

.parts-icon-btn a:hover,
.parts-icon-btn a:active {
    background-size: 35px auto;
    background-repeat: no-repeat;
    background-position: 15px center;
}

@media only screen and (max-width:767px) {

.parts-icon-btn a>* {
	display: table-cell;
	padding-left: 50px;
	padding-top:0px;
	font-size: 1.4rem;
	padding-right: 20px;
}
	.parts-icon-btn a .ico img {display:none;}
	
    .parts-icon-btn a {
        background-size: 25px auto;
        background-repeat: no-repeat;
        background-position: 10px center;
        /* background-image: inherit!important; */
        text-align:left;
        align-items: flex-start;
    }
    .parts-icon-btn a:hover,
    .parts-icon-btn a:active {
        background-size: 25px auto;
        background-repeat: no-repeat;
        background-position: 10px center;
    }
}

#ico04_p.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_04.svg);
}

#ico05_p.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_04.svg);
}

#ico08_p.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_08.svg);
}

#ico17_p.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_17.svg);
}

#ico19_p.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_19.svg);
}

#ico20_p.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_20.svg);
}

#ico21_p.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_21.svg);
}

#ico22_p.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_22.svg);
}

#ico23_p.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_23.svg);
}

#ico24_p.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_24.svg);
}

#ico25_p.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_25.svg);
}

#ico26_p.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_26.svg);
}

#ico01_bl.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_01.svg);
}

#ico02_bl.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_02.svg);
}

#ico03_bl.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_03.svg);
}

#ico04_bl.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_04.svg);
}

#ico05_bl.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_05.svg);
}

#ico06_bl.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_06.svg);
}

#ico07_bl.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_07.svg);
}

#ico08_bl.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_08.svg);
}

#ico09_bl.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_09.svg);
}

#ico10_bl.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_10.svg);
}

#ico11_bl.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_11.svg);
}

#ico12_bl.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_12.svg);
}

#ico13_gr.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_13.svg);
}

#ico14_gr.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_14.svg);
}

#ico15_gr.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_15.svg);
}

#ico12_gr.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_12.svg);
}

#ico09_gr.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_09.svg);
}

#ico16_gr.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_16.svg);
}

#ico10_gr.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_10.svg);
}

#ico06_gr.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_06.svg);
}

#ico07_gr.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_07.svg);
}

#ico08_gr.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_08.svg);
}

#ico39_gr.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_39.svg);
}

#ico30_or.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_30.svg);
}

#ico31_or.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_31.svg);
}

#ico32_or.parts-icon-btn a {
    background-image: url(../img/all/icon/kencom_icon.png);
}

#ico33_or.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_33.svg);
}

#ico34_or.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_34.svg);
}

#ico35_or.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_35.svg);
}

#ico36_or.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_36.svg);
}

#ico37_or.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_37.svg);
}

#ico38_or.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_38.svg);
}

#ico40_or.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_30.svg);
}
#ico41_or.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_41.svg);
}
#ico42_or.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_42.svg);
}
#ico43_or.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_43.svg);
}
#ico44_or.parts-icon-btn a {
    background-image: url(../img/all/icon/icon_44.svg);
}
#ico45_or.parts-icon-btn a {
    background-image: url("../img/all/icon/icon_mhw.png");
    /*padding: 4px 10px 8px 10px;*/
}
#ico45_or.parts-icon-btn a small {
    font-size: 75%;
    display: inline-block;
    line-height:1.1;
}

.parts-icon-btn a:hover img,
.parts-icon-btn a:active img {
	opacity:0.6;
}

/*
#ico04_p.parts-icon-btn a:hover,
#ico04_p.parts-icon-btn a:active {
    background-image: url(../img/all/icon_pnk/icon_04.svg);
}

#ico05_p.parts-icon-btn a:hover,
#ico05_p.parts-icon-btn a:active {
    background-image: url(../img/all/icon_pnk/icon_04.svg);
}

#ico08_p.parts-icon-btn a:hover,
#ico08_p.parts-icon-btn a:active {
    background-image: url(../img/all/icon_pnk/icon_08.svg);
}

#ico17_p.parts-icon-btn a:hover,
#ico17_p.parts-icon-btn a:active {
    background-image: url(../img/all/icon_pnk/icon_17.svg);
}

#ico19_p.parts-icon-btn a:hover,
#ico19_p.parts-icon-btn a:active {
    background-image: url(../img/all/icon_pnk/icon_19.svg);
}

#ico20_p.parts-icon-btn a:hover,
#ico20_p.parts-icon-btn a:active {
    background-image: url(../img/all/icon_pnk/icon_20.svg);
}

#ico21_p.parts-icon-btn a:hover,
#ico21_p.parts-icon-btn a:active {
    background-image: url(../img/all/icon_pnk/icon_21.svg);
}

#ico22_p.parts-icon-btn a:hover,
#ico22_p.parts-icon-btn a:active {
    background-image: url(../img/all/icon_pnk/icon_22.svg);
}

#ico23_p.parts-icon-btn a:hover,
#ico23_p.parts-icon-btn a:active {
    background-image: url(../img/all/icon_pnk/icon_23.svg);
}

#ico24_p.parts-icon-btn a:hover,
#ico24_p.parts-icon-btn a:active {
    background-image: url(../img/all/icon_pnk/icon_24.svg);
}

#ico25_p.parts-icon-btn a:hover,
#ico25_p.parts-icon-btn a:active {
    background-image: url(../img/all/icon_pnk/icon_25.svg);
}

#ico26_p.parts-icon-btn a:hover,
#ico26_p.parts-icon-btn a:active {
    background-image: url(../img/all/icon_pnk/icon_26.svg);
}

#ico01_bl.parts-icon-btn a:hover,
#ico01_bl.parts-icon-btn a:active {
    background-image: url(../img/all/icon_bl/icon_01.svg);
}

#ico02_bl.parts-icon-btn a:hover,
#ico02_bl.parts-icon-btn a:active {
    background-image: url(../img/all/icon_bl/icon_02.svg);
}

#ico03_bl.parts-icon-btn a:hover,
#ico03_bl.parts-icon-btn a:active {
    background-image: url(../img/all/icon_bl/icon_03.svg);
}

#ico04_bl.parts-icon-btn a:hover,
#ico04_bl.parts-icon-btn a:active {
    background-image: url(../img/all/icon_bl/icon_04.svg);
}

#ico05_bl.parts-icon-btn a:hover,
#ico05_bl.parts-icon-btn a:active {
    background-image: url(../img/all/icon_bl/icon_05.svg);
}

#ico06_bl.parts-icon-btn a:hover,
#ico06_bl.parts-icon-btn a:active {
    background-image: url(../img/all/icon_bl/icon_06.svg);
}

#ico07_bl.parts-icon-btn a:hover,
#ico07_bl.parts-icon-btn a:active {
    background-image: url(../img/all/icon_bl/icon_07.svg);
}

#ico08_bl.parts-icon-btn a:hover,
#ico08_bl.parts-icon-btn a:active {
    background-image: url(../img/all/icon_bl/icon_08.svg);
}

#ico09_bl.parts-icon-btn a:hover,
#ico09_bl.parts-icon-btn a:active {
    background-image: url(../img/all/icon_bl/icon_09.svg);
}

#ico10_bl.parts-icon-btn a:hover,
#ico10_bl.parts-icon-btn a:active {
    background-image: url(../img/all/icon_bl/icon_10.svg);
}

#ico11_bl.parts-icon-btn a:hover,
#ico11_bl.parts-icon-btn a:active {
    background-image: url(../img/all/icon_bl/icon_11.svg);
}

#ico12_bl.parts-icon-btn a:hover,
#ico12_bl.parts-icon-btn a:active {
    background-image: url(../img/all/icon_bl/icon_12.svg);
}

#ico13_gr.parts-icon-btn a:hover,
#ico13_gr.parts-icon-btn a:active {
    background-image: url(../img/all/icon_gr/icon_13.svg);
}

#ico14_gr.parts-icon-btn a:hover,
#ico14_gr.parts-icon-btn a:active {
    background-image: url(../img/all/icon_gr/icon_14.svg);
}

#ico15_gr.parts-icon-btn a:hover,
#ico15_gr.parts-icon-btn a:active {
    background-image: url(../img/all/icon_gr/icon_15.svg);
}

#ico12_gr.parts-icon-btn a:hover,
#ico12_gr.parts-icon-btn a:active {
    background-image: url(../img/all/icon_gr/icon_12.svg);
}

#ico09_gr.parts-icon-btn a:hover,
#ico09_gr.parts-icon-btn a:active {
    background-image: url(../img/all/icon_gr/icon_09.svg);
}

#ico16_gr.parts-icon-btn a:hover,
#ico16_gr.parts-icon-btn a:active {
    background-image: url(../img/all/icon_gr/icon_16.svg);
}

#ico10_gr.parts-icon-btn a:hover,
#ico10_gr.parts-icon-btn a:active {
    background-image: url(../img/all/icon_gr/icon_10.svg);
}

#ico06_gr.parts-icon-btn a:hover,
#ico06_gr.parts-icon-btn a:active {
    background-image: url(../img/all/icon_gr/icon_06.svg);
}

#ico07_gr.parts-icon-btn a:hover,
#ico07_gr.parts-icon-btn a:active {
    background-image: url(../img/all/icon_gr/icon_07.svg);
}

#ico08_gr.parts-icon-btn a:hover,
#ico08_gr.parts-icon-btn a:active {
    background-image: url(../img/all/icon_gr/icon_08.svg);
}

#ico39_gr.parts-icon-btn a:hover,
#ico39_gr.parts-icon-btn a:active {
    background-image: url(../img/all/icon_gr/icon_39.svg);
}

#ico30_or.parts-icon-btn a:hover,
#ico30_or.parts-icon-btn a:active {
    background-image: url(../img/all/icon_or/icon_30.svg);
}

#ico31_or.parts-icon-btn a:hover,
#ico31_or.parts-icon-btn a:active {
    background-image: url(../img/all/icon_or/icon_31.svg);
}

#ico32_or.parts-icon-btn a:hover,
#ico32_or.parts-icon-btn a:active {
    background-image: url(../img/all/icon/kencom_icon.png);
}

#ico33_or.parts-icon-btn a:hover,
#ico33_or.parts-icon-btn a:active {
    background-image: url(../img/all/icon_or/icon_33.svg);
}

#ico34_or.parts-icon-btn a:hover,
#ico34_or.parts-icon-btn a:active {
    background-image: url(../img/all/icon_or/icon_34.svg);
}

#ico35_or.parts-icon-btn a:hover,
#ico35_or.parts-icon-btn a:active {
    background-image: url(../img/all/icon_or/icon_35.svg);
}

#ico36_or.parts-icon-btn a:hover,
#ico36_or.parts-icon-btn a:active {
    background-image: url(../img/all/icon_or/icon_36.svg);
}

#ico37_or.parts-icon-btn a:hover,
#ico37_or.parts-icon-btn a:active {
    background-image: url(../img/all/icon_or/icon_37.svg);
}

#ico38_or.parts-icon-btn a:hover,
#ico38_or.parts-icon-btn a:active {
    background-image: url(../img/all/icon_or/icon_38.svg);
}

#ico40_or.parts-icon-btn a:hover,
#ico40_or.parts-icon-btn a:active {
    background-image: url(../img/all/icon_or/icon_30.svg);
}

#ico41_or.parts-icon-btn a:hover,
#ico41_or.parts-icon-btn a:active {
    background-image: url(../img/all/icon_or/icon_41.svg);
}

#ico42_or.parts-icon-btn a:hover,
#ico42_or.parts-icon-btn a:active {
    background-image: url(../img/all/icon_or/icon_42.svg);
}

#ico43_or.parts-icon-btn a:hover,
#ico43_or.parts-icon-btn a:active {
    background-image: url(../img/all/icon_or/icon_43.svg);
}

#ico44_or.parts-icon-btn a:hover,
#ico44_or.parts-icon-btn a:active {
    background-image: url(../img/all/icon_or/icon_44.svg);
}
*/


/* banner-area
--------------------------------------------------*/

#search-side-include .widget-box:nth-of-type(2) {
    margin-top: 50px;
}

#search-side-include .side-area ul.parts-widget-list01 li {
    flex-basis: calc((100% - 30px) / 2);
    border-bottom: none;
    margin: 20px 0;
    border: 1px solid #eee;
}

#search-side-include .parts-widget-list01 li a {
    font-size: 1.4rem;
    font-weight: 700;
    display: block;
    padding: 20px 30px 20px 10px;
}

#search-side-include .parts-widget-list01 li a:hover {
    opacity: 0.6;
}

#search-side-include .parts-widget-list01 li a:before {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: #ccc solid 2px;
    border-right: #ccc solid 2px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

@media only screen and (max-width:991px) {
    .side-area {
        display: block;
        padding-left: 0;
        margin-top: 50px;
    }
    #search-side-include .side-area ul.parts-widget-list01 {
        display: flex;
        flex-wrap: wrap;
        padding: 20px 0;
    }
    #search-side-include .side-area ul.parts-widget-list01 li {
        flex-basis: calc((100% - 60px) / 3);
        margin: 10px;
    }
}

@media only screen and (max-width:767px) {
    #search-side-include .side-area ul.parts-widget-list01 li {
        flex-basis: calc((100% - 40px) / 2);
    }
}

@media only screen and (max-width:565px) {
    #search-side-include .side-area ul.parts-widget-list01 li {
        flex-basis: 100%;
    }
	.parts-icon-btn a>* {
	font-size: 1.2rem;
}
}


/* banner-area01
--------------------------------------------------*/

#BannerArea01 {
    padding: 40px 0;
    margin: 80px auto 0;
    position: relative;
}

#BannerArea01:before {
    position: absolute;
    top: 0px;
    left: 50%;
    display: block;
    content: '';
    width: 150vw;
    height: 100%;
    transform: translateX(-50%);
    background-color: #f5f5f5;
}

#BannerArea01 .parts-btn {
    text-align: center;
    margin: 10px 5px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc((100% - 50px) / 5);
    max-width: calc((100% - 50px) / 5);
}

#BannerArea01 .parts-btn a {
    position: relative;
    overflow: hidden;
    z-index: 2;
    padding: 10px 0;
    width: 100%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    color: #333;
    transition: 0.3s linear;
}

#BannerArea01 .parts-btn a::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transition: 0.3s linear;
}

#BannerArea01 .parts-btn a:hover {
    color: #fff;
}

#BannerArea01 .parts-btn a:hover::after {
    left: 0;
    background-color: #268708;
}

@media print,
screen and (max-width:991px) {
    #BannerArea01 .parts-btn {
        flex-basis: calc((100% - 30px) / 3);
        max-width: calc((100% - 30px) / 3);
    }
}

@media only screen and (max-width:767px) {
    #BannerArea01 .parts-btn {
        flex-basis: calc((100% - 20px) / 2);
        max-width: calc((100% - 20px) / 2);
    }
}

@media only screen and (max-width:565px) {
    #BannerArea01 .parts-btn {
        flex-basis: 100%;
        max-width: 100%;
    }
}

#BannerArea01 .parts-btn a:hover {
    text-decoration: none;
}

#BannerArea01 div {
    margin-left: 0;
    margin-right: 0;
}


/* banner-area02
--------------------------------------------------*/

#BannerArea02 {
    /* padding: 40px 0; */
    /* margin: 80px auto 0; */
    position: relative;
    /* max-width: 100%; */
    margin-bottom: 20px;
	margin-top: 20px;
}

@media print,
screen and (max-width:991px) {
    #BannerArea02 {
        max-width: 100%;
        margin: 80px auto 0;
    }
}

@media print,
screen and (max-width:767px) {
    #BannerArea02 {
        /* padding: 40px 0; */
        margin: 40px auto 0;
    }
}

#BannerArea02:before {
    position: absolute;
    top: 0px;
    left: 50%;
    display: block;
    content: '';
    /* width: 150vw; */
    height: 100%;
    transform: translateX(-50%);
    /* background-color: #f5f5f5; */
}

#BannerArea02 .parts-btn {
    text-align: center;
    margin: 10px 5px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%;
    /* height: 4em; */
    /* align-items: center; */
}

#BannerArea02 .parts-btn a {
    position: relative;
    overflow: hidden;
    z-index: 2;
    /* padding:10px 0; */
    width: 100%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    height: 5em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #407dda;
    color:#fff;
    background-color: #407dda;
    }
#BannerArea02 .parts-btn.bn15 a,
#BannerArea02 .parts-btn.bn17 a{
height: 10em;
}    

#BannerArea02 .parts-btn a:before{
	position: absolute;
	top: 50%;
	left: auto;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: #fff solid 2px;
	border-right: #fff solid 2px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}



#BannerArea02 .parts-btn a {
/*
    background-image: url(../img/all/icon/icon_19.svg);
    background-repeat:no-repeat;
    background-size: 35px auto;
    background-position: 8px center;
*/
    }
#BannerArea02 .parts-btn.bn02 a {
    background-image: url(../img/all/icon/icon_49.svg);
    }
#BannerArea02 .parts-btn.bn03 a {
    background-image: url(../img/all/icon/icon_38.svg);
    }
#BannerArea02 .parts-btn.bn04 a {
    background-image: url(../img/all/icon/icon_04.svg);
    }
#BannerArea02 .parts-btn.bn05 a {
    background-image: url(../img/all/icon/icon_50.svg);
    }
#BannerArea02 .parts-btn.bn06 a {
    background-image: url(../img/all/icon/kencom_icon.png);
    }    
/*
#BannerArea02 .parts-btn.bn07 a {
    background-image: url(../img/all/icon/icon_53.svg);
    }
*/
#BannerArea02 .parts-btn.bn07 a {
    background-image: url("../img/all/icon/icon_myna_bn.png");
	background-size: 50px auto;
    }
#BannerArea02 .parts-btn.bn08 a {
    background-image: url(../img/all/icon/icon_52.svg);
    }
#BannerArea02 .parts-btn.bn09 a {
    background-image: url(../img/all/icon/icon_56.svg);
    }
#BannerArea02 .parts-btn.bn10 a {
    background-image: url(../img/all/icon/line_icon.png);
    background-size: 50px auto;
    }
#BannerArea02 .parts-btn.bn11 a {
    background-image: url(../img/all/icon/icon_62.svg);
    }
#BannerArea02 .parts-btn.bn12 a {
    background-image: url(../img/all/icon/icon_63.svg);
    }
#BannerArea02 .parts-btn.bn13 a {
    background-image: url(../img/all/icon/icon_64.svg);
    }
#BannerArea02 .parts-btn.bn14 a {
    background-image: url("../img/all/icon/icon_mhw_app.png");
    background-size: 46px auto;
    }
#BannerArea02 .parts-btn.bn15 a {
    background-image: url("../img/top/kenponews.png");
    background-size: contain;
    background-position: center center;
    background-color: #fdd000;
    }
#BannerArea02 .parts-btn.bn16 a {
    background-image: url("../img/top/arufes_bn02_entry.jpg");
    background-size: contain;
    background-position: center center;
    background-color: #407dda;
    }
#BannerArea02 .parts-btn.bn17 a {
    background-image: url("../img/top/side_arufes_bn.png");
    /*background-size: contain;*/
    background-size: cover;
    background-position: center center;
    background-color: #fffcea;
    background-repeat: no-repeat;
    }
    

#BannerArea02 .parts-btn a:hover,
#BannerArea02 .parts-btn a:active {
/*    background-image: url(../img/all/icon_whi/icon_19_whi.svg);*/
    }
#BannerArea02 .parts-btn.bn02 a:hover,
#BannerArea02 .parts-btn.bn02 a:active {
    background-image: url(../img/all/icon_whi/icon_49_whi.svg);
    }
#BannerArea02 .parts-btn.bn03 a:hover,
#BannerArea02 .parts-btn.bn03 a:active {
    background-image: url(../img/all/icon_whi/icon_38_whi.svg);
    }
#BannerArea02 .parts-btn.bn04 a:hover,
#BannerArea02 .parts-btn.bn04 a:active {
    background-image: url(../img/all/icon_whi/icon_04_whi.svg);
    }
#BannerArea02 .parts-btn.bn05 a:hover,
#BannerArea02 .parts-btn.bn05 a:active {
    background-image: url(../img/all/icon_whi/icon_50_whi.svg);
    }
#BannerArea02 .parts-btn.bn06 a:hover,
#BannerArea02 .parts-btn.bn06 a:active {
    background-image: url(../img/all/icon/kencom_icon.png);
    }

/*
#BannerArea02 .parts-btn.bn07 a:hover,
#BannerArea02 .parts-btn.bn07 a:active {
    background-image: url(../img/all/icon_whi/icon_53_whi.svg);
    }
*/
#BannerArea02 .parts-btn.bn07 a:hover,
#BannerArea02 .parts-btn.bn07 a:active {
    background-image: url("../img/all/icon/icon_myna_bn.png");
    }
#BannerArea02 .parts-btn.bn08 a:hover,
#BannerArea02 .parts-btn.bn08 a:active {
    background-image: url(../img/all/icon_whi/icon_52_whi.svg);
    }
#BannerArea02 .parts-btn.bn09 a:hover,
#BannerArea02 .parts-btn.bn09 a:active {
    background-image: url(../img/all/icon_whi/icon_56_whi.svg);
    }
#BannerArea02 .parts-btn.bn10 a:hover,
#BannerArea02 .parts-btn.bn10 a:active {
    background-image: url(../img/all/icon/line_icon.png);
    }
#BannerArea02 .parts-btn.bn11 a:hover,
#BannerArea02 .parts-btn.bn11 a:active {
    background-image: url(../img/all/icon_whi/icon_62_whi.svg);
    }
#BannerArea02 .parts-btn.bn12 a:hover,
#BannerArea02 .parts-btn.bn12 a:active {
    background-image: url(../img/all/icon_whi/icon_63_whi.svg);
    }
#BannerArea02 .parts-btn.bn13 a:hover,
#BannerArea02 .parts-btn.bn13 a:active {
    background-image: url(../img/all/icon_whi/icon_64_whi.svg);
    }
#BannerArea02 .parts-btn.bn14 a:hover,
#BannerArea02 .parts-btn.bn14 a:active {
    background-image: url("../img/all/icon/icon_mhw_app.png");
    }
#BannerArea02 .parts-btn.bn15 a:hover,
#BannerArea02 .parts-btn.bn15 a:active {
    background-image: url("../img/top/kenponews.png");
    background-color: #fdd000;
    }
#BannerArea02 .parts-btn.bn16 a:hover,
#BannerArea02 .parts-btn.bn16 a:active {
    background-image: url("../img/top/arufes_bn02_entry.jpg");
    background-color: #407dda;
    }
#BannerArea02 .parts-btn.bn17 a:hover,
#BannerArea02 .parts-btn.bn17 a:active {
    background-image: url("../img/top/side_arufes_bn.png");
    background-color: #fffcea;
    }


#BannerArea02 .parts-btn.bn02 a {
    border: 4px solid #388E3C;
}
#BannerArea02 .parts-btn.bn03 a {
    border: 4px solid #e87c17;
}
#BannerArea02 .parts-btn.bn04 a {
    border: 4px solid #ff8c00;
}
#BannerArea02 .parts-btn.bn05 a {
    border: 4px solid #7B1FA2;
}
#BannerArea02 .parts-btn.bn06 a {
    border: 4px solid #ff643c;
}
#BannerArea02 .parts-btn.bn07 a {
    border: 4px solid #feda00;
}
#BannerArea02 .parts-btn.bn08 a {
    border: 4px solid #7B1FA2;
}
#BannerArea02 .parts-btn.bn09 a {
    border: 4px solid #f44336;
}
#BannerArea02 .parts-btn.bn10 a {
    border: 4px solid #388E3C;
}
#BannerArea02 .parts-btn.bn11 a {
    border: 4px solid #0D47A1;
}
#BannerArea02 .parts-btn.bn12 a {
    border: 4px solid #388E3C;
}
#BannerArea02 .parts-btn.bn13 a {
    border: 4px solid #e87c17;
}
#BannerArea02 .parts-btn.bn14 a {
    border: 4px solid #004da1;
}
#BannerArea02 .parts-btn.bn15 a {
    border: 4px solid #fdd000;
    outline: 2px solid #fff;
    outline-offset: -4px;
}
#BannerArea02 .parts-btn.bn16 a {
    border: 4px solid #407dda;
}
#BannerArea02 .parts-btn.bn17 a {
    border: 4px solid #407dda;
}


#BannerArea02 .parts-btn a::before,
#BannerArea02 .parts-btn a::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}

#BannerArea02 .parts-btn a,
#BannerArea02 .parts-btn a::before,
#BannerArea02 .parts-btn a::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*-webkit-transition: all .3s;
  transition: all .3s;*/
/*    padding-left: 30px;*/
}

#BannerArea02 .parts-btn a:hover {
    border: 4px solid #6b9be2;
    opacity: 0.7;
}
#BannerArea02 .parts-btn.bn02 a:hover {
    border:4px solid #388E3C;
    color:#fff;    
    background-color:#388E3C;
}
#BannerArea02 .parts-btn.bn03 a:hover {
    border:4px solid #e87c17;
    color:#fff;
    background-color:#e87c17;
}
#BannerArea02 .parts-btn.bn04 a:hover {
    border:4px solid #ff8c00;
    color:#fff;
    background-color:#ff8c00;
}
#BannerArea02 .parts-btn.bn05 a:hover {
    border:4px solid #7B1FA2;
    color:#fff;
    background-color:#7B1FA2;
}
#BannerArea02 .parts-btn.bn06 a:hover {
    border:4px solid #FFD600;
    color:#fff;
    background-color:#fff;
}
#BannerArea02 .parts-btn.bn07 a:hover {
    border:4px solid #feda00;
    color:#fff;    
    background-color:#feda00;
}
#BannerArea02 .parts-btn.bn08 a:hover {
    border:4px solid #7B1FA2;
    color:#fff;    
    background-color:#7B1FA2;
}
#BannerArea02 .parts-btn.bn09 a:hover {
    border:4px solid #f44336;
    color:#fff;
    background-color:#f44336;
}
#BannerArea02 .parts-btn.bn10 a:hover {
    border:4px solid #FFD600;
    color:#fff;
    background-color:#fff;
}
#BannerArea02 .parts-btn.bn12 a:hover {
    border:4px solid #388E3C;
    color:#fff;
    background-color:#388E3C;
}
#BannerArea02 .parts-btn.bn13 a:hover {
    border:4px solid #e87c17;
    color:#fff;
    background-color:#e87c17;
}
#BannerArea02 .parts-btn.bn14 a:hover {
    border:4px solid #8296c3;
    color:#fff;
    background-color:#fff;
}
#BannerArea02 .parts-btn.bn15 a:hover {
    border:4px solid #fdd000;
    opacity: 0.7;
}

#BannerArea02 .parts-btn.bn16 a:hover {
    border:4px solid #407dda;
    opacity: 0.7;
}
#BannerArea02 .parts-btn.bn17 a:hover {
    border:4px solid #407dda;
    opacity: 0.7;
}


#BannerArea02 .parts-btn.bn06 a img {width: 291px;height:auto;padding-left: 30px;}
#BannerArea02 .parts-btn.bn10 a img {width: 220px;height:auto;padding-left: 30px;}
#BannerArea02 .parts-btn.bn14 a img {width: 220px;height:auto;padding-left: 30px;}

#BannerArea02 .parts-btn a::after {
    top: -100%;
    width: 100%;
    height: 100%;
}


/*#BannerArea02 .parts-btn a:hover::after {
  top: 0;
  background-color: #268708;
}*/

@media print,
screen and (max-width:991px) {
    #BannerArea02 .parts-btn {
        flex-basis: calc((100% - 20px) / 2);
        max-width: calc((100% - 20px) / 2);
    }
    #BannerArea02 .parts-btn.bn15,
	#BannerArea02 .parts-btn.bn17{
        /* flex-basis: 100%; */
        /* max-width: 100%; */
    }
	#BannerArea02 .parts-btn.bn17 a {
    background-size: contain;
    }
}


/* 歩fes開催中は外す */
@media only screen and (max-width:767px) {
    #BannerArea02 .parts-btn {
        /* flex-basis: calc((100% - 20px) / 2); */
        /* max-width: calc((100% - 20px) / 2); */
    }
}

@media only screen and (max-width:640px) {
    #BannerArea02 .parts-btn {
        flex-basis: 100%;
        max-width: 100%;
    }
	#BannerArea02 .parts-btn.bn15 a,
	#BannerArea02 .parts-btn.bn17 a{
		height: 12em;
} 
}

@media only screen and (max-width:480px) {
	#BannerArea02 .parts-btn.bn17 a {
    background-size: cover;
    }
}

#BannerArea02 .parts-btn a:hover {
    text-decoration: none;
}

#BannerArea02>div {
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    max-width: 100%;
}

@media only screen and (max-width:960px) {
    #BannerArea02>div>div {
        margin: auto;
    }
}


/* banner-area03
--------------------------------------------------*/

#BannerArea03 {
    padding: 40px 0;
    margin: 80px auto 0;
    position: relative;
}

#BannerArea03 div {
    margin-left: 0;
    margin-right: 0;
}

#BannerArea03:before {
    position: absolute;
    top: 0px;
    left: 50%;
    display: block;
    content: '';
    width: 150vw;
    height: 100%;
    transform: translateX(-50%);
    background-color: #f5f5f5;
}

#BannerArea03 .parts-btn {
    text-align: center;
    margin: 10px 5px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc((100% - 40px) / 4);
    max-width: calc((100% - 40px) / 4);
}

#BannerArea03 div img {
    overflow: hidden;
}

#BannerArea03 .parts-btn a {
    display: block;
    text-decoration: none;
    background-color: #fff;
    margin: auto;
    overflow: hidden;
}

#BannerArea03 .parts-btn a:hover {
    text-decoration: none;
}

@media print,
screen and (max-width:991px) {
    #BannerArea03 .parts-btn {
        flex-basis: calc((100% - 30px) / 3);
        max-width: calc((100% - 30px) / 3);
    }
}

@media only screen and (max-width:767px) {
    #BannerArea03 .parts-btn {
        flex-basis: calc((100% - 20px) / 2);
        max-width: calc((100% - 20px) / 2);
    }
}

@media only screen and (max-width:565px) {
    #BannerArea03 .parts-btn {
        flex-basis: 100%;
        max-width: 100%;
    }
}

a img.imgover2 {
    transition: .2s all;
}

a img.imgover2:hover {
    transform: scale(1.1, 1.1);
    transition: .2s all;
}


/* main-slider
--------------------------------------------------*/

.main-slider-block {
	display: flex;
	flex-wrap: wrap;
	margin: 5px 0 5px 0;
	/* align-items: center; */
	height: 370px;
	width: 1160px;
}
.main-slider {height: 370px;position: relative;}
.swiper-area {height: 350px;position: relative;display: flex;align-items: center;}
@media only screen and (max-width:960px) {
.swiper-area {display: block; height: auto; padding-bottom: 15px;}
}

.main-slider > .common-wrap {height: 370px;}

@media only screen and (max-width:960px) {
	.main-slider-block {
		margin: 15px 0 10px;
		height: auto;
		width: 100%;
	}
	.main-slider, .main-slider > .common-wrap {height: auto;padding: 0 10px 30px;}
	.main-slider {margin-bottom: 10px;}
}
.main-slider-block>* {
	width: 50%;
}

.news-topics-block{width:48%; margin-left:2%;}
@media only screen and (max-width:960px) {
	.main-slider-block>* {
		width: 100%;
	}
	.news-topics-block{width:100%; margin:0;}
}


/* news-area
--------------------------------------------------*/
.news-area {
	margin-bottom: 20px;
}
.news-area #NewsLine {
	padding: 15px;
	background-color: #f6f6f6;
}
.news-area .inner span {
	display: block;
	font-size: 1.4rem;
}
.news-area .inner a {
	color: #535353;
	text-decoration: none;
}
@media only screen and (max-width:767px) {
	.news-area .common-wrap {
		padding: 0;
	}
	.news-area #NewsLine {
		padding: 10px;
		font-size: 11px;
	}
}

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

swiper

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

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
 bottom: -28px!important;
}
.swiper-button-next {bottom: -20px!important;top: inherit;height: 1.8rem!important;color: #fff!important;right: 0;width: 1.8rem;left: auto;}
.swiper-button-prev {bottom: -20px!important;top: inherit;height: 1.8rem!important;color: #fff!important;right: 20px;width: 1.8rem;left: auto;}
.swiper-button-next:after, .swiper-button-prev:after {
/*font-size: 15px!important; font-weight: 700; height: 30px!important;*/
}
.swiper-pagination-bullet-active {
background-color: #0078d4!important;
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: ''
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: '';
}

.swiper-button-prev,
.swiper-button-next {
/*  position: relative;*/
  display: inline-block;
}
.swiper-button-prev:before,
.swiper-button-prev:after {
  position: absolute;
/*  top: 1.6rem;*/
/*  left: -20px;*/
  display: block;
  content: '';
}

.swiper-button-prev:before {
  width: 1.8rem;
  height: 1.8rem;
  /* margin-top: -1rem; */
  background-color: #aaa;
  opacity: .7;
/*  border-radius: 50%;*/
}
.swiper-button-prev:after {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0.5rem 0 0 0.75rem;
  border-top: #fff solid 1px;
  border-right: #fff solid 1px;
  transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
}

.swiper-button-next:before,
.swiper-button-next:after {
  position: absolute;
  /* top: 1.6rem; */
  left: 0;
  display: block;
  content: '';
}
.swiper-button-next:before {
  width: 1.8rem;
  height: 1.8rem;
  /* margin-top: -1rem; */
  background-color: #aaa;
  opacity: .7;
/*  border-radius: 50%;*/
}
.swiper-button-next:after {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0.5rem 0 0 0.45rem;
  border-top: #fff solid 1px;
  border-right: #fff solid 1px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

.swiper-slide-active a:focus-visible {
outline-offset: -2px;
}
.swiper-pagination-bullet:focus-visible {
	outline: 2px solid blue;
	outline-offset:2px;
}

@media only screen and (max-width:959px) {
.swiper-button-next {bottom: -28px!important;top: inherit;height: 2.8rem!important;color: #fff!important;right: 0px;width: 2.8rem;left: auto;}
.swiper-button-prev {bottom: -28px!important;top: inherit;height: 2.8rem!important;color: #fff!important;right: 35px;width: 2.8rem;left: auto;}

.swiper-button-prev:before {
  width: 2.8rem;
  height: 2.8rem;
  /* margin-top: -1rem; */
  background-color: #aaa;
  opacity: .7;
  /*  border-radius: 50%;*/
}

.swiper-button-prev:after {
  width: 1.4rem;
  height: 1.4rem;
  margin: 0.7rem 0 0 1rem;
  border-top: #fff solid 2px;
  border-right: #fff solid 2px;
  transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
}
.swiper-button-next:before {
  width: 2.8rem;
  height: 2.8rem;
  /* margin-top: -1rem; */
  background-color: #aaa;
  opacity: .7;
  /*  border-radius: 50%;*/
}
.swiper-button-next:after {
  width: 1.4rem;
  height: 1.4rem;
  margin: 0.7rem 0 0 0.3rem;
  border-top: #fff solid 2px;
  border-right: #fff solid 2px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
}


.swiper-area .stopbtn {
    cursor: pointer;
    /* z-index: 100; */
    width: 1.6rem;
    height: 1.6rem;
    text-align: center;
    line-height: 1rem;
    color: #777;
    margin-left: 20px;
    position: relative;
    font-size: 1.6rem;
    border: 0;
    background: none;
    /* top: 2px; */
    outline: none;
    display: contents;
}

.swiper-area .stopbtn:focus:not(:fous-visible) {
outline: none;
}

.swiper-area .stopbtn:focus-visible {
outline: solid;
}

.swiper-area .stopbtn:hover {
    opacity: 0.75;
}

.swiper-area .stopbtn.stop:before,
.swiper-area .stopbtn.start:before {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 60px;
    z-index: 20;
}

.swiper-area .stopbtn.stop:before {
    font-family: 'icomoon';
    content: "\ea16";
}

.swiper-area .stopbtn.start:before {
    font-family: 'icomoon';
    content: "\ea15";
}

.news-topics-block .parts-tab-btn2 {width: 48%;}

.news-topics-block .parts-tab-btn2:not(.on) a {
    background-color: #dcdcdc;
    color: #535353;
}

.news-topics-block .parts-tab-btn2 a {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    line-height: 1.3;
    color: #000080;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.6rem;
    border-radius: 4px 4px 0 0;
    padding: 8px 0;
    justify-content: center;
    align-items: center;
}

.news-topics-block .parts-tab-btn2.on a:before {
	position: absolute;
	top: 100%;
	left: 50%;
	display: block;
	content: '';
	margin-left: -6px;
	border-left: transparent solid 6px;
	border-right: transparent solid 6px;
}

.news-topics-block div.parts-tab-btns2:nth-of-type(1) .parts-tab-btn2:nth-of-type(1).on a,
.news-topics-block div.parts-tab-btns2:nth-of-type(1) .parts-tab-btn2:nth-of-type(2).on a{
    color: #fff;
    text-decoration: none;
    background-color: #407dda;
}

.news-topics-block div.parts-tab-btns2:nth-of-type(1) .parts-tab-btn2:nth-of-type(1).on a:before,
.news-topics-block div.parts-tab-btns2:nth-of-type(1) .parts-tab-btn2:nth-of-type(2).on a:before{
/*	border-top: #407dda solid 6px;*/
}


@media only screen and (max-width:959px) {
.news-topics-block .parts-tab-btn2 {/* width: 100%; */}
}


#search-section {margin-top: 32px;}


.timer_wrap {
    position: absolute;
    bottom: 13px;
    right: 10px;
}

.timer_wrap_inner {
padding: 16px;
background-color: #fff;
border: 4px solid #ff0000;;
border-radius: 6px;
}
.timer_wrap_inner p {margin-bottom: 0; text-align: center;}
.timer span {font-weight: 700; font-size: 2.4rem; color: #ff0000;}

@media only screen and (max-width:565px) {
.timer_wrap {width: 110px;}
.timer_wrap_inner {
padding: 10px 4px;
border: 2px solid #ff0000;
}
.timer_wrap_inner p {font-size: 1.2rem; line-height: 1.2; margin-bottom: 0; text-align: center;}
.timer span {font-weight: 700; font-size: 1.4rem; color: #ff0000;}
}


.search_title {text-align: center;font-size: 2rem;background-color: #cfe6f8;font-weight: 700;padding:16px 8px 4px;letter-spacing: .1em;margin-bottom: -1px;}
.search_title span {  border-bottom: #407dda 3px solid; padding-bottom:6px;}


.top-shinsei-btn{
    width: 300px;
    height: 50px;
    text-align: center;
    margin: 10px auto 30px;
}
.top-shinsei-btn a {
	color:#333;
	font-weight:700;
	font-size: 2rem;
	letter-spacing:.1em;
	position:relative;
	display: flex;
	height: 100%;
/*	line-height: 50px;*/
	background:#fff;
	border: 3px solid #407dda;
	border-radius: 10px;
	justify-content: center;
	align-items: center;
}

.top-shinsei-btn a:before {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  margin-top: -3px;
  border-top: #407dda solid 2px;
  border-right: #407dda solid 2px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

.top-shinsei-btn a:hover {
	background:#407dda;
	text-decoration:none;
	color:#fff;
}

.top-shinsei-btn a:hover:before {
	border-top: #fff solid 2px;
	border-right: #fff solid 2px;
}