/*
colorme theme
*/

@charset "euc-jp";

/*
 * layout
 */

#wrapper {
    max-width: 1000px;
}


/*
 * contents
 */

#contents {
    float: right;
    padding-left: 30px;
}

#contents .topicpath-nav {
    margin-bottom: 5px;
}

#contents .topicpath-nav li {
    padding: 0;
}

#contents .topicpath-nav a {
    margin-left: 5px;
}


/*
 * side
 */

#side .unstyled img {
    display: block;
    margin-bottom: 5px;
}


/*
 * temp
 */


/* font */

h2 {
font-family: 'Special Elite', 'M PLUS 1p';
font-weight: normal;
}

h3 {
font-family: 'M PLUS 1p';
}

.h4 {
font-family: 'Special Elite', cursive;
}


.txt_l {
    text-align: left;
}

.txt_c {
    text-align: center;
}

.txt_r {
    text-align: right;
}

.txt_fwn {
    font-weight: normal;
}

.txt_fwb {
    font-weight: bold;
}

.txt_10 {
    font-size: 10px;
}

.txt_12 {
    font-size: 12px;
}

.txt_14 {
    font-size: 14px;
}

.txt_16 {
    font-size: 16px;
}

.txt_18 {
    font-size: 18px;
}

.txt_20 {
    font-size: 20px;
}

.txt_24 {
    font-size: 24px;
}

.txt_28 {
    font-size: 28px;
}

.txt_c_333 {
    color: #333;
}


/* background */

.bgc_gray {
    background-color: #f1f1f1;
}


/* margin */

.mar_auto {
    margin: 0 auto;
}

.mar_0 {
    margin: 0;
}

.mar_t_0 {
    margin-top: 0;
}

.mar_r_0 {
    margin-right: 0;
}

.mar_b_0 {
    margin-bottom: 0;
}

.mar_l_0 {
    margin-left: 0;
}

.mar_5 {
    margin: 5px;
}

.mar_t_5 {
    margin-top: 5px;
}

.mar_r_5 {
    margin-right: 5px;
}

.mar_b_5 {
    margin-bottom: 5px;
}

.mar_l_5 {
    margin-left: 5px;
}

.mar_t_10 {
    margin-top: 10px;
}

.mar_r_10 {
    margin-right: 10px;
}

.mar_b_10 {
    margin-bottom: 10px;
}

.mar_l_10 {
    margin-left: 10px;
}

.mar_t_20 {
    margin-top: 20px;
}

.mar_r_20 {
    margin-right: 20px;
}

.mar_b_20 {
    margin-bottom: 20px;
}

.mar_l_20 {
    margin-left: 20px;
}

.mar_t_30 {
    margin-top: 30px;
}

.mar_r_30 {
    margin-right: 30px;
}

.mar_b_30 {
    margin-bottom: 30px;
}

.mar_l_30 {
    margin-left: 30px;
}

.mar_t_50 {
    margin-top: 50px;
}

.mar_r_50 {
    margin-right: 50px;
}

.mar_b_50 {
    margin-bottom: 50px;
}

.mar_l_50 {
    margin-left: 50px;
}


/* padding */

.pad_v_10 {
    padding: 10px 0;
}

.pad_v_20 {
    padding: 20px 0;
}

.pad_v_30 {
    padding: 30px 0;
}

.pad_0 {
    padding: 0;
}

.pad_t_0 {
    padding-top: 0;
}

.pad_r_0 {
    padding-right: 0;
}

.pad_b_0 {
    padding-bottom: 0;
}

.pad_l_0 {
    padding-left: 0;
}

.pad_5 {
    padding: 5px;
}

.pad_t_5 {
    padding-top: 5px;
}

.pad_r_5 {
    padding-right: 5px;
}

.pad_b_5 {
    padding-bottom: 5px;
}

.pad_l_5 {
    padding-left: 5px;
}

.pad_10 {
    padding: 10px;
}

