@charset "UTF-8";
/* CSS Document */

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#000;
background-color:#fff;
font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif !important;
}

.antkh_header_footer *
,.antkh_header_footer
,.antkh_header_footer *:after
,.antkh_header_footer *:before{
    box-sizing: content-box;
}

/*---------- リンク設定 ----------*/
.antkh_header_footer a:link {text-decoration:none;}
.antkh_header_footer a:visited {text-decoration:none;}
.antkh_header_footer a:hover {text-decoration:none;}
.antkh_header_footer a{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.antkh_header_footer img {max-width:100%;vertical-align:middle;image-rendering:-webkit-optimize-contrast;}
.antkh_header_footer a:hover img{filter:alpha(opacity=60);}
.antkh_header_footer a img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}
/* 共通設定 */
.antkh_header_footer h2{
font-family: "Noto Sans JP";
color: #003366;
font-size:24px;
}
@media screen and (min-width:1201px){
    .antkh_header_footer h2{
    letter-spacing: 1px;
    font-size:32px;
    }
    .antkh_header_footer ul{
    letter-spacing: 1px;
    }
    /*PC表示の時 aタグのイベントを無効に*/
    .antkh_tel{
        pointer-events: none;
    }
}
.antkh_header_footer ul {
list-style-type:none;
margin-block-start: 0em;
margin-block-end: 0em;
padding-inline-start: 0px;
}

/*================================================
*  ヘッダー
================================================*/
#antkh_mainnav {
position: fixed;
max-width: 100%;
padding: 8px 0 5px;
margin: 0 auto;
background-color: #fff;
box-shadow: 0 0.125rem 0.25rem #ccc;
width: 100%;
text-align: center;
display: block;
z-index: 999;
height: 75px;
top: 0;
}
 
/*.antkh_inner-left {
width: 25%;
}*/
 
.antkh_inner-left p {
max-width: none!important;
max-height: 57px!important;
margin: 5px 0px 20px;
width: 300px!important;
}
 
.antkh_inner-right {
text-align: right;
max-width: 1200px;
padding: 0;
margin: auto 0 auto auto;
position: relative;
z-index: 2;
display: flex;
}

.antkh_inner-right ul.antkh_menuArea {
display: flex;
align-items: center;
}

.antkh_down_menu {
display: none;
}

.antkh_question_down_menu{
    display: none;    
}

.antkh_inner-right ul.antkh_menuArea li {
flex-direction: column;
padding: 8px 7px;
border-radius: 1px;
position: relative;
margin: 0;
font-weight: 500;
font-size: 15px;
}

.antkh_inner-right ul.antkh_menuArea .antkh_blue {
color: #003366;
padding: 11px 25px;
padding-left: 10px;
padding-right: 21px;
}

.antkh_inner-right ul .antkh_blue:hover {
background-color: #189Acf;
color: #fff !important;
cursor: pointer;
}
.antkh_inner-right ul .antkh_blue:hover:after{ border-color: #fff;}


#antkh_g-nav ul li.antkh_has-child {
position: relative;
transition: 0.3s;
}

#antkh_g-nav ul li.antkh_has-child::after{
content:'';
position: absolute;
margin-left: 10px;
top: 46%;
right: 8px;
transform: translateY(-50%) rotate(135deg);
width:6px;
height:6px;
border-top: 2px solid #006AB0;
border-right:2px solid #006AB0;
transition: 0.3s;
}

#antkh_g-nav ul li.antkh_has-child.antkh_active{ background: #189Acf; color: #fff !important;}
#antkh_g-nav ul li.antkh_has-child.antkh_active::after{ transform: rotate(315deg); border-color: #fff;}

/*下の階層を持っているulの指定*/
#antkh_g-nav li.antkh_has-child ul{
/*絶対配置で位置を指定*/
position: absolute;
left:0;
top:62px;
z-index: 4;
width:180px;
/*はじめは非表示*/
visibility: hidden;
opacity: 0;
/*アニメーション設定*/
transition: all .3s;
}

