@charset "Shift_JIS";

/*====================================================================
Detail template style
prefix: k036_td_20200130_mtgbag_feature_detailhtml
1.layout
2.heading
3.link
4.topicpath
5.home
6.breakpoint

/* IE11 *
_:-ms-lang(x)::-ms-backdrop, .class {}

/* Safari *
_::-webkit-full-page-media, _:future, :root .class {}
====================================================================*/


/*------------------------------------------------
    layout
------------------------------------------------*/

/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .k036_td_20200130_mtgbag_feature_detailhtml img {width: 100%;}


	/* container - detailhtml
	--------------------------------------- */
        .k036_td_20200130_mtgbag_feature_detailhtml {
            position: relative;
            min-width: 960px;
            margin: 10px auto 0;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml_wrap {
            position: relative;
            max-width: 960px;
            /*width: 97%;*/
            margin: 0 auto;
        }
        /* border-box */
        .k036_td_20200130_mtgbag_feature_detailhtml div {
            box-sizing: border-box;
        }


	/* column
	--------------------------------------- */
        /* base */
        .k036_td_20200130_mtgbag_feature_detailhtml .column_outer {
            margin-top: 25px;
            width: 960px;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .column {
            position: relative;
            float: left;
        }
        /* column1 */
        .k036_td_20200130_mtgbag_feature_detailhtml .column1 .column {
            float: none;
        }
        /* column4 */
        .k036_td_20200130_mtgbag_feature_detailhtml .column4 {
            clear: both;
            width: 960px;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .column4 .column {
            float: none;
            width: 232px;
            margin-right: 10px;
        }


	/* column - detailthtml
	--------------------------------------- */


        /* EFタイプ */
        .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag {
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .column {
            float: left;
        }
                .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .column:nth-child(1) {
                    width: 300px;
                    margin-right: 9px;
                    padding-right: 9px;
                    padding-bottom: 47px;
                    border-right: 2px solid #5f80b1;
                    box-sizing: content-box;
                }
                .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .column:nth-child(2) {
                    width: 640px;
                }

        .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .column_sub {
            float: left;
        }
                .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .column_sub div {
                    float: left;
                    width: 300px;
                }
                .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .column_sub div:nth-child(1) {
                    margin-right: 19px;
                    padding-right: 19px;
                    border-right: 2px dotted #5f80b1;
                    box-sizing: content-box;
                }

        .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .image {
            position: relative;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .link {
            position: absolute;
            width: 300px;
            left: 0;
            bottom: 0;
        }
                .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .link1 {
                    bottom: -52px;
                }


        /* inバッグ */
        .k036_td_20200130_mtgbag_feature_detailhtml .column2-1_mtgbag {
                margin-top: 15px;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .column2-1_mtgbag .column {
            float: left;
        }
                .k036_td_20200130_mtgbag_feature_detailhtml .column2-1_mtgbag .column:nth-child(1) {
                    width: 560px;
                    margin-right: 10px;
                }
                .k036_td_20200130_mtgbag_feature_detailhtml .column2-1_mtgbag .column:nth-child(2) {
                    width: 390px;
                }

        .k036_td_20200130_mtgbag_feature_detailhtml .column2-1_mtgbag .link {
            position: absolute;
            width: 560px;
            left: 0;
            bottom: -40px;
        }




/*------------------------------------------------
    heading
------------------------------------------------*/


	/* title
	--------------------------------------- */
        .k036_td_20200130_mtgbag_feature_detailhtml .ttl_mtgbag {
            position: relative;
            background: #fff url(../images/template/k036_td_20200130_01_01_top01_bg.png) left top repeat-x;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .bg_title {
            position: relative;
            background: url(../images/template/k036_td_20200130_01_01_top01_bg2.png) center top no-repeat;
            background-size: 1280px;
        }

        .k036_td_20200130_mtgbag_feature_detailhtml .ttl_mtgbag .image {
            width: 960px;
            margin: 0 auto;
        }

        /*section*/
        .k036_td_20200130_mtgbag_feature_detailhtml .title {
            border-bottom: 2px solid #333;
            margin: 10px auto;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .title_table {
            margin-top: 35px;
        }




/*------------------------------------------------
    link
------------------------------------------------*/


        /* ページ内リンクエリア */
        .k036_td_20200130_mtgbag_feature_detailhtml .link_area {
            border-bottom: 2px solid #333;
            padding-bottom: 10px;
            margin: 10px auto;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .link_area .image {
            float: left;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .link_area .image:nth-child(1) {
            width: 260px;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .link_area .image:nth-child(2) {
            width: 380px;
            margin: 0 15px;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .link_area .image:nth-child(3) {
            width: 290px;
        }

        /* チャート */
        .k036_td_20200130_mtgbag_feature_detailhtml .chart_area {
            position: relative;
            margin-top: 35px;
            padding-bottom: 10px;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .chart_area .image:nth-child(3) {
            position: absolute;
            width: 221px;
            right: 0;
            bottom: 5px;
        }


	/* hover - image
	--------------------------------------- */
        .k036_td_20200130_mtgbag_feature_detailhtml a:hover img {
            opacity: 0.8;
        }



/*------------------------------------------------
    table
------------------------------------------------*/


        .k036_td_20200130_mtgbag_feature_detailhtml .table_mtgbag {
            overflow-x: auto;
            max-width: 100%;
            padding-bottom: 10px;
            margin-top: 20px;
        }
                .k036_td_20200130_mtgbag_feature_detailhtml .table_mtgbag .title_table {
                    padding-top: 25px;
                    padding-bottom: 10px;
                    margin: 10px auto;
                }

        .k036_td_20200130_mtgbag_feature_detailhtml .table_mtgbag table {
            width: 100%;
            margin-bottom: 15px;
            border-collapse: separate;
            border-right: 1px solid #b2b1b1;
            border-bottom: 1px solid #b2b1b1;
            font-size: 90%;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .table_mtgbag td,
        .k036_td_20200130_mtgbag_feature_detailhtml .table_mtgbag th {
            padding: 5px 2px;
            text-align: center;
            vertical-align: middle;
            white-space: nowrap;
        }

        .k036_td_20200130_mtgbag_feature_detailhtml .table_mtgbag th {
                    position: sticky;
                    left: 0;
        	background: #c3c4c5;
            border-top: 1px solid #fff;
            border-right: 2px solid #fff;
            font-weight: 700;
        }
                .k036_td_20200130_mtgbag_feature_detailhtml .table_mtgbag thead tr {
                    position: relative;
                }
                .k036_td_20200130_mtgbag_feature_detailhtml .table_mtgbag thead th {
                    background: #343435;
                    border-top: 1px solid #b2b1b1;
                    color: #fff;
                    vertical-align: bottom;
                    z-index: 1;
                }
                .k036_td_20200130_mtgbag_feature_detailhtml .table_mtgbag thead th div {
                        position: relative;
                    margin: 0 auto;
                    margin-top: 50px;
                    width: 95%;
                    background: #fff;
                    padding: 2px 3px;
                    font-size: 75%;
                    color: #333;
                }
                .k036_td_20200130_mtgbag_feature_detailhtml .table_mtgbag thead th div span {
                    color: #185ca9;
                }

        .k036_td_20200130_mtgbag_feature_detailhtml .table_mtgbag thead th ~ td {
            background: #13ab8e;
            padding: 5px 8px;
            text-align: left;
            color: #fff;
            font-size: 135%;
            font-weight: 700;
        }
                .k036_td_20200130_mtgbag_feature_detailhtml .table_mtgbag thead th ~ td span:nth-child(1) {
                    display: inline-block;
                    background: #333;
                    border-radius: 3px;
                    width: 34px;
                    height: 34px;
                    color: #fff;
                    font-size: 24px;
                    font-weight: 700;
                    text-align: center;
                }
                .k036_td_20200130_mtgbag_feature_detailhtml .table_mtgbag thead th ~ td span:nth-child(2) {
                    display: inline-block;
                    padding-left: 5px;
                    font-size: 26px;
                    font-weight: 700;
                    color: #f7d88c;
                }

        .k036_td_20200130_mtgbag_feature_detailhtml .table_mtgbag img {
            width: 117px;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .table_mtgbag thead tr:last-child td {
            border-top: none;
            font-weight: 700;
        }

        .k036_td_20200130_mtgbag_feature_detailhtml .table_mtgbag td {
            border-top: 1px solid #b2b1b1;
            border-left: 1px solid #b2b1b1;
        }




/*------------------------------------------------
    topicpath - lorcal
------------------------------------------------*/


        #topic_path {
          font-family: "Meiryo","Verdana","Hiragino Kaku Gothic ProN","MS PGothic",sans-serif;
          max-width: 960px;
          padding: 0 10px;
          margin-right: auto;
          margin-left: auto;
        }
        #topic_path ul {
          overflow: hidden;
          max-height: 100%;
        }
        #topic_path ul li {
          /* display: inline-block; */
          display: inline;
          margin-left: 2px;
          font-size: 78.6%;
        }
        #topic_path a {
          color: #0070c0;
          text-decoration: none;
        }
        #topic_path a:hover {
          text-decoration: underline;
        }
        #topic_path ul li:before {
          content: " ";
          display: inline-block;
          width: 8px;
          height: 9px;
          margin-right: 6px;
          vertical-align: middle;
          background: url("../images/template/k032_t_20160815_arrow_topicpath.gif") no-repeat 50% 50%;
          background-size: 8px auto;
        }
        #topic_path ul li:first-child:before {
          content: none;
        }




/*------------------------------------------------
    home - lorcal
------------------------------------------------*/


        .k036_td_20200130_mtgbag_feature_detailhtml .mtgbag_back_btn_wrap {
            /*width: 97%;*/
            margin: 0 auto;
            margin-top: 40px;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .mtgbag_back_btn > a {
            position: relative;
            display: block;
            width: 190px;
            font-size: 114.3%;
            line-height: 1;
            padding: 10px 5px 10px 25px;
            text-align: center;
            color: #212121;
            text-decoration: none;
            background: #ececec;
            border: 1px solid #c5c5c5;
            border-radius: 2px;
            float: left;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .mtgbag_back_btn a:before {
                position: absolute;
                content: "";
                top: 50%;
                left: 10px;
                margin-top: -5px;
                width: 8px;
                height: 10px;
                background: url(../images/template/k036_td_20190801_arrow_gray_l.png);
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .mtgbag_back_btn a:hover {
            opacity: 0.7;
        }



/*------------------------------------------------
    breakpoint
------------------------------------------------*/


@media screen and (max-width: 699px) { /* SP可変 Liquid Layout */


        /* display
        --------------------------------------- */
        .k036_td_20200130_mtgbag_feature_detailhtml .pc {
            display: none !important;
        }


        /* layout
        --------------------------------------- */
        .k036_td_20200130_mtgbag_feature_detailhtml {
            width: auto;
            min-width: 0;
            margin: 10px;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml_wrap {
            width: 100%;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .column_outer {
            width: auto;
        }


	/* column
	--------------------------------------- */
        .k036_td_20200130_mtgbag_feature_detailhtml .column_outer {
            margin-top: 10px;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .column {
            float: none;
          margin-bottom: 0;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .column.border {
            border-right: none;
            border-bottom: 1px solid #333;
            margin-bottom: 10px;
            padding-bottom: 10px;
        }


	/* column - detailthtml
	--------------------------------------- */
        .k036_td_20200130_mtgbag_feature_detailhtml .ttl_heading01 {
            width: auto;
            margin: 35px auto 20px;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .border .column {
            margin-top: 10px;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .column_outer {
             margin-top: 20px;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .column_outer.border {
             margin-top: 0;
        }

        .k036_td_20200130_mtgbag_feature_detailhtml .link_area {
            border-bottom: 2px solid #333;
            padding-bottom: 10px;
            margin: 10px auto;
        }

        /* ページ内リンクエリア */
        .k036_td_20200130_mtgbag_feature_detailhtml .link_area {
            border-bottom: 2px solid #333;
            padding-bottom: 35px;
            margin: 10px auto;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .link_area .image {
            float: none;
            width: auto !important;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .link_area + .link_area {
            margin-top: 35px;
        }



	/* title
	--------------------------------------- */
        .k036_td_20200130_mtgbag_feature_detailhtml .title {
            border: none;
            border-top: 2px solid #333;
            margin: 10px auto;
            padding-top: 35px;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .ttl_mtgbag .image {
            width: auto;
            margin: 0 auto;
        }


        /* EFタイプ */
        .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .column {
            float: none;
            margin-top: 25px;
        }
                .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .column:nth-child(1) {
                    width: auto;
                    margin-right: 0;
                    padding-right: 0;
                    padding-bottom: 0;
                    border-right: none;
                    box-sizing: border-box;
                }
                .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .column:nth-child(2) {
                    width: auto;
                }

        .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .column_sub {
            float: none;
        }
                .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .column_sub div {
                    width: 49%;
                    margin-right: 2%;
                }
                .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .column_sub div:nth-child(4) {
                    margin-right: 0;
                }

        .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .image {
            position: relative;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .link {
            position: absolute;
            width: auto;
            left: 0;
            bottom: 0;
        }
                .k036_td_20200130_mtgbag_feature_detailhtml .column1-2_mtgbag .link1 {
                    bottom: 0;
                }


        /* inバッグ */
        .k036_td_20200130_mtgbag_feature_detailhtml .column2-1_mtgbag {
                margin-top: 15px;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .column2-1_mtgbag .column {
            float: none;
        }
                .k036_td_20200130_mtgbag_feature_detailhtml .column2-1_mtgbag .column:nth-child(1) {
                    width: auto;
                    margin-right: 10px;
                }
                .k036_td_20200130_mtgbag_feature_detailhtml .column2-1_mtgbag .column:nth-child(2) {
                    width: auto;
                }

        .k036_td_20200130_mtgbag_feature_detailhtml .column2-1_mtgbag .link {
        }
                .k036_td_20200130_mtgbag_feature_detailhtml .column2-1_mtgbag .link4 {
                    width: auto;
                    left: 0;
                    bottom: 0px;
                }


	/* title
	--------------------------------------- */
        .k036_td_20200130_mtgbag_feature_detailhtml .ttl_mtgbag {
            background: none;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .ttl_mtgbag .image {
            min-width: auto;
            margin: 0 auto;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .ttl_mtgbag .image img {
            width: 100%;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .ttl_mtgbag .btn {
            margin-top: -70px;
        }
                    .k036_td_20200130_mtgbag_feature_detailhtml .ttl_mtgbag .btn img {
                            max-width: 965px;
                            width: 76%;
                    }





	/* table
	--------------------------------------- */



	/* topicpath
	--------------------------------------- */
        #topic_path {
          position: relative;
          height: 1.5em;
          padding: 0;
          margin-bottom: 0;
          overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
        }
        #topic_path ul {
          float: left;
          height: 1.5em;
          padding: 0 10px;
          white-space: nowrap;
          overflow: auto;
        }
        #topic_path ul::-webkit-scrollbar {
          display: none;
        }
        #topic_path ul li {
          font-size: 78.6%;
        }


	/* home
	--------------------------------------- */
        .k036_td_20200130_mtgbag_feature_detailhtml .mtgbag_back_btn {
            width: 48.4%;
            float: none;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .mtgbag_back_btn > a {
            width: 100%;
            font-size: 100%;
            padding: 17px 2px 16px 12px;
        }

}

@media screen and (min-width: 700px) {

        /* display
        --------------------------------------- */
        .k036_td_20200130_mtgbag_feature_detailhtml .sp {
            display: none !important;
        }


        /*アコーディオンフックを非表示*/
        .k036_td_20200130_mtgbag_feature_detailhtml .accordion_furniture input {
            display: none;
        }
        .k036_td_20200130_mtgbag_feature_detailhtml .scroll_guide_wrap {
            display: none;
        }

        .k036_td_20200130_mtgbag_feature_detailhtml .column .image img {
          width: 100%;
          height: auto;
        }

        /* column2 */
        .k036_td_20200130_mtgbag_feature_detailhtml .column2 {
        }
              .k036_td_20200130_mtgbag_feature_detailhtml .column2 .column {
                width: 470px;
              }
              .k036_td_20200130_mtgbag_feature_detailhtml .column2 .column:first-child {
                margin-right: 20px;
              }


}

@media screen and (min-width: 700px) and (max-width: 959px) {
    /* 960pxで固定 fixed */
    .k036_td_20200130_mtgbag_feature_detailhtml {
        width: 960px;
    }

}

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

@media screen and (min-width: 1280px) {

}