.pad_t_10 {
    padding-top: 10px;
}

.pad_r_10 {
    padding-right: 10px;
}

.pad_b_10 {
    padding-bottom: 10px;
}

.pad_l_10 {
    padding-left: 10px;
}

.pad_20 {
    padding: 20px;
}

.pad_t_20 {
    padding-top: 20px;
}

.pad_r_20 {
    padding-right: 20px;
}

.pad_b_20 {
    padding-bottom: 20px;
}

.pad_l_20 {
    padding-left: 20px;
}

.pad_30 {
    padding: 30px
}

.pad_t_30 {
    padding-top: 30px;
}

.pad_r_30 {
    padding-right: 30px;
}

.pad_b_30 {
    padding-bottom: 30px;
}

.pad_l_30 {
    padding-left: 30px;
}


/* border */

.bor_t_1 {
    border-top: 1px solid #eee;
}

.bor_r_1 {
    border-right: 1px solid #eee;
}

.bor_b_1 {
    border-bottom: 1px solid #eee;
}

.bor_l_1 {
    border-left: 1px solid #eee;
}

/* vertical align */

.va-10 {
    vertical-align: -10%;
}

.va-20 {
    vertical-align: -20%;
}

.va-30 {
    vertical-align: -30%;
}

.va-35 {
    vertical-align: -35%;
}

.va-40 {
    vertical-align: -40%;
}

/* midashi */

.mi_1 {
 margin-right: 30px;
 padding: 10px 0 5px 10px;
 width: 100%;
 color: #666; 
 background-color: #f7f7f7; 
 border: 1px solid #ccc; 
}


@media (max-width: 980px) {
    /* ~980px */
    #base_gmoWrapp,
    #gmo_CMSPbar {
        overflow: hidden;
        min-width: 100% !important;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    /* ~768px */
    #contents {
        padding-left: 0;
    }
}

@media (max-width: 480px) {
    /* ~480px */
}


/*
 * icons
 */

.icon-user {
    background-position: -208px 4px;
}

.icon-lg-b.icon-user {
    background-position: -312px 0px;
}

.icon-adduser {
    background-position: -240px 0px;
}

.icon-lg-b.icon-adduser {
    background-position: -360px 0px;
}

.icon-login {
    background-position: -48px -80px;
}

.icon-lg-b.icon-login {
    background-position: -72px -120px;
}

.icon-logout {
    background-position: -32px -80px;
}

.icon-lg-b.icon-logout {
    background-position: -48px -120px;
}

.icon-home {
    background-position: -178px -14px;
}

.icon-lg-b.icon-home {
    background-position: -264px -24px;
}

.icon-mail {
    background-position: -66px 3px;
}

.icon-lg-b.icon-mail {
    background-position: -96px 0px;
}

.icon-pencil {
    background-position: -96px 0px;
}

.icon-lg-b.icon-pencil {
    background-position: -144px 0px;
}

.icon-help {
    background-position: -272px -80px;
}

.icon-lg-b.icon-help {
    background-position: -408px -120px;
}

.icon-cart {
    background-position: -176px -63px;
}

.icon-lg-b.icon-cart {
    background-position: -264px -96px;
}

.icon-search {
    background-position: -208px -16px;
}

.icon-lg-b.icon-search {
    background-position: -312px -24px;
}

.icon-chevron_up {
    background-position: -0px -144px;
}

.icon-lg-b.icon-chevron_up {
    background-position: -0px -216px;
}

.icon-chevron_down {
    background-position: -352px -128px;
}

.icon-lg-b.icon-chevron_down {
    background-position: -528px -192px;
}

.icon-b,
.icon-w {
    width: 16px;
    height: 16px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.icon-lg-b,
.icon-lg-w {
    width: 24px;
    height: 24px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.icon-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png);
}

.icon-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png);
}

.icon-lg-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png);
}

