@charset "utf-8";
/*============================

grandindex用css
名探偵コナン_PC用

============================*/
#conan {
    overflow-x: hidden;
}
#conan .dis_sp {
    display: none;
}
/*背景
==============================*/
/* 固定 */
#main, 
#tw2022_slider {
    background: #000;
}
#conan.gi_contentsarea{
    background: url(/img/grand_index/conan/tape_Sj8iYdFL.jpg) repeat-x center top,
                url(/img/grand_index/conan/bg_BkY4k9js.jpg) no-repeat center center;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
}
#conan .gi_contents_bgarea {
    background: none;
}

/*見出し
==============================*/
#conan.gi_contentsarea .gi_subtitle._underline {
    background: #ffe92e;
    color: #000;
    padding: 33px 0;
}
#conan.gi_contentsarea .gi_subtitle._underline::before,
#conan.gi_contentsarea .gi_subtitle._underline::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: #000;
    width: 100%;
    height: 3px;
}
#conan.gi_contentsarea .gi_subtitle._underline::before {
    bottom: 5px;
    transform: none;
}
#conan.gi_contentsarea .gi_subtitle._underline::after {
    top: 5px;
}
/*スライド
==============================*/
/*スライド下フリーエリア
==============================*/
/*ブランド説明
==============================*/
#conan #gi_explanation {
    margin-top: 120px;
}
#conan #gi_explanation .gi_contents_inner {
    position: relative;
    border: 3px solid #702e00;
}
#conan #gi_explanation dl {
    position: relative;
    background: rgba(30,16,6,.8);
    border: 3px solid #ffe92e;
    margin-bottom: 0;
    padding: 68px;
}
#conan #gi_explanation .gi_contents_inner::before,
#conan #gi_explanation .gi_contents_inner::after,
#conan #gi_explanation dl::before,
#conan #gi_explanation dl::after {
    content: "";
    position: absolute;
    z-index: 1;
}
#conan #gi_explanation .gi_contents_inner::before {
    top: 10px;
    left: 10px;
    border-top: 17px solid #ffe92e;
    border-right: 19px solid transparent;
}
#conan #gi_explanation .gi_contents_inner::after {
    top: 10px;
    right: 10px;
    border-top: 17px solid #ffe92e;
    border-left: 19px solid transparent;
}
#conan #gi_explanation dl::before {
    bottom: 7px;
    left: 7px;
    border-bottom: 17px solid #ffe92e;
    border-right: 19px solid transparent;
}
#conan #gi_explanation dl::after {
    bottom: 7px;
    right: 7px;
    border-bottom: 17px solid #ffe92e;
    border-left: 19px solid transparent;
}
#conan #gi_explanation dl dt {
    margin-bottom: 25px;
}
#conan #gi_explanation dl dd {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.8;
    margin-bottom: 5px;
}
#conan #gi_explanation dl dt img {
    -webkit-filter: drop-shadow(-1px -1px 0px #fff) drop-shadow(1px 1px 0px #fff) drop-shadow(-1px 1px 0px #fff) drop-shadow(1px -1px 0px #fff);
    filter: drop-shadow(-1px -1px 0px #fff) drop-shadow(1px 1px 0px #fff) drop-shadow(-1px 1px 0px #fff) drop-shadow(1px -1px 0px #fff);
}

/*ページ内リンク
==============================*/
#conan #gi_plbtn .btn_link a {
    background: #124589;
    color: #fff;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#conan #gi_plbtn .btn_link a:after {
    background: #fff;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#conan #gi_plbtn .btn_link a:hover {
    opacity: 1;
    background: #ffe92e;
    color: #000;
}
#conan #gi_plbtn .btn_link a:hover:after {
    background: #000;
}


/*更新履歴
==============================*/
/*訴求エリア
==============================*/
/*バックナンバー
==============================*/
/*商品一覧
==============================*/
#conan #category_search .search_main_wrap .order_wrap label span {
    border-color: #fff;
    color: #fff;
}
#conan #category_search .search_main_wrap .order_wrap label input:checked + span {
    border-color: #fff;
}
#conan #gi_productlist .search_result .result {
    color: #fff;
}
#conan #gi_productlist .search_result .txt {
    border-color: #fff;
    color: #fff;
}

/* ページナビ */
#conan #gi_productlist .pagenavi li.active a, 
#conan #gi_productlist .pagenavi li a:hover, 
#conan #gi_productlist .pagenavi li a:active {
    background-color: transparent;
    border: 3px solid #fff;
}

/*商品下フリーエリア
==============================*/
/*関連情報
==============================*/
/*関連情報下
==============================*/
/*コピーライト
==============================*/
#conan .gi_copyright {
    display: none;
}
#conan .gi_free_copyright {
    color: #fff;
    font-size: 12px;
}
#conan .gi_free_copyright ul li {
    text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
}