/*hoverしたら表示*/
#antkh_g-nav li.antkh_has-child:hover > ul,
#antkh_g-nav li.antkh_has-child ul li:hover > ul,
#antkh_g-nav li.antkh_has-child:active > ul,
#antkh_g-nav li.antkh_has-child ul li:active > ul{
visibility: visible;
opacity: 1;
}

#antkh_g-nav li.antkh_has-child ul li {
width: 100%;
margin: 0;
padding: 0;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
position: relative;
}

#antkh_g-nav li.antkh_has-child ul li a {
z-index: 9000;
width: 200px;
text-align: left;
padding: 15px 10px;
margin: 7px 0 3px;
box-shadow: 0 10px 25px -5px rgb(0 0 0 / 30%);
background: #1e73be;
color: #fff;
}

.antkh_search img{
    width: 25px;
    height: 25px;
}

.antkh_search:hover {
cursor: pointer;
background-color: #cecece;
}

.antkh_login_btn a {
background-color: #fff;
border: 2px solid #1e73be;
border-radius: 40px;
color: #1e73be;
padding: 12px 10px;
vertical-align: middle;
}

.antkh_login_btn a:hover{
background-color: #1e73be;
transition: .3s;
cursor: pointer;
color: #fff;
}

.antkh_cart_btn a {
background-color: #F28E00;
border: 2px solid #F28E00;
border-radius: 40px;
color: #fff;
padding: 12px 10px;
}

.antkh_cart_btn a:hover{
background-color: #fff;
transition: .3s;
cursor: pointer;
color: #F28E00;
}

.antkh_action_btn a {
background-color: #1e73be;
border-radius: 40px;
color: #fff;
padding: 12px 10px;
border: 2px solid #1e73be;
}

.antkh_action_btn img {
    width: 1rem;
    margin-right: 5px;
    filter: brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(180deg);
    transition: 0s;
}

.antkh_action_btn a:hover img{
    filter: none;
    transition: 0s;
}

.antkh_action_btn a:hover {
    background: #fff;
    color: #003366;
    border: 2px solid #1e73be;
    transition: .3s;
}

.antkh_change-header-tel {
align-items: center;
background: #003366;
color: #ffffff;
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: center;
width: 100%;
position: fixed;
bottom: 0;
z-index: 99;
opacity: 1;
transition: 0.3s;
visibility: visible;
}

.antkh_change-header-tel i {
color: #0088C7!important;
font-size: 2.3vw!important;
line-height: 2.5vw!important;
margin-right: 10px;
}

.antkh_change-header-tel_p {
    font-size: 18px;
    margin: 0;
}

.antkh_area {
background: #fff;
border-radius: 3px;
color: #003366;
font-size: 12px;
display: inline-block;
padding: 5px;
}

.antkh_area.antkh_nagoya {
margin: 5px 5px 5px 0;
}

.antkh_change-header-tel .antkh_tel {
color: #fff!important;
font-size: 19px;
line-height: 2.5vw;
text-decoration: none;
}

.antkh_change-header-tel .antkh_reception{
    font-size: 21px;
}

.antkh_area.antkh_osaka {
margin: 0 5px 0 15px;
}

.antkh_openbtn4 {
display: none;
}

.antkh_footer_content{
    display: flex;
    align-items: center;
}

.antkh_footer_flex_content{
    flex-wrap: wrap;
    justify-content: center;
}