.icon-lg-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-b,
    .icon-w {
        -webkit-background-size: 368px 320px;
        background-size: 368px 320px;
    }
    .icon-lg-b,
    .icon-lg-w {
        -webkit-background-size: 552px 480px;
        background-size: 552px 480px;
    }
    .icon-b {
        background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png);
    }
    .icon-w {
        background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png);
    }
    .icon-lg-b {
        background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png);
    }
    .icon-lg-w {
        background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png);
    }
}

@media (max-width: 768px) {
    .icon-b {
        background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png);
    }
    .icon-w {
        background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png);
    }
}

@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (max-width: 768px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 768px) and (min-resolution: 192dpi),
only screen and (max-width: 768px) and (min-resolution: 2dppx) {
    .icon-b {
        background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png);
    }
    .icon-w {
        background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png);
    }
}


/* ---------- theme ---------- */


/* ---------- helper ---------- */

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}


/* font-size */

.h1 {
    font-size: 28px;
}

.h2 {
    font-size: 24px;
}

.h3 {
    font-size: 20px;
}

.h4 {
    font-size: 16px;
}

.h5 {
    font-size: 14px;
}

.h6 {
    font-size: 12px;
}

.cons {
    font-size: 12px;
	font-weight: normal; 
    padding: 10px 0;
   margin-top: 0;
  margin-bottom: 0;
}
/* ---------- theme ---------- */


/* */

@-ms-viewport {
    width: device-width;
    initial-scale: 1;
}


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


.tt-content-main {
    padding: 40px 0;
	background-color: #ffffff;
}

.tt-content-top .tt-section:last-child,
.tt-content-main .tt-section:last-child,
.tt-content-bottom .tt-section:last-child {
    margin-bottom: 0;
}


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

.tt-section {
    margin-bottom: 0px;
}

.tt-aside {
    margin-bottom: 0px;
}


/* ---------- theme ---------- */


/* ---------- typo ---------- */

body a {
    transition: .2s;
    color: #555;
}

body a:hover {
    text-decoration: none;
    color: #aaa;
}


/* ---------- theme ---------- */


/* ---------- tt-topbar-layout ---------- */

.tt-topbar {
    padding: 5px 0;
    background-color: #fafafa;
}

.tt-topbar .topbar-description {
    margin: 0;
}


/* ---------- theme ---------- */


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

.tt-header {
    position: relative;
}

.tt-header .logo {
    display: inline-block;
}

.tt-header .menu-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.tt-header .menu-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}


/* ---------- header-content-layout ---------- */

.tt-header-content form {
    margin: 0;
}

@media all and (max-width: 768px) {
    .tt-header-content {
        text-align: center;
        padding: 20px 0;
    }
    .tt-header-content .logo {
        margin: 0;
    }
}


/* ---------- theme ---------- */


/* ---------- tt-global-layout ---------- */

.tt-global-side {
    position: fixed;
    width: 250px;
    height: 100%;
    background: #222;
    overflow-y: auto;
}

@media (max-width: 768px) {
    .tt-global-side {
        position: relative;
        width: 100%;
    }
}

.tt-global-content {
    margin-left: 250px;
    width: auto;
    position: relative;
    overflow: auto;
    z-index: 1;
}

@media (max-width: 768px) {
    .tt-global-content {
        margin-left: 0;
        width: auto;
    }
}


/* ---------- header-side-layout ---------- */

.tt-header-side {
    position: relative;
}

.tt-header-side .description {
    padding: 5px 0;
    margin-bottom: 0;
}

.tt-header-side .header-aside {
    padding: 15px 0;
}

.tt-header-side .header-menu {
    list-style: none;
    margin: 0;
}

.tt-header-side .header-menu>li {
    padding: 5px 0;
}

.tt-header-side .header-menu.menu-inline>li {
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
}

.tt-header-side .header-menu.menu-block {
    display: block;
    padding: 3px 0;
}

.tt-header-side .header-copy {
    padding: 5px -0px;
    border-top: 1px solid #333;
}

