@charset "utf-8";
@media screen and (max-width: 1000px) {
    .inner {
        width: 100%;
    }
    header#global_header,
    footer#global_footer,
    #contents_wrap,
    #contents,
    #main,
    #col_main {
        min-width: 100%;
        width: 100% !Important;
    }
    #contents_wrap,
    .header,
    .footer {
        padding-left: 10px;
        padding-right: 10px;
    }
    .btnTb .button {
        padding: 5px !Important;
    }
    .button a {
        display: block;
        width: auto;
    }
}
@media screen and (max-width: 768px) {
    /* =================================================================
 *
 * tablet size
 *
 * ================================================================= */
    /* ----------------------------------------------------------

		Layout Structure

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

    .inner {
        margin: 0 auto;
        width: 100%;
    }
    #contents {} #col_main {} .ColLeft,
    .ColRight,
    #logo,
    .info,
    .inner,
    .fLogo {
        float: none;
        width: 100% !important;
    }
    .icon-animation {
        display: block;
    }
    .fNav,
    .pcDisplay,
    h1.description,
    .footer_right,
	.table_none	{
        display: none !Important;
    }
    .tbPd0 td {
        padding: 10px !important;
    }
    .sampleBtn a {
        background: url(../images/common/bg_btn_sp.html) no-repeat center center;
        background-size: 100% 100%;
        display: block;
        font-size: 22px;
        padding: 20px;
    }
    .spHalfTb td {
        padding: 5px !important;
    }
    .tbCenter {
        text-align: center !important;
    }
    .tbBlockTb td {
        display: block !important;
        width: 100% !important;
    }
    #pagetop {
        display: block !Important;
        opacity: 1 !Important;
        position: absolute !Important;
    }
    #logo {
        padding: 0px 0px 10px;
    }
    .info {
        position: static;
    }
    .info p {
        margin: 2px;
    }

    .fLogo {
        text-align: center;
        margin-bottom: 15px;
    }
    .renoBtn a {
        display: inline-block;
        width: 300px;
    }
    .renoBtn {
        float: none !Important;
        text-align: right !Important;
        width: 100% !Important;
    }
	.p_dashed p  {
		float: none;
	}
	.kitBox {
		background: url(../images/common/icon_top_bottom.png) no-repeat right center;
	}
    /* ----------------------------------------------------------

		BXI reset

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

    .tb_tbl_block table td {
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
    }
    /* ----------------------------------------------------------

		Header

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

		Footer

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

		Side menu

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

    #main #col_main,
    #main #col_side1 {
        float: none;
        width: 100%;
    }
    #main #col_main {}
    /* tablet END ###################################################### */
}
@media screen and (max-width: 468px) {
    /* =================================================================
 *
 * smartphone size
 *
 * ================================================================= */
    /* ----------------------------------------------------------

		Layout Structure

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

    body {
        font-size: 15px;
    }
    #contents {} #col_main {
        padding-bottom: 20px;
        text-align: left;
    }
    .spnone {
        display: none;
    }
    .inner {
        /*padding: 0 10px;*/
    }
    .blockInside01 {
        margin-right: 0px;
    }
    .spImgBlock img {
        width: 100% !Important;
        display: block;
        margin-bottom: 10px;
        max-width: 100%;
    }
    .img_txtTb td:nth-child(1) {
        text-align: center !Important;
        margin-bottom: 10px;
        padding-right: 0px !Important;
    }
    .taCenterSp {
        text-align: center !Important;
    }
    .subTitle h3 {
        font-size: 20px;
    }
    .subTitle04 h4 {
        font-size: 17px;
    }
    .spCenter {
        text-align: center !Important;
    }
    .pcDisplay,
    .bx-wrapper .bx-controls-direction a {
        display: none;
    }
    .spDisplay {
        display: block;
    }
    .homeTb01,
    .homeTb02 td {
        float: left !Important;
        width: 50% !Important;
        display: block !Important;
    }
    .eventTitle {
        font-size: 18px;
    }
    .aboutTb td:first-child {
        width: 30% !Important;
    }

    header .info{
      display: flex;
      justify-content: space-between;
    }
    header .info .twitter{
      float: left;
    }
    /* ----------------------------------------------------------

		BXI reset

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

    .tbl_scroll table {
        width: auto !important;
    }
    .tbl_block td {
        width: 100% !important;
        margin-top: -1px;
    }
    .spHalfTb td {
        width: 50% !important;
        padding: 5px !important;
        float: left !important;
        display: block;
    }
    .style_form th,
    .style_form td {
        margin-top: -1px;
    }
    /* ----------------------------------------------------------

		Header

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

		Footer

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

		Side menu

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

		Shop style

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

    .sort_catalog {
        margin: 0 !important;
        width: auto !important;
    }
    .sort_catalog_box {
        padding: 0 !important;
        margin: 0 0 30px !important;
        width: 100% !important;
    }
    /* smartphone END ################################################## */
}
/* ----------------------------------------------------------

		COMMON COSTOM STYLE

---------------------------------------------------------- */
/* text-align */

.taR {
    text-align: right;
}
.taC {
    text-align: center;
}
/* font-weight */

.fwn {
    font-weight: normal !important;
}
.fwb {
    font-weight: bold !important;
}
/* margin */

.mgAuto {
    margin: 0 auto !important;
}
/* table td padding */

.tdpd0 td {
    padding: 0 !important;
}
.tdpd05 td {
    padding: 5px !important;
}
.tdpd10 td {
    padding: 10px !important;
}
.tdpd15 td {
    padding: 15px !important;
}
.tdpd20 td {
    padding: 20px !important;
}
.tdpd25 td {
    padding: 25px !important;
}
.tdpd30 td {
    padding: 30px !important;
}
.tdpd35 td {
    padding: 35px !important;
}
.tdpd40 td {
    padding: 40px !important;
}
.tdpd45 td {
    padding: 45px !important;
}
.tdpd50 td {
    padding: 50px !important;
}
td.pdT10 {
    padding-top: 10px !important;
}
/* font-family */

.mincho {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.shop_cont form,
.shop_cont a.btn_type01,
.shop_cont a.btn_purchase {
    color: #000000;
}
.shop_cont a.btn_type01:hover,
.shop_cont a.btn_purchase:hover {
    color: #636363;
}
#shop_flow .sf_text {
    color: #000000;
}
.shop_cont h3.title_h3 {
    /*color: #ffffff;*/
}
.shop_cont table {
    color: #000000;
}