@media screen and (max-width: 1200px) {
    #antkh_g-nav {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    }

    .antkh_inner-left p {
        margin: 5px 45px;
        }

    .antkh_search.antkh_sp {
    margin: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    }

    /*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
    .antkh_openbtn4{
    position: absolute;
    cursor: pointer;
    width: 50px;
    height:50px;
    border-radius: 5px;
    display: block;
    z-index: 9999;
    top: 25px;
    transition: 0.3s;
    }
    .antkh_openbtn4.antkh_active{ top: 12.5px;}

    /*ボタン内側*/
    .antkh_openbtn4 span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 14px;
    height: 2px;
    border-radius: 5px;
    background: #000;
    width: 45%;
    }

    .antkh_openbtn4 span:nth-of-type(1) {
    top:0px; 
    }

    .antkh_openbtn4 span:nth-of-type(2) {
    top:6px;
    }

    .antkh_openbtn4 span:nth-of-type(3) {
    top:12px;
    }

    .antkh_openbtn4 span:nth-of-type(3)::after {
    content:"menu";/*3つ目の要素のafterにMenu表示を指定*/
    position: absolute;
    top:5px;
    left:-2px;
    color: #000;
    font-size: 0.6rem;
    text-transform: uppercase;
    }

    /*activeクラスが付与されると線が回転して×になり、Menu⇒Closeに変更*/
    .antkh_openbtn4.antkh_active span:nth-of-type(1) {
    top: 3px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
    }

    .antkh_openbtn4.antkh_active span:nth-of-type(2) {
    opacity: 0;
    }

    .antkh_openbtn4.antkh_active span:nth-of-type(3){
    top: 15px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
    }

    .antkh_openbtn4.antkh_active span:nth-of-type(3)::after {
    content:"";/*3つ目の要素のafterにClose表示を指定*/
    transform: translateY(0) rotate(-45deg);
    top:5px;
    left:4px;
    }

    #antkh_g-nav{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
    top:0;
    left: -120%;
    width:80%;
    height: 100vh;/*ナビの高さ*/
    background:#fff;
    /*動き*/
    transition: all 0.6s;
    }

    /*アクティブクラスがついたら位置を0に*/
    #antkh_g-nav.antkh_panelactive{
    left: 0;
    }

    .antkh_inner-right ul.antkh_menuArea {
    display: block;
    }
    .antkh_sp_menu_header {
    margin: 20px 10px;
    }

    .antkh_sp_menu_header .antkh_loginuser_name {
    font-size: .8rem;
    margin-bottom: 10px;
    text-align: left;
    margin-left: 12%;
    }

    .antkh_sp_menu_header .antkh_loginuser_name span {
    color: #0088C7;
    font-weight: bold;
    }

    .antkh_sp_menu_header .antkh_flex .antkh_guide_btn,
    .antkh_sp_menu_header .antkh_flex .antkh_action_btn {
    border-radius: 3px;
    color: #ffffff;
    display: block;
    font-size: .8rem;
    line-height: 22px;
    padding: 10px 5px!important;
    text-decoration: none;
    text-align: center;
    width: calc(50% - 16px);
    }

    .antkh_sp_menu_header .antkh_flex .antkh_guide_btn {
        background: #00A1B8;
        border: 2px solid #00A1B8;
    }

    .antkh_sp_menu_header .antkh_flex .antkh_guide_btn:hover {
        background-color: #fff;
        color: #00A1B8;
        border: 2px solid #00A1B8;
    }

    .antkh_sp_menu_header .antkh_flex a.antkh_action_btn {
    background-color: #006AB0;
    border: 2px solid #006AB0;
    }

    .antkh_sp_menu_header .antkh_flex a.antkh_action_btn:hover{
        background-color: #fff;
        color: #006AB0;
        border: 2px solid #006AB0;
    }

    .antkh_sp_menu_header .antkh_flex a.antkh_action_btn:hover img{
        filter: none;
        transition: 0s;
    }

    .antkh_sp_menu_header a.antkh_login_btn {
    border-radius: 3px;
    margin: 5px auto;
    padding: 8px 5px!important;
    display: block;
    border: 2px solid #006AB0;
    color: #006AB0;
    text-align: center;
    }

    .antkh_sp_menu_header a.antkh_login_btn:hover {
    border: 2px solid #006AB0;
    background-color: #006AB0;
    color: #fff;
    }

    .antkh_sp_menu_header a.antkh_cart_btn {
    border-radius: 3px;
    /* margin: 5px auto; */
    padding: 8px 5px!important;
    display: block;
    background-color: #fff;
    border: 2px solid #F28E00;
    color: #F28E00;
    text-align: center;
    margin-bottom: 5px;
    }

    .antkh_sp_menu_header a.antkh_fav_btn {
        border-radius: 3px;
        /* margin: 5px auto; */
        padding: 8px 5px!important;
        display: block;
        background-color: #fff;
        border: 2px solid #e65c6a;
        color: #e65c6a;
        text-align: center;
        margin-bottom: 5px;
    }

    .antkh_sp_menu_header a.antkh_cart_btn:hover {
    background-color: #F28E00;
    border: 2px solid #F28E00;
    color: #fff;
    }

    .antkh_sp_menu_header a.antkh_fav_btn:hover {
        background-color: #e65c6a;
        border: 2px solid #e65c6a;
        color: #fff;
        }

    /*ナビゲーション*/
    #antkh_g-nav ul {
    z-index: 999;
    }

    /*リストのレイアウト設定*/
    #antkh_g-nav li{
    list-style: none;
    text-align: left;
    padding: 0 10px;
    }

    #antkh_g-nav li a,
    #antkh_g-nav li.antkh_has-child {
    color: #2d2d2d;
    font-size: .9em;
    font-weight: 400;
    width: 90%;
    padding: 10px;
    margin: 5px 0;
    display: inline-block;
    text-decoration: none;
    border-bottom: solid 1px #ccc;
    }

    #antkh_g-nav li.antkh_has-child {
    display: none;
    margin: 5px 0px 0 10px;
    width: 84.5%;
    }

    .antkh_sp_menu .antkh_sp_menu_ttl {
    background: #f1f5f9;
    color: #003366;
    font-size: .8em;
    line-height: 2.5;
    padding: 5px 0 0 10px;
    text-align: left;
    }

    #antkh_g-nav ul li.antkh_has-child::after {
    content: '';
    position: absolute;
    top: 40%;
    margin-left: 14px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #006AB0;
    border-right: 2px solid #006AB0;
    transform: rotate(135deg);
    }

    .antkh_down_menu {
    display: none;
    }

    .antkh_question_down_menu{
        display: none;
    }

    .antkh_sp_logo {
    width: 60%;
    margin: 30px auto;
    }
}
@media screen and (max-width:1300px){
    li.antkh_login_btn a img{
        display: none;
    }
    li.antkh_action_btn a img{
        display: none;
    }
}
@media screen and (min-width:1301px){
    .antkh_inner-right ul.antkh_menuArea li {
        padding: 8px 10px;
    }

    .antkh_inner-right ul.antkh_menuArea .antkh_blue {
        padding: 11px 25px;
    }

    .antkh_csbkg_menu {
        margin-right: 5px !important;
    }
    
    .antkh_question_down_menu{
        left: 182px !important;
    }
}