.tt-menu-toggle {
    margin: 0;
    padding: 15px 0;
    text-align: center;
}

.tt-menu-toggle.active+.header-body {
    display: block !important;
}


/* ---------- header-side-theme ---------- */

.tt-global-side {
    color: #eaeaea;
}

.tt-global-side a {
    color: #eaeaea;
}

.tt-global-side .tt-aside {
    margin: 0;
    padding: 20px 5px;
    border-bottom: 1px solid #333;
}


/* ---------- tt-navabar-layout ---------- */

.tt-navbar {
  /* height: 51px;*/
    color: #eee;
    background-color: #ffffff;
    position: relative;
    /* ---------- smartphone ---------- */
}

.tt-navbar .logo {
    display: inline-block;
    margin: 0;
    line-height: 51px;
}

.tt-navbar .logo a {
    color: #eee;
}

.tt-navbar .navbar-menu {
    margin: 0;
}

.tt-navbar .navbar-menu>li {
    display: inline-block;
}

.tt-navbar .navbar-menu>li>a {
    padding: 15px 20px;
}

.tt-navbar .navbar-menu>li>a {
    display: block;
}

.tt-navbar .navbar-menu>li>a:hover {
    text-decoration: none;
}

@media all and (max-width: 768px) {
    .tt-navbar {
        height: auto;
    }
    .tt-navbar .navbar-right {
        float: none;
    }
    .tt-navbar .navbar-menu-toggle {
        margin: 0;
        padding: 15px 0;
        text-align: center;
        color: #eee;
    }
    .tt-navbar .navbar-icon-toggle {
        position: absolute;
        top: 7px;
        right: 7px;
        margin: 0;
        padding: 4px;
        cursor: pointer;
    }
    .tt-navbar .navbar-icon-toggle>span,
    .tt-navbar .navbar-menu-toggle>.toggle-icon span,
    .tt-menu-toggle>.toggle-icon span {
        display: block;
        height: 2px;
        width: 24px;
        background-color: #000;
        margin-top: 5px;
		 margin-right: 0px;
    }
    .tt-navbar .navbar-menu-toggle>.toggle-icon,
    .tt-menu-toggle>.toggle-icon {
        display: inline-block;
    }
    .tt-navbar .navbar-menu {
        text-align: left;
		
    }
    .tt-navbar .navbar-menu>li {
        display: block;
        padding: 0;
    }
    .tt-navbar .navbar-menu>li a {
        padding: 15px;
    }
}

.navbar-right {
    float: right;
}

.navbar-menu-toggle.active+.navbar-collapse,
.navbar-icon-toggle.active+.navbar-collapse {
    display: block !important;
}


/* ---------- tt-navabar-theme ---------- */

.tt-navbar {
    background-color: #fafafa;
}

.tt-navbar .navbar-menu>li>a:hover {
    text-decoration: none;
    background-color: #edefef;
	
}

.tt-navbar .navbar-menu>li>a {
    color: #2d2d2d;
}


/* ---------- tt-dropdown-layout ---------- */

.tt-dropdown {
    position: relative;
	
}

.tt-dropdown:hover>.drop-menu {
    display: block;
}

.tt-dropdown .drop-menu {
    display: none;
    position: absolute;
    top: 50px;
    min-width: 150px;
    margin: 0;
    list-style: none;
    border: 1px solid #ddd;
    background-color: #fff;
}

.tt-dropdown .drop-menu>li>a {
    display: block;
    padding: 8px 10px;
    text-align: left;
}

.tt-dropdown .drop-menu>li>a:hover {
    text-decoration: none;
    background-color: #f4f4f4;
}

@media all and (max-width: 768px) {
    .tt-dropdown .drop-menu {
        display: block;
        position: relative;
        top: auto;
        width: 100%;
        background-color: transparent;
        border: none;
        padding-left: 15px;
    }
    .tt-dropdown .drop-menu a {
        color: #eee;
    }
    .tt-dropdown .drop-menu>li>a:hover {
        background-color: transparent;
    }
}


