@charset "utf-8";
@media screen and (max-width: 768px) {
/* ================================================================= 
 *
 * tablet size
 *
 * ================================================================= */

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

		Layout Structure

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

.inner {
	margin: 0 auto;
	width: 100%;
}
#contents {
}
#col_main {
}
#contents_wrap, .footer {
	padding-left: 10px;
	padding-right: 10px;
}
.ColLeft, .ColRight, #logo, .info, .inner, .fNav, .f-logo {
	float: none;
	width: 100% !important;
}
.icon-animation {
	display: block;
}
.pcDisplay {
	display: none !Important;
}
.tbPd0 td {
	padding: 10px !important;
}
.sampleBtn a {
	background: url(../images/common/bg_btn_sp.png) 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;
}
.fNav {
	margin: 20px 0;
}
#pagetop {
	display: block !Important;
	opacity: 1 !Important;
	position: absolute !Important;
}
h1 {
	padding-left: 58px;
}
#logo, .info {
	text-align: center;
}
.address {
	margin-bottom: 5px;
}
.footer-img {
    background: url(../images/common/bg_footer.png) center bottom;
    height: 110px;
}
.home_subTitle  h3 {
	font-size: 20px;
}
.slider {
	margin-top: 30px;
}
.slider .inner {
	padding: 0px !important;
}
.homeTitle01 h2 {
	font-size: 22px;
}
/* ----------------------------------------------------------

		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 {
	text-align: left;
}
.spnone {
	display: none;
}
.inner {
	padding: 0 5px;
}
.blockInside01 {
	margin-right: 0px;
}
.spImgBlock img {
	display: block;
	margin-bottom: 10px;
	max-width: 100%;
	float: none !Important;
	margin: 10px auto !Important;
}
.img_txtTb td:nth-child(1) {
	text-align: center !Important;
	margin-bottom: 10px;
	padding-right: 0px !Important;
}
.taCenterSp {
	text-align: center !Important;
}
.spCenter {
	text-align: center !Important;
}
.pcDisplay {
	display: none;
}
.spDisplay {
	display: block;
}
.play-icon i {
	font-size: 18px;
}
.work_txt01 {
	font-size: 20px;
}
.workTb02  tr {
	display: inline !Important;
}
.workTb02  td {
	display: block !Important;
	float: left;
	width: 50% !important;
}
.workTb02  .sp0 {
	height: 0px !Important;
	padding: 0px !Important;
}
/* ----------------------------------------------------------

		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;
}