/* =======================================================
*フッター
* ======================================================= */
.antkh_footer {
display: flex;
width: 100%;
}

.antkh_footer_left {
background-color: #003366;
width: 78%;
padding: 50px 40px 50px 50px;
}

.antkh_footer_bottom ul {
display: flex;
justify-content: flex-end;
}

.antkh_footer_right {
background-color: #F1F5F9;
display: inline-block;
width: 22%;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.antkh_footer_left ul.antkh_footer_menu {
display: flex;
}

.antkh_footer_left .antkh_footer_menu li {
list-style-type: none;
flex: auto;
margin: 0 10px;
display: block;
}

.antkh_footer_left .antkh_footer_menu h2.antkh_footer_ttl{
text-align: left;
margin: 10px 5px;
text-decoration: none;
padding: 0 0 5px 0;
display: block;
font-size: 16px!important;
color: #fff;
border-bottom: 1px dashed #fff;
font-weight: normal;
}

.antkh_footer_left li a {
text-align: left;
margin: 10px 5px;
text-decoration: none;
padding: 5px 12px;
display: block;
font-size: .8em;
line-height: 1.2em;
color: #fff;
position: relative;
}

.antkh_footer_left li a:hover {
color: #F28E00;
}

.antkh_footer_menu01 .antkh_menu li a:before,
.antkh_footer_menu02 .antkh_menu li a:before,
.antkh_footer_menu03 .antkh_menu li a:before,
.antkh_footer_menu04 .antkh_menu li a:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 3.5px 0 3.5px 6px;
border-color: transparent transparent transparent #ffffff;
display: inline-block;
margin-right: 5px;
top: 8px;
left: 0px;
position: absolute;
}