/* ---------- theme ---------- */


/* ---------- tt-shop-guide-layout ---------- */

.tt-shop-guide .guide-container {
    padding: 20px 0;
}

.tt-shop-guide .guide-body {
    margin-bottom: 20px;
	font-size: 11px;
}

.tt-shop-guide .guide-title {
    margin-bottom: 8px;

		font-size: 16px;
}

.tt-shop-guide .guide-p {
    margin-bottom: 3px;
	    font-weight: bold;
		font-size: 12px;
}

/* ---------- theme ---------- */

.tt-footer {
	background-color: #c8cece;

}

/* ---------- tt-footer-copy-layout ---------- */

.tt-footer-copy {
    padding: 10px 0;
    text-align: center;
    border-top: 1px dotted #676868;
}

.tt-footer-copy p {
    margin: 0;
	font-size: 10px;
}


/* ---------- theme ---------- */


/* ---------- tt-footer-menu-layout ---------- */

.tt-footer-menu {
    padding: 10px 0;
    text-align: center;
    border-top: 1px dotted #676868;
	font-size: 10px;
}

@media all and (max-width: 768px) {
    .tt-footer-menu {
        border: none;
    }
    .tt-footer-menu ul li {
        display: block !important;
    }
    .tt-footer-menu a {
        display: block;
        padding: 12px;
        border-top: 1px dotted #676868;
		font-size: 10px;
    }
}


/* ---------- theme ---------- */


/* ---------- tt-breadcrumb-layout ---------- */

.tt-breadcrumb {
    padding: 5px 15px;
    margin-bottom: 0;
    margin-left: 0;
    list-style: none;
	font-size: 10px;
}

.tt-breadcrumb>li {
    display: inline-block;
}

.tt-breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/";
}


/* ---------- theme ---------- */


/* ---------- tt-button-layout ---------- */

.btn {
    padding: 6px 14px;
    border-radius: 0;
}

.btn-lg {
    padding: 12px 16px;
    border-radius: 0;
}

.btn-xs {
    padding: 2px 6px;
    border-radius: 0;
}


/* ---------- tt-button-theme ---------- */

.btn {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc;
}

.btn.btn-primary {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8;
}

.btn.btn-primary:hover {
    background-color: #168df3;
}

.btn.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.btn.btn-success:hover {
    background-color: #6cd46c;
}

.btn.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.btn.btn-info:hover {
    background-color: #65d7f9;
}

.btn.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.btn.btn-warning:hover {
    background-color: #ffb957;
}

.btn.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}

.btn.btn-danger:hover {
    background-color: #f1645f;
}

.btn.btn-cart {
    color: #fff;
    background-color: #1f191a;
    border-color: #1f191a;
}

.btn.btn-cart:hover {
    background-color: #444;
}


/* ---------- tt-calendar-layout ---------- */

.tbl_calendar {
	width: 90% !important;
    border: none !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    margin-bottom: 20px;


}

.tbl_calendar caption {
    padding: 3px 0;
	
}

.tbl_calendar th {
    background-color: none;
}

.tbl_calendar th,
.tbl_calendar td {
    padding: 4px !important;
    text-align: center !important;
    border-bottom: 1px dotted #fff !important;
}

@media (min-width: 1000px) {
    .tbl_calendar th,
    .tbl_calendar td {
        padding: 6px !important;
    }
}


/* ---------- theme ---------- */


/* ---------- tt-item-layout ---------- */

.tt-item {
    margin-bottom: 20px;
}

.tt-item .item-image {
    margin-bottom: 10px;
}

.tt-item .item-title {
    font-size: 14px;
    font-weight: normal;
	 margin-bottom: 5px;
}


/* ---------- theme ---------- */


/* ---------- tt-menu-layout ---------- */

.tt-menu {
    margin: 0;
    list-style: none;
    /* menu-block */
	margin-bottom: 40px;
	
    /* menu-inline */
}