.antkh_footer_right h2.antkh_right_title,
.antkh_footer_right h3.antkh_company_ttl {
background: none!important;
color: #003366!important;
font-size: 14px!important;
margin: 0;
}

.antkh_footer_right h3 {
margin-bottom: 10px;
}

.antkh_footer_right address {
font-size: 12px!important;
font-style: italic;
margin-bottom: 10px;
}

.antkh_footer_right a {
width: 60%;
}

.antkh_footer_right img {
width: 100%;
margin-bottom: 10px;
}

#antkh_copy {
padding: 5px 0 20px;
text-align: center;
width: auto;
clear: both;
font-size: 14px;
margin-bottom: 3.5vw;
}

#antkh_copy a{
color: #000;
}

@media screen and (max-width: 1200px) {
    .antkh_footer_left {
    display: none;
    }

    .antkh_footer_right {
    width: 100%;
    padding: 20px;
    }

    #antkh_copy {
    margin-bottom: 15vw;
    }
}

/*================================================
*  共通
================================================*/
/*****
PC/SP
*****/
.antkh_pc {
display: block;
}

.antkh_sp {
display: none;
}

.antkh_ac {
text-align: center;
}

.antkh_flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}


@media print, screen and (min-width:1201px){
    .antkh_has-child{ position: relative;}
    .antkh_down_menu{ position: absolute !important; left: 0; top: 63px; padding: 0 !important;}
    .antkh_down_menu .antkh_down_inner li{ padding: 0 !important; margin: 15px 0 !important;}
    .antkh_down_menu .antkh_down_inner li a{ display: block; background: #006AB0; color: #fff; text-align: left; padding: 10px 15px; transition: 0.3s;}
    .antkh_down_menu .antkh_down_inner li a:hover{ background: #189Acf;}
    .antkh_question_down_menu{ position: absolute !important; left: 158px; top: 63px; padding: 0 !important;}
    .antkh_question_down_menu .antkh_down_inner li{ padding: 0 !important; margin: 15px 0 !important;}
    .antkh_question_down_menu .antkh_down_inner li a{ display: block; background: #006AB0; color: #fff; text-align: left; padding: 10px 15px; transition: 0.3s;}
    .antkh_question_down_menu .antkh_down_inner li a:hover{ background: #189Acf;}
}

@media screen and (max-width: 1200px) {
    .antkh_pc {
    display: none;
    }
    .antkh_sp {
    display: block;
    }
}

.antkh_fav_style {
    padding-right: 0px;
    border: none;
    /* background-color: #f2f5f8; */
    cursor: pointer;
    /* margin-left: auto; */
    float: right;
    width: 36px;
    vertical-align: middle;
    padding: 4px 0;
    text-align: center;
    margin: 0;
}
.antkh_heart_style{
    color: #FFF;
    font-size: 17px;
    /* margin-top: 5px; */
    margin-right: 5px;
}
.antkh_heart_style_side{
    color: red;
    font-size: 28px;
    margin: 6px 9px;
}
.antkh_action_btn_red a {
    border: 2px solid #e65c6a;
background-color: #e65c6a;
border-radius: 40px;
color: #fff;
padding: 10px 10px;
width: 103px;
}

.antkh_action_btn_red a:hover {
    border: 2px solid #e65c6a;
    background-color: #fff;
    color: #e65c6a;
    transition: .3s;
}

.antkh_action_btn_red a:hover i{
    color: #e65c6a;
}

.antkh_login_btn a img{
    width: 17px;
    margin-right: 3px;
}
.antkh_login_btn a:hover img{
    filter: brightness(2);
}

.antkh_cart_btn a img{
    width: 19px;
    margin-right: 3px; 
    filter: brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(180deg);
    transition: 0s;
}

.antkh_cart_btn a:hover img{
    filter: none;
    transition: 0s;
}