.tt-menu li a img {
    vertical-align: middle;
    margin-right: 5px;
    max-width: 32px;
    height: auto;
}

.tt-menu.menu-block li a {
    display: block;
    vertical-align: middle;
    padding: 8px 0;
    border-bottom: 1px dotted #dddddd;
}

.tt-menu.menu-inline>li {
    display: inline-block;
    padding: 0 5px;
}


/* ---------- theme ---------- */





/* ---------- theme ---------- */


/* ---------- tt-title-layout ---------- */

.tt-title {
    margin-bottom: 20px;
}

.tt-title .title {
    margin: 0;
}


/* ---------- tt-title-theme ---------- */



/* title-page */

.tt-title.title-page {
    padding: 0px 0 0 0;
    /* border-bottom: 1px solid #464e54; */
}


/* title-main */

.tt-title.title-main {
    padding: 0px 0 0 5px;
   /*  border-bottom: 1px solid #464e54; */
}


/* title-side */

.tt-title.title-side {
    padding: 0px 0px;
   /*  border-left: 5px solid #464e54; */
}


/* title-footer */

.tt-title.title-guide {
    margin-bottom: 0;
    color: #2d2d2d;
    background-color: none;
    padding: 10px;
}


/* ---------- tt-product-list-layout ---------- */

.tt-product-sort a {
    color: #aaa;
}

.tt-product-sort a:hover {
    color: #464e54;
}

.tt-pagination {
    text-align: center;
}

.tt-pagination>ul {
    list-style: none;
    margin-left: 0;
}

.tt-pagination>ul>li {
    display: inline-block;
}


/* ---------- theme ---------- */


/* ---------- tt-product-detail-layout ---------- */

.tt-product-detail .product-images .image-main {
    margin: 0px;
    padding: 5px;
}

.tt-product-detail .product-images .image-sub {
    margin: 0px;
    padding: 5px;
}

.tt-product-detail .product-sexp {
    margin-top: 20px;
}

.tt-product-detail .product-meta {
    margin-bottom: 0;
}

.tt-product-detail .table {
    border: 1px solid #eee;
}

.tt-product-detail .table th {
    background-color: #f5f5f5;
}

.tt-product-detail .table th,
.tt-product-detail .table td {
    border-top: 1px solid #eee;
}

.tt-product-detail .teika td {
    text-decoration: line-through;
}

.tt-product-detail .sales td {
    font-weight: bold;
}

.tt-product-detail .cart-area {
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.tt-product-detail .sns-area {
    margin-bottom: 20px;
}

.tt-product-detail .guide-link li a {
    display: inline-block;
    padding: 0px;
	font-size: 12px;
}

.item-price sell {
  font-weight: bold;
  }

/* ----------table ---------- */
 .exp-body table  {
    margin: 15px auto 20px auto;
    /*border-top: 1px solid #555;*/
    /*border-left: 1px solid #555;*/
    width: 100%;
    border-collapse: collapse;
    text-align: left;
	font-size: 12px;

}
.exp-body table th {
    padding: 8px;
    /*border-right: 1px solid #000;*/
    border-bottom: 1px solid #ccc;
    color: #555;
    background-color: #ededed;
    font-weight: normal;
}

.exp-body table th.bordernone {
    border-right: 0;
}
.exp-body table td {
    padding: 8px;
    /*border-right: 1px solid #555;*/
    border-bottom: 1px solid #ccc;
}
 .caption {
caption-side: left;
}


/* ----------border ---------- */
p.border {border-bottom:dotted 1px #ccc;}

/* ---------- theme ---------- */
@media (max-width: 768px){
.visible-phone {
display: none !important;
}
.hidden-phone {
display: inherit !important;
}
}
@media(max-width: 480px) {
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
}


.postage {
    padding: 60px;
}


/*------------input-txt---------------*/
.input-txt {
margin: 20px 0;
}