@charset "shift_jis";
@font-face {
	font-family:FontAwesome;
	font-style:normal;
	font-weight:400;
	src:url(https://www.119happy.com/ws/font/font-awesome-4.4.0/fonts/fontawesome-webfont.woff2?v=4.4.0) format("woff2");
	font-display:swap
}
@font-face {
	font-family:Font Awesome\ 5 Free;
	font-weight:400;
	src:url(https://use.fontawesome.com/releases/v5.0.13/webfonts/fa-regular-400.woff2) format("woff2");
	font-display:swap
}
#header, img {
	height:auto
}
.loading, .tt-h1 {
	text-align:center
}
#footer-info, #ham-menu, .set_88_wrap {
	box-sizing:border-box
}
.loading {
	position:fixed;
	z-index:11;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:hsla(0,0%,96%,.9)
}
.loading__img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:80%
}
#loading .tomylogo {
	vertical-align:middle;
	margin:10px
}
#loading .loadingText {
	font-size:3.5vw;
	font-weight:700
}
#loading .lodingimg {
	margin:auto;
	width:40%;
	max-width:150px
}
#container, #header, .headWrapp, .tt-h1, .tt-h2, table {
	width:100%
}
@-webkit-keyframes load3 {
0 {
-webkit-transform:rotate(0);
transform:rotate(0)
}
to {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}
@keyframes load3 {
0 {
-webkit-transform:rotate(0);
transform:rotate(0)
}
to {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}
.tt-h1, body, h1, h2, h3, h4 {
	color:#262626
}
.tt-h1, .tt-h2 {
	line-height:30px;
	margin-bottom:20px;
	clear:both
}
#ham-menu, #menu-background {
	height:100%;
	position:fixed
}
#cate-title, #news dl dt, #side-wrapper .tt, .cartItemNum, .freeDial span, .marquee p span, .tt-h1 {
	font-weight:700
}
body {
	font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;
	font-size:100%;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:column wrap;
	height:100%;
	position:relative;
	border-top-width:3px;
	border-top-style:solid;
	border-top-color:#ea0000;
	padding:0
}
fieldset {
	border:0
}
img {
	font-size:9pt;
	max-width:100%;
	width:auto;
	-ms-interpolation-mode:bicubic
}
#header {
	min-height:100%;
	margin:0 0 5px;
	min-width:280px
}
a:hover {
	color:#f30
}
a img:hover {
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75
}
ol, ul {
	list-style:none
}
#headerArea h1 {
	font-size:10px;
	flex-basis:100%;
	margin:0 5px;
	font-weight:400
}
.tt-h1 {
	background-repeat:no-repeat;
	border:3px solid #eeeeef;
	border-radius:10px;
	font-size:1.5em;
	padding:10px
}
.happy_midashi, .tt-h2 {
	text-align:left;
	color:#262626
}
.tt-h2 {
	border-left:5px solid #ea0000;
	flex-basis:100%;
	font-size:1.2em;
	padding:0 0 0 .5em
}
.happy_midashi {
	font-size:10px;
	padding:3px 10px 0;
	background-image:url(/ws/images_n/bg_gray.jpg);
	background-repeat:repeat;
	background-position:top;
	display:none
}
#headerArea {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:row wrap;
	align-items:center
}
#ham-menu:before, .freeDial {
	font-size:9pt;
	text-align:center
}
.headWrapp {
	display:block
}
#ham-menu {
	background-color:#eee;
	padding:10px;
	right:-250px;
	top:0;
	transition:transform .3s linear 0;
	width:250px;
	z-index:5;
	font-size:9pt
}
#ham-menu:before {
	background-color:#262626;
	border-radius:0 0 0 10px;
	color:#fff;
	content:"Menu";
	display:block;
	height:50px;
	line-height:50px;
	position:absolute;
	right:100%;
	top:20px;
	width:50px
}
.informationArea .btn-contact a:before, .informationArea .btn-guide a:before, .informationArea .btn-kaitoriList a:before, .informationArea .btn-payList a:before, .informationArea .btn-pointList a:before, .informationArea .btn-rentalList a:before, .informationArea .btn-shopInfor a:before {
	content:" "
}
#menu-background {
	background-color:#333;
	display:block;
	opacity:0;
	right:0;
	top:0;
	transition:all .3s linear 0;
	width:100%;
	z-index:-1
}
#ham-menu:hover {
	transform:translate(-250px)
}
#ham-menu:hover+#menu-background {
	opacity:.5;
	z-index:3
}
.serviceBox {
	display:block;
	margin:0 20px 10px
}
.serviceBox li a {
	background:#fff;
	display:block;
	margin:0 0 2px;
	padding:10px;
	color:#262626
}
.serviceBox li a:before {
	vertical-align:middle;
	margin:0 5px 0 0;
	display:inline-block;
	width:20px;
	height:20px
}
.serviceBox .btn-pointList a:before {
	background:url(/ws/images_n/icon/icon_p.png)no-repeat;
	background-size:contain
}
.serviceBox .btn-rentalList a:before {
	background:url(/ws/images_n/icon/icon_r.png)no-repeat;
	background-size:contain
}
.serviceBox .btn-payList a:before {
	background:url(/ws/images_n/icon/icon_sei.png)no-repeat;
	background-size:contain
}
.serviceBox .btn-kaitoriList a:before {
	background:url(/ws/images_n/icon/icon_kai.png)no-repeat;
	background-size:contain
}
.informationBox {
	display:block;
	margin:0 20px 10px
}
.informationArea ul {
	margin:20px auto;
	width:100%
}
.informationBox .btn-shopInfor a:before {
	background:url(/ws/images_n/icon/icon_shop.png)no-repeat;
	background-size:contain
}
.informationBox .btn-guide a:before {
	background:url(/ws/images_n/icon/icon_ques.png)no-repeat;
	background-size:contain
}
.informationBox .btn-contact a:before {
	background:url(/ws/images_n/icon/icon_mail.png)no-repeat;
	background-size:contain
}
.informationArea li a {
	background:#fff;
	display:block;
	margin:0 0 2px;
	padding:10px 5px
}
.informationArea li a:before {
	vertical-align:middle;
	margin:0 5px 0 0;
	display:inline-block;
	width:20px;
	height:20px
}
.informationArea .guide :before, .informationArea .shop :before {
	font-family:Font Awesome\ 5 Free;
	font-weight:900;
	font-size:18px;
	margin:0 7px 0 0;
	text-decoration:none
}
.informationArea .guide :before {
	content:'\f05a';
	color:red
}
.informationArea .shop :before {
	content:'\f54f';
	color:#262626
}
.footer-wrapper h2 span, .marquee p:after, .marquee_2 p:after, .overlay {
	content:""
}
.informationArea .btn-pointList a:before {
	background:url(/ws/images_n/icon/icon_p.png)no-repeat;
	background-size:contain
}
.informationArea .btn-rentalList a:before {
	background:url(/ws/images_n/icon/icon_r.png)no-repeat;
	background-size:contain
}
.informationArea .btn-payList a:before {
	background:url(/ws/images_n/icon/icon_sei.png)no-repeat;
	background-size:contain
}
.informationArea .btn-kaitoriList a:before {
	background:url(/ws/images_n/icon/icon_kai.png)no-repeat;
	background-size:contain
}
.informationArea .btn-shopInfor a:before {
	background:url(/ws/images_n/icon/icon_shop.png)no-repeat;
	background-size:contain
}
.informationArea .btn-guide a:before {
	background:url(/ws/images_n/icon/icon_ques.png)no-repeat;
	background-size:contain
}
.informationArea .btn-contact a:before {
	background:url(/ws/images_n/icon/icon_mail.png)no-repeat;
	background-size:contain
}
.freeDial a {
	color:#262626
}
.freeDial img {
	padding:0 5px 0 0;
	width:30px
}
.guestName, .marquee {
	width:100%
}
.freeDial span {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	font-size:2em;
	line-height:1em
}
.freeDial p {
	font-size:10px
}
.marquee {
	padding:.5em 0;
	background-color:#f7f7f7;
	margin-bottom:10px;
	display:none;
	font-size:9pt
}
.marquee, .marquee_2 {
	color:#333;
	overflow:hidden;
	position:relative
}
.marquee p:after, .marquee_2 p:after {
	padding-right:50px
}
.marquee p, .marquee_2 p {
	display:inline-block;
	margin:0;
	white-space:nowrap
}
.guestArea, .guestName {
	margin:5px;
	text-align:right
}
.marquee p:after {
	white-space:nowrap
}
.marquee p {
	animation-duration:70s;
	animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	padding-left:807px
}
.marquees {
	position:absolute;
	bottom:20px;
	color:#fff;
	font-size:9pt;
	margin:auto;
	left:0;
	right:0;
	text-align:left;
	width:70%
}
#page-top, .pageTop_mobile, .sideSearchTop_mobile {
	bottom:10px;
	position:fixed
}
.marqueee a {
	text-decoration:none;
	color:#666
}
.marqueee a:hover {
	color:#ccc;
	text-decoration:underline
}
.loginArea a, .searchBox a {
	text-decoration:none
}
.guestArea {
	font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif
}
.btn_member-wrapper {
	flex-basis:33%
}
.logoWrap {
	margin:5px auto;
	padding:5px;
	height:40px
}
.logoWrap p {
	font-size:10px;
	text-align:left
}
.logoWrap img {
	width:90pt
}
.smp {
	display:block;
	margin:auto
}
.pc, .service_img {
	display:none
}
.header_cate_search_member {
	display:flex;
	flex-flow:row wrap;
	padding:5px;
	flex-basis:100%;
	background:#f9f9f9;
	background:-moz-linear-gradient(top, #f9f9f9 0, #f6f6f6 47%, #ededed 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 0, #f6f6f6 47%, #ededed 100%);
	background:linear-gradient(to bottom, #f9f9f9 0, #f6f6f6 47%, #ededed 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ededed', GradientType=0);
	border-bottom:1px solid #ccc
}
.mobile-button {
	padding:10px 5px!important
}
.loginArea {
	order:0
}
.cate-serach_wrapper {
	display:none;
	font-size:9pt;
	min-width:140px;
	order:1
}
.searchWrap.advance {
	order:2
}
.header_campaign_bnr_area {
	order:4
}
.loginArea {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	padding:0;
	font-size:9pt;
	margin:0 0 5px;
	flex-basis:100%;
	align-items:center
}
.loginArea .button {
	border:0;
	color:#fff;
	font-size:13px;
	margin:auto;
	width:99%;
	text-align:center
}
.loginArea .button a {
	color:#fff;
	display:block;
	padding:5px;
	background:#dc143c
}
.loginArea .button a:before {
	font-family:FontAwesome;
	content:"\f0da";
	padding:0 5px 0 0
}
.loginArea .btn_member {
	display:inline-block;
	background:#eee
}
.loginArea .guestWrap {
	padding:2px 2em 2px 2px
}
.loginArea .login a, .loginArea .logout a {
	padding:7px 5px;
	display:block;
	color:#fff
}
.loginArea .login a {
	background-color:#aeacac
}
.loginArea .mypage a, .loginArea .newMember a {
	background-color:#f60;
	padding:7px 5px;
	color:#fff;
	display:block
}
.loginArea .login, .loginArea .logout, .loginArea .mypage, .loginArea .newMember {
	color:#fff
}
.loginArea .logout a {
	background-color:#8f8e8e
}
.loginArea .btn_cart {
	color:#fff;
	display:none
}
.loginArea .btn_cart a {
	background-color:#8dc21f;
	padding:5px;
	color:#fff;
	display:block
}
.loginArea .orderNum {
	background:#fff;
	padding:2px 10px;
	border-radius:5px;
	display:inline-block;
	text-align:right;
	color:#8dc21f;
	margin:0 5px
}
.loginArea .orderNum.active {
	font-weight:700;
	font-size:1.3rem;
	background:red;
	color:#fff;
	border:2px solid #fff
}
.searchWrap.advance form {
	display:flex;
	flex-flow:row wrap
}
.searchWrap.advance {
	flex:1;
	flex-basis:auto;
	position:relative;
	margin:0 0 10px
}
.searchWrap.advance input {
	border-radius:30px;
	padding:0 10px;
	border:1px solid #ccc;
	width:70%;
	font-size:9pt;
	height:39px
}
.searchWrap .nomalSearch {
	width:20%;
	margin:auto
}
.searchWrap .nomalSearch a {
	text-decoration:none;
	background-color:#d23716;
	padding:10px 1em;
	color:#fff;
	font-size:9pt;
	display:block;
	text-align:center;
	border-radius:20px
}
.searchWrap .nomalSearch a:hover {
	background-color:#666;
	color:#fff
}
.searchWrap.advance .adovanceSearch {
	display:none
}
.adovanceSearch{
	display:none
}
.cartCheck {
	width:33%;
	float:left
}
.cartItemNum {
	background:#fff;
	border-radius:5px;
	color:#6a9217;
	display:inline-block;
	margin:0 3px 0 0;
	padding:0 3px;
	width:43%
}
.cart a {
	font-size:13px;
	padding:5px;
	background:#8dc21f;
	color:#fff;
	display:block;
	width:100%;
	text-align:center
}
.header-nav_wrapper {
	flex-basis:80%
}
.header-nav_wrapper .header-nav {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	margin:10px
}
.header-nav_wrapper .header-nav li {
	flex-basis:32%
}
.header-nav_wrapper .header-nav li a {
	font-size:70%;
	display:block;
	border:1px solid #ccc;
	border-radius:5px;
	padding:3px;
	text-align:center;
	background:#fff;
	color:#262626
}
.header-nav .h_contact a:before, .header-nav .h_guide a:before, .header-nav .h_shopinfo a:before {
	padding:0 5px 0 0;
	display:block;
	font-family:FontAwesome
}
.header-nav_wrapper .header-nav li a:hover {
	color:#fff;
	background-color:#333
}
.header-nav .h_shopinfo a:before {
	content:"\f041"
}
.header-nav .h_guide a:before {
	content:"\f05a"
}
.header-nav .h_contact a:before {
	content:"\f003"
}
.header-nav_wrapper .header-info {
	overflow:hidden;
	text-align:center
}
.header-nav_wrapper .header-info li {
	margin:0
}
.header-nav_wrapper .header-info .telNum {
	font-size:20px;
	margin:0 10px 0 0;
	line-height:1em
}
.header-nav_wrapper .header-info .open {
	font-size:9pt
}
.searchBox {
	overflow:hidden;
	background-color:#dc143c;
	padding:5px
}
.searchBox dl {
	padding:0 10px;
	overflow:hidden
}
.searchBox dt {
	float:left;
	width:74%
}
.searchBox dt .keyword {
	width:100%;
	border-radius:20px 0 0 20px;
	padding:5px 0 5px 1em;
	border:0
}
.searchBox dd {
	width:25%;
	float:right;
	text-align:center
}
.searchBox dd a {
	display:block;
	color:#dc143c;
	background:#fff;
	border-radius:0 20px 20px 0;
	padding:5px 0
}
.kensakuDetail, .search-keywords {
	display:none
}
.searchBox dd a:hover {
	color:#fff;
	background-color:#bf1134
}
.searchBox span a:before {
	font-family:FontAwesome;
	content:"\f002 ";
	padding:0 5px 0 0
}
.searchBox.advance dl {
	font-size:9pt;
	padding:0
}
.searchBox.advance dt {
	float:left;
	width:74%
}
#headArea .cate-serach_wrapper {
	width:100%;
	margin:10px 0;
	padding:10px 0;
	background:#eee
}
.menu-button {
	position:relative;
	display:block;
	padding:10px;
	background:#666;
	color:#fff;
	cursor:pointer;
	margin:0
}
.menu-button:before {
	font-family:FontAwesome;
	content:"\f03a  ";
	padding:0 5px 0 0
}
.menu-button.one-page {
	position:fixed;
	top:0;
	right:5%;
	padding-right:45px
}
.menu-button .touch-button {
	background:0;
	position:absolute;
	z-index:3;
	top:0;
	right:0;
	width:50px;
	height:100%;
	display:inline-block;
	text-align:center
}
.menu-button.active .touch-button.active {
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg)
}
.menu-button .touch-button .navicon {
	color:#fff;
	font-size:1pc;
	position:relative;
	top:20%;
	font-style:normal
}
.flexnav li a {
	padding-left:1em
}
.flexnav .touch-button .navicon {
	font-style:normal
}
#flexcontainer {
	display:flex;
	flex-flow:row wrap;
	margin:20px auto 40px;
	width:100%;
	height:auto
}
#contentsArea, #main-container, #main-container form, #root {
	width:100%
}
#flexcontainer #title {
	display:none
}
#root {
	margin:0 0 20px;
	font-size:9pt
}
#root a, #root a:hover {
	color:red
}
#root .activePan a {
	color:#262626
}
#main-container {
	padding:10px;
	margin:0;
	clear:both;
	display:flex;
	flex-flow:row wrap;
	align-content:flex-start
}
#side-wrapper .cate-serach_wrapper, #side-wrapper .sub_side, .static #side-wrapper {
	display:none
}
.cmdty_kabu_text, .pageText {
	color:#666;
	margin-bottom:20px
}
.pageText {
	font-size:9pt;
	padding:5px;
	text-align:left
}
.cmdty_kabu_text {
	border:1px solid #999;
	clear:both;
	font-size:11px;
	line-height:140%;
	margin-top:21px;
	padding:8px
}
#cate-title {
	font-size:24px;
	margin:0 0 20px;
	color:#262626
}
.img_kihon {
	text-align:center
}
#side-wrapper {
	flex-basis:100%;
	width:100%;
	padding:5px;
	position:relative;
	z-index:4;
	align-self:start;
	clear:both
}
.sideBox.campaignBnr {
	width:70%;
	text-align:center;
	margin:0 auto 10px
}
#side-wrapper .tt {
	background-repeat:no-repeat;
	clear:both;
	font-size:1.2em;
	line-height:30px;
	padding-left:13px;
	text-align:left;
	border-left-width:5px;
	border-left-style:solid;
	border-left-color:red;
	margin-bottom:20px
}
#navHistory .more, .copyrights, .footer-info-wrapper, .footer-wrapper, .footerSub li, .kobutu, .pageTop_mobile, .sideBox .guide li a, .side_bana {
	text-align:center
}
.sideBox {
	margin-bottom:40px
}
.sideBox .guide li {
	padding:0;
	border-bottom:1px solid #ccc
}
.sideBox .guide li a {
	display:block;
	color:#626262;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	background:#eee;
	background:-moz-linear-gradient(top, #eee 0, #eee 100%);
	background:-webkit-linear-gradient(top, #eee 0, #eee 100%);
	background:linear-gradient(to bottom, #eee 0, #eee 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=0)
}
.sideBox .guide li a:hover {
	text-decoration:underline;
	color:#262626
}
.newsindex {
	display:none
}
#news .news dl {
	margin:0 auto 20px;
	background:#eee;
	padding:10px;
	font-size:1pc
}
.newsarea-wrapp {
	border:1px solid #eee;
	height:10pc;
	overflow:auto;
	padding:4px 10px
}
#news dl dt {
	font-size:14px;
	line-height:1.5em;
	margin:0
}
#news dl dd {
	font-size:9pt;
	margin-bottom:5px
}
.newsarea-wrapp dd span {
	border-bottom:1px solid #ccc;
	display:block;
	font-size:14px;
	font-weight:700
}
.newsarea-wrapp h3 {
	border-bottom:1px solid #999;
	font-size:14px;
	margin:10px auto 5px;
	color:#4d4d4d;
	font-weight:400
}
.newsarea-wrapp h3 span {
	display:inline-block;
	padding:0 1em 0 0
}
.newsarea-wrapp p {
	font-size:9pt;
	line-height:124%;
	margin-bottom:10px
}
.newsarea-wrapp p a {
	color:#06f
}
.aboutBox {
	margin-bottom:20px;
	overflow:hidden
}
.aboutBox img {
	float:left;
	margin:0 10px 0 0;
	width:30%
}
.aboutBox .title, .aboutBox p {
	float:left;
	font-size:9pt;
	width:65%
}
.aboutBox .title {
	display:block;
	font-weight:700
}
.aboutBox a {
	text-decoration:none;
	color:#333
}
.aboutBox a:hover {
	color:red
}
.kobutu {
	font-size:.7em;
	margin:auto
}
.kobutu ul li:nth-child(n + 3){
	display:none;
}
#navHistory {
	margin:0 0 40px
}
#navHistory li {
	margin:0 auto 5px;
	background:#eee;
	padding:5px;
	overflow:hidden;
	display:table;
	vertical-align:middle;
	width:100%
}
#navHistory li .pic, #navHistory li .txt {
	display:table-cell;
	background:#fff;
	vertical-align:middle
}
#navHistory li .txt {
	line-height:1em;
	width:55%;
	padding:5px
}
#navHistory li .txt p {
	font-size:9pt;
	word-break:break-all
}
#navHistory li .txt p a {
	color:#f30
}
#navHistory li .pic {
	width:40%;
	max-width:75pt;
	padding:2% 1%
}
#navHistory .more {
	padding:5px;
	background:#ddd;
	display:block;
	width:50%;
	margin:auto 0 0 auto;
	border-radius:5px
}
#footer {
	margin:40px 0 0
}
.sideSearchTop_mobile {
	font-size:9pt;
	font-weight:700;
	z-index:9;
	text-align:center;
	width:100%
}
#haisou, #page-top, .pageTop_mobile {
	right:10px;
	font-size:77%;
	z-index:11
}
.sideSearchTop_mobile a {
	display:block;
	padding:9pt 5px;
	color:#fff;
	background-color:#999;
	line-height:1em;
	border-radius:10px;
	border:2px solid #fff;
	text-decoration:none;
	vertical-align:sub;
	width:30%;
	margin:auto
}
.pageTop_mobile {
	display:none
}
#haisou a, #page-top a, .pageTop_mobile a {
	background:#666;
	color:#fff;
	width:110px;
	padding:10px 0;
	display:block;
	border-radius:5px;
	text-decoration:none;
	text-align:center
}
#chat, #haisou, #page-top, .pageTop {
	display:none
}
#haisou {
	position:fixed;
	bottom:60px
}
.footer-wrapper {
	clear:both;
	padding:0;
	background-color:#efefef;
	flex-direction:column;
	justify-content:space-around;
	margin:0 0 0 auto;
	display:none
}
#footer-info {
	position:static;
	display:block;
	bottom:0;
	width:auto
}
.footer-iconArea {
	display:none
}
.footer-iconArea ul li {
	display:inline-block
}
.footer-bnr_campaign {
	margin:20px 0
}
.footer-btn_contact {
	width:80%;
	margin:0 auto 40px
}
.footer-wrapper h2 span {
	display:inline-block;
	width:0;
	height:0;
	border:5px solid transparent;
	border-left:5px solid red;
	margin:0 5px 0 0
}
.footer-wrapper h2 .rotate {
	transform:rotate(90deg)
}
#footerarea1, #footerarea2, #footerarea2 .footerAreaChild, #footerarea3, #footerarea4 {
	border-bottom:1px solid #999
}
.footer-wrapper .footerAreaChild {
	display:none
}
.footer-wrapper .footerAreaChild li {
	border-top:1px solid #ccc;
	padding:0 0 0 1em
}
.footer-wrapper .footerAreaChild li a {
	position:relative;
	display:inline-block;
	padding:4px 0 0 2em;
	color:#000;
	vertical-align:middle;
	text-decoration:none;
	font-size:15px;
	width:100%;
	line-height:3em
}
.footer-wrapper .footerAreaChild li a:after, .footer-wrapper .footerAreaChild li a:before {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	content:"";
	vertical-align:middle
}
.footer-wrapper .footerAreaChild li a:before {
	left:1em;
	box-sizing:border-box;
	width:4px;
	height:4px;
	border:4px solid transparent;
	border-left:4px solid #7a0
}
.footer-wrapper .footerAreaChild.shopwrap li a:before {
	display:none
}
.footer-wrapper .footerAreaChild.shopwrap li a {
	position:relative;
	display:inline-block;
	padding:4px 0;
	color:#000;
	vertical-align:middle;
	text-decoration:none;
	font-size:15px;
	width:100%;
	line-height:1em
}
.footer-wrapper ul li h2 {
	font-size:1pc;
	margin:0;
	padding:20px;
	text-align:center
}
.footerBottom {
	font-size:10px;
	background:#454545;
	color:#fff;
	padding:4px 0;
	height:auto
}
.footerSub ul {
	display:table;
	margin:0;
	table-layout:fixed;
	width:100%;
	background:#454545
}
.footerSub li {
	border-left:1px solid #ccc;
	border-right:medium 0 0;
	display:table-cell;
	float:none;
	font-size:11px;
	height:30px;
	line-height:15px;
	padding:3px;
	vertical-align:middle;
	color:#fff
}
.footerSub li:first-child {
	border:0
}
.footerSub li a {
	display:block;
	color:#fff
}
.copyrights {
	font-size:10px;
	background:#454545;
	color:#fff;
	padding:0 0 250px
}
.footerTextlogo {
	text-align:center;
	margin:10px auto
}
.footerTextlogo a {
	color:#fff;
	font-size:1pc;
	text-decoration:none;
	background:#f81919;
	border-radius:30px;
	padding:5px 10px;
	font-weight:700
}
.set_88_wrap {
	background-image:url(/ws/images/topbnr/newyear2018_88set_bnr_back-img.png);
	background-size:cover;
	border:2px solid #d19001;
	padding:1pc 4px 8px
}
.set_88_wrap ul {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	width:96%;
	margin:4px auto 0;
	text-align:center
}
.set_88_wrap ul li {
	flex:1 1 100%
}
#sale2018_01 {
	order:0
}
#top_set88 {
	order:1
}
.main_topBnr, .sinsyun_topBnrWrap .main_topBnr {
	text-align:center
}
.main_topBnr {
	margin:0 auto 40px
}
.main_topBnrBox {
	margin:0 auto 20px;
	text-align:center
}
.main_topBnrBox p {
	font-size:9pt;
	color:#333
}
.main_topBnrBox p span {
	color:#fff;
	display:inline-block;
	background-color:#d90000;
	padding:2px 5px;
	margin:0 10px 0 0
}
#modal-content {
	width:50%;
	margin:1.5em auto 0;
	padding:10px 20px;
	border:2px solid #aaa;
	background:#fff;
	z-index:7;
	display:none;
	position:absolute
}
.modal-p {
	margin-top:1em
}
.modal-p:first-child {
	margin-top:0
}
.button-link {
	color:#00f;
	text-decoration:underline
}
.button-link:hover {
	cursor:pointer;
	color:red
}
#modal-overlay {
	z-index:6;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,.75)
}
#modal-content ul {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:row wrap
}
#modal-content ul li {
	flex-basis:49%;
	margin:0 auto;
	text-align:center
}
#modal-content img {
	width:300px;
	height:auto
}
.header_campaign_bnr_area {
	flex-basis:100%
}
.header_campaign_bnr_area a {
	background-color:#fff;
	display:block;
	text-align:center;
	line-height:0
}
.header_campaign_bnr_area.camp0708 a {
	background-color:#f5d91d
}
.header_campaign_bnr_area.camp08 a {
	background-color:#005b2f
}
.header_campaign_bnr_area.camp202005 a {
	background-color:#fff229
}
.header_campaign_bnr_area.camp0809 a {
	background-color:#b61006
}
.header_campaign_bnr_area.camp0910 a {
	background-color:#007efe
}
.header_campaign_bnr_area.camp1011 a {
	background-color:#f60
}
.header_campaign_bnr_area.camp12 a {
	/* background-image: url(/ws/images_n/campaign/bnr/bg_red_patern.png); */
	background-repeat: repeat;
	background-color: #e60012;
}
.header_campaign_bnr_area.camp1 a {
	background-image:url(/ws/images_n/campaign/bnr/bg_gold_88set.jpg);
	background-repeat:repeat
}
.header_campaign_bnr_area.camp12_2 a {
	background-image:url(/ws/images_n/campaign/point/bg_small_snow_tile.png);
	background-repeat:repeat;
	background-color:#007562
}
.header_campaign_bnr_area.camp2020_newyear_outlet a {
	background-image:url(/ws/images_n/campaign/outlet/bg_header_2020_newyear_outlet.png);
	background-repeat:repeat;
	background-color:#f9ebc9
}
.header_campaign_bnr_area.camp2020_freeaddressdesk a {
	background-color:#ffff91
}
.header_campaign_bnr_area.camp20200910_yuka_cp a {
	background-color:#8fc31f
}
.header_campaign_bnr_area.camp20201011_fukugouki_cp a {
	background-color:#d20010
}
.header_campaign_bnr_area.camp202101 a {
	background-color:#831a1f;
}
.header_campaign_bnr_area.camp1228 a {
	background-color:#ffe1ee;
}
.topBnrWrap {
	margin-bottom:60px
}
.topBnrWrap .smp {
	text-align:center;
	margin:auto
}
.bnr_twocolumn {
	margin-bottom:8px
}
.header_campaign_bnr_area.camp06 a {
	background-color:#00c5ce
}
.header_campaign_bnr_area.camp07 a {
	background-color:#fff6e0
}
.sslWrap {
	padding:20px;
	text-align:center;
	margin:20px auto;
	font-size:9pt
}
.sslWrap p {
	text-align:left
}
.overlay {
	display:block;
	width:0;
	height:0;
	background-color:rgba(0,0,0,.5);
	position:absolute;
	top:0;
	left:0;
	z-index:11;
	opacity:0;
	transition:opacity .5s
}
.overlay.open {
	width:100%;
	height:100%;
	opacity:1
}
.menu-trigger {
	font-size:13px;
	padding:10px 0 3px;
	background:#666;
	color:#fff;
	display:block;
	width:100%;
	text-align:center;
	z-index:12
}
.menu-trigger.active {
	transform:translateX(10%);
	right:85%;
	z-index:13;
	background:#eee;
	color:#666
}
.menu-trigger span {
	display:block;
	font-size:9px
}
.nav {
	width:83%;
	height:100%;
	background-color:#d2cfbc;
	position:fixed;
	top:0;
	right:0;
	z-index:12;
	transform:translate(100%);
	transition:all .5s;
	overflow:auto;
	padding:10px;
	-webkit-overflow-scrolling:touch
}
.nav.open {
	transform:translateZ(0)
}
.nav .tt {
	background-repeat:no-repeat;
	clear:both;
	font-size:1.2em;
	line-height:30px;
	padding-left:13px;
	text-align:left;
	border-left-width:5px;
	border-left-style:solid;
	border-left-color:red;
	margin-bottom:20px
}
.headerLink {
	background-color:#eee
}
.headerLink a {
	color:#262626;
	text-decoration:none
}
.linkwrap {
	position:absolute;
	width:45px;
	text-align:center;
	top:17px;
	line-height:1.2
}
.linkwrap span {
	display:block;
	font-size:8px
}
.linkwrap.favorite {
	right:97px
}
.linkwrap.shop {
	right:51px
}
.linkwrap.cart {
	right:5px
}
.menu-trigger {
	left:8px;
	position:fixed;
	top:20px;
	cursor:pointer
}
.linkwrap .fas {
	font-size:large;
	line-height:1.2;
	cursor:pointer
}
.linkwrap.cart a, .linkwrap.favorite a, .linkwrap.shop a {
	font-size:13px;
	padding:10px 0 3px;
	color:#fff;
	display:block;
	width:100%;
	text-align:center
}
.linkwrap.favorite a, .linkwrap.shop a {
	background:#666
}
.linkwrap.cart a {
	background:#8dc21f
}
.linkwrap.car .btn_cart {
	position:relative
}
.linkwrap.cart .orderNum {
	position:absolute;
	top:-5px;
	right:0;
	background:red;
	padding:1px 5px
}
.nav .freeDial {
	margin:20px auto;
	width:100%
}
.accordion2 {
	text-align:center;
	text-decoration:none;
	margin:10px auto 40px
}
.accordion2 .inner {
	display:none
}
.accordion2 p {
	cursor:pointer;
	padding:0;
	text-align:left;
	color:#262626;
	background:#fff;
	font-size:14px;
	border-bottom:1px solid #eee;
	line-height:3
}
.accordion2 p a {
	padding:0 0 0 20px;
	display:inline-block;
	width:auto;
	position:relative
}
.accordion2 p.active:after, .accordion2 p:after, .accordion2 p:before {
	font-family:FontAwesome;
	padding:0;
	position:absolute;
	line-height:3
}
.accordion2 p:before {
	content:"\f105";
	left:20px
}
.accordion2 p span {
	right:10px;
	display:inline-block;
	background:#e9e9e9;
	width:3pc;
	text-align:center;
	color:#7e7e7e;
	position:absolute
}
.accordion2 p.active span {
	right:10px
}
.accordion2 li ul li {
	padding:20px 0;
	background:#eee;
	border-bottom:1px solid #ddd
}
.accordion2 li ul li a {
	color:#262626;
	display:block;
	text-decoration:none
}
.accordion2 li ul li a:hover {
	text-decoration:underline
}
.nav .informationArea ul {
	margin:20px auto;
	width:100%;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between
}
.nav .informationArea li {
	flex-basis:48%;
	font-size:9pt
}
.nav .contactBtn {
	text-align:center
}
.nav .contactBtn a {
	padding:20px;
	background-color:#ef3333;
	display:block;
	color:#fff;
	border-radius:30px;
	text-decoration:none
}
.nav .newsarea-wrapp {
	border:1px solid #eee;
	height:200px;
	overflow:auto;
	padding:4px 10px;
	background:#fff
}
.informationArea {
	display:none
}
.nav .informationArea {
	display:inherit
}
.nav .sideBox .guide li a {
	display:block;
	color:#626262;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	background:#fff
}
.nav .aboutBox {
	margin-bottom:10px;
	overflow:hidden;
	padding:5px;
	background-color:#fff
}
.subNavi {
	display:none
}
@media screen and (min-width:768px) {
.search-keywords .title:after, .search_cate li .active:before {
	font-family:FontAwesome;
	content:"\f0da"
}
.main_topBnrBox {
	flex-basis:47%;
	margin:0 auto 20px
}
.main_topBnrBox p {
	font-size:9pt;
	color:#333
}
.logo p, .tt-h2 {
	font-weight:700
}
body {
	margin:0;
	padding:0
}
#headArea {
	justify-content:flex-start
}
.headWrapp {
	align-items:flex-start;
	display:flex;
	flex-flow:row wrap;
	width:100%
}
.freeDial, .logoWrap img {
	width:auto
}
.logoWrap p {
	font-size:10px
}
.service_img, .smp {
	display:none
}
#ham-menu, .marquee, .pc {
	display:block
}
#ham-menu:before {
	display:none
}
#ham-menu:hover {
	transform:none
}
#ham-menu {
	position:static;
	background:0;
	padding:0;
	margin:0 auto 10px;
	flex:1;
	text-align:right
}
.informationArea {
	flex-flow:row wrap;
	align-items:center;
	justify-content:flex-end;
	padding:0 10px 0 0;
	margin:0 0 0 auto
}
.informationArea ul.secondwrap {
	margin:0;
	width:auto
}
.informationArea li {
	display:inline-block;
	font-size:10px
}
.freeDial {
	font-size:9pt;
	text-align:center;
	display:inline-block;
	margin:0 0 0 10px
}
.freeDial p {
	font-size:9px
}
.freeDial img {
	padding:0 5px 0 0;
	width:36px
}
.loginArea {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	padding:0;
	font-size:9pt;
	margin:5px;
	flex-basis:1;
	align-items:center
}
.header_cate_search_member {
	display:flex;
	flex-flow:row wrap;
	padding:1px;
	position:relative;
	clear:both;
	margin:0 auto;
	align-items:center
}
.cate-serach_wrapper {
	flex:0;
	position:relative;
	display:block;
	font-size:9pt;
	min-width:200px
}
.searchWrap.advance {
	flex-basis:70%;
	position:relative;
	margin:5px
}
.searchWrap.advance .adovanceSearch {
	display:none
}
.searchWrap .adovanceSearch, .searchWrap .nomalSearch {
	padding:0;
	text-align:center;
	flex-basis:13%;
	margin:0 2px
}
.searchWrap .adovanceSearch {
	right:1px
}
.searchWrap.advance input {
	width:70%;
	margin:0 0 0 10px
}
.searchWrap .nomalSearch a {
	background-color:#d23716;
	padding:10px 5px;
	color:#fff
}
.searchWrap .adovanceSearch a, .searchWrap .nomalSearch a {
	text-decoration:none;
	font-size:9pt;
	height:39px;
	display:block
}
.searchWrap .adovanceSearch a {
	background-color:#a8a8a8;
	padding:10px 5px;
	color:#262626;
	border-radius:20px
}
.searchWrap .adovanceSearch a:hover {
	background-color:#666;
	color:#fff
}
.guestArea {
	flex-basis:100%;
	text-align:right
}
.header-nav_wrapper .header-info, .searchBox dd {
	text-align:center;
	float:right
}
.header-nav_wrapper {
	width:80%;
	float:right
}
.cart a, .search-keywords ul {
	width:100%
}
#headArea .cate-serach_wrapper {
	flex-basis:23%;
	min-width:170px;
	margin:0;
	padding:0;
	background:#666;
	position:relative
}
.search-keywords {
	display:block;
	flex-basis:auto;
	font-size:9pt;
	margin:10px auto 0;
	padding:0;
	width:100%;
	overflow:hidden;
	text-align:center;
	order:4
}
.search-keywords .title {
	float:left;
	font-weight:700;
	margin:0 1em;
	display:none
}
.search-keywords .title:after {
	padding:0 0 0 5px
}
.search-keywords li {
	display:inline-block;
	margin:0 auto 10px
}
.search-keywords li a {
	display:inline-block;
	color:#262626;
	margin:0 1px;
	padding:5px;
	border-radius:5px;
	background:#fff;
	text-decoration:none
}
.search-keywords li a:hover {
	background:#999;
	border:0;
	color:#fff
}
.cart a, .loginArea .button a {
	color:#fff;
	height:45px;
	padding:5px
}
.loginArea .btn_member-wrapper {
	display:inline-block;
	float:none
}
#side-wrapper, .cart a, .searchBox span, .static #side-wrapper {
	display:block
}
.loginArea .button a {
	background:#dc143c;
	display:block
}
.cart a {
	background:#8dc21f;
	font-size:13px;
	text-align:center
}
#side-wrapper .guide a:hover, .tt-h2 {
	color:#262626
}
.searchBox {
	margin:0;
	flex-basis:auto;
	width:34%
}
.searchBox dl {
	padding:0
}
.searchBox dt {
	float:left;
	width:70%
}
.searchBox dd {
	width:29%
}
.searchBox span {
	float:right;
	width:100%
}
.searchBox .syousai {
	display:none
}
.searchBox span a {
	font-size:100%;
	padding:5px 0
}
.searchBox.advance {
	line-height:1.5em;
	height:45px;
	padding:0 5px
}
.searchBox.advance dt .keyword {
	height:34px
}
.searchBox.advance .kensaku {
	width:20%
}
.searchBox.advance dt {
	float:left;
	width:48%;
	padding:5px 0 5px 5px
}
.searchBox.advance .kensaku {
	padding:5px 0
}
.searchBox.advance .kensakuDetail {
	display:inherit;
	width:30%;
	padding:5px;
	margin:0 0 0 3px;
	border-left:1px solid #fff
}
.searchBox.advance .kensakuDetail a {
	border-radius:5px;
	background:#dc143c;
	display:block;
	color:#fff;
	padding:5px 0
}
.searchBox span a:before {
	padding:0 2px 0 0
}
.header-nav_wrapper .header-info .telNum {
	float:none;
	font-size:2em;
	line-height:1em
}
.header-nav_wrapper .header-info .open {
	float:none
}
.aboutBox .title, .aboutBox img, .aboutBox p {
	float:left;
	width:100%
}
.nav .aboutBox .title, .nav .aboutBox img, .nav .aboutBox p {
	float:left;
	width:30%
}
.nav .aboutBox .title, .nav .aboutBox p {
	font-size:9pt;
	width:65%
}
#flexcontainer {
	flex-flow:row wrap;
	margin:20px auto 0
}
#root {
	font-size:9pt;
	flex-basis:100%;
	width:100%;
	height:30px
}
#main-container {
	width:70%;
	order:3;
	margin:0 10px 0 auto;
	padding:0;
	display:flex
}
.tt-h2 {
	background-repeat:no-repeat;
	clear:both;
	font-size:18px;
	line-height:2em;
	text-align:left;
	margin-bottom:20px
}
#side-wrapper {
	flex-basis:20%;
	width:20%;
	order:2;
	min-width:210px
}
#side-wrapper .sub_side {
	display:inherit
}
#side-wrapper .cate-serach_wrapper {
	margin:0 0 20px
}
#side-wrapper .tt {
	font-size:.8em;
	line-height:2
}
#side-wrapper p {
	font-size:.7em
}
.sideBox .guide li a {
	background:0;
	display:block;
	font-size:90%;
	padding-bottom:5px;
	padding-left:0;
	padding-top:5px;
	text-align:left;
	width:100%
}
#footer, .pageTop {
	text-align:center
}
.newsarea-wrapp {
	height:75pt
}
.newsarea-wrapp .newBox {
	border-bottom:1px dotted;
	margin:0 auto 20px
}
.newsarea-wrapp .newBox img {
	display:none
}
.newsarea-wrapp h3 {
	border-bottom:1px solid #999;
	font-size:14px;
	margin:10px auto 5px;
	color:#4d4d4d;
	font-weight:400
}
#chat .freeDial, .aboutBox .title {
	font-weight:700
}
.aboutBox .title, .aboutBox p, .marquees, .newsarea-wrapp p, .pageTop a {
	font-size:9pt
}
.newsarea-wrapp h3 span {
	display:block;
	font-size:9pt
}
.newsarea-wrapp p {
	line-height:124%;
	margin-bottom:10px
}
.marquees {
	position:absolute;
	bottom:77px;
	color:#fff;
	margin:auto;
	left:0;
	right:0;
	text-align:left;
	width:70%
}
.pageTop {
	float:right
}
.pageTop a {
	display:inline-block;
	border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	background-color:#dc143c;
	padding:10px;
	color:#fff
}
#footer {
	max-width:95%;
	min-width:748px;
	width:100%;
	margin:0 auto
}
#footer-info {
	bottom:24px;
	overflow:hidden;
	padding:5px 0;
	position:static;
	width:100%;
	z-index:8
}
.footer-info-wrapper {
	margin:auto;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	align-items:center;
	justify-content:space-around
}
.footer-iconArea {
	display:block
}
.footer-iconArea ul li, .footerSub li, .footerSub ul {
	display:inline-block
}
.footer-bnr_campaign {
	margin:0
}
.footer-btn_contact {
	flex-basis:20%;
	margin:0;
	width:20%
}
.footer-wrapper ul li h2 {
	border-bottom:1px dotted;
	font-size:1pc;
	margin:5px 0 0;
	padding:0;
	text-align:left
}
#haisou, #page-top {
	right:10px;
	font-size:77%;
	position:fixed
}
#chat, .footerSub, .footer_logo {
	text-align:center
}
.footerSub {
	float:none;
	margin:auto
}
.footerSub ul {
	width:auto
}
.footerSub li:first-child {
	border-left:1px solid #ccc
}
.copyrights {
	float:none;
	padding:0
}
.footerBottom-wrapp {
	width:748px;
	margin:auto
}
.footer-bnr_campaign {
	flex-basis:40%;
	width:40%
}
.pageTop {
	display:inherit
}
#haisou {
	bottom:75pt
}
#haisou a, #page-top a {
	background:#666;
	text-decoration:none;
	color:#fff;
	width:110px;
	padding:10px 0;
	text-align:center;
	display:block;
	border-radius:5px
}
#page-top {
	display:none;
	bottom:50px
}
#chat {
	z-index:2;
	cursor:pointer;
	position:fixed;
	bottom:-185px;
	right:0;
	width:230px;
	background:#ccc;
	font-size:14px;
	border-radius:30px 0 0;
	transition:all .2s;
	transform:translate(0);
	padding:5px 5px 10px;
	height:auto;
	margin:0
}
#chat p {
	padding:10px;
	line-height:1
}
#chat.open {
	transform:translateY(-190px)
}
#chat .freeDial {
	font-size:20px
}
#chat .uketuke {
	font-size:10px;
	display:block
}
.search_cate {
	padding:5px;
	background:#fff
}
.search_cate li {
	border-bottom:1px dotted #ccc
}
.search_cate li:last-child {
	border:0
}
.search_cate li a {
	font-size:9pt;
	display:block;
	padding:5px 0 5px 5px
}
.search_cate li .active, .search_cate li a:hover {
	background:#c03;
	color:#fff;
	font-size:14px
}
.search_cate li .active:before {
	padding:0 5px 0 0
}
.set_88_wrap {
	padding:15px 13px 8px;
	border:4px solid #d19001
}
.main_topBnrBox .set_88_wrap {
	border:2px solid #d19001;
	margin-bottom:8px;
	padding:8px 13px 0
}
.footerSub li, .footerSub li:first-child {
	border-right:1px solid #fff
}
.set_88_wrap ul {
	width:100%;
	margin:0 auto
}
.set_88_wrap ul li {
	flex:0 1 48.2%
}
#sale2018_01 {
	order:1
}
#top_set88 {
	order:0
}
.footer_logo {
	margin:20px auto
}
.footer_logo a {
	color:#03f;
	font-size:9pt
}
.footer-wrapper {
	display:flex;
	flex-flow:row wrap;
	padding:20px;
	justify-content:space-between
}
.flexbox {
	flex:0 1 48%;
	margin:0 0 20px;
	background:#fff
}
.flexbox h2 {
	margin:10px 0;
	padding:0 20px;
	font-size:1pc;
	text-align:left;
	border-bottom:1px dotted #262626
}
.fullBox {
	flex-basis:100%
}
.flexbox .footer_bnr_wrap {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:row wrap;
	padding:10px 30px
}
.flexbox .footer_bnr_wrap .footer_bnr {
	flex-basis:48%;
	font-size:14px;
	text-align:left;
	margin:5px auto
}
.footerChild {
	display:flex;
	flex-flow:row wrap;
	padding:10px 30px
}
.footerChild li {
	font-size:9pt;
	text-align:left
}
.fullBox .footerChild li {
	margin:5px 10px;
	font-size:14px;
	text-align:left
}
.fullBox .shopbox {
	flex:0 1 auto;
	margin:0 0 20px;
	background:#fff
}
.shopbox .footerChild li {
	flex-basis:48%;
	text-align:center;
	margin:2px
}
.shopbox .footerChild li span {
	font-size:9pt
}
.shopbox .permission {
	margin:40px auto 0
}
.shopbox .permission span {
	display:block;
	text-align:center;
	border-bottom:1px dotted #ccc
}
.shopbox .permission ul {
	display:flex;
	flex-flow:row wrap;
	padding:10px 30px
}
.shopbox .permission li {
	flex-basis:auto;
	text-align:center;
	margin:0 auto 10px;
	font-size:9pt
}
.shopbox .permission li:nth-child(n + 2){
	display:none;
}
.fa-caret-square-right {
	padding:0 10px 0 0;
	color:red
}
.fa-square {
	padding:0 5px 0 0;
	font-size:8px;
	color:#78b96b
}
.footerBottom {
	font-size:10px;
	background:#454545;
	color:#fff;
	padding:4px 0;
	height:250px
}
.footerSub ul {
	display:inline-block;
	list-style:none;
	margin:0 auto;
	padding:0;
	vertical-align:bottom
}
.footerSub li {
	border-left:0;
	display:inline-block;
	float:left;
	height:auto;
	line-height:1pc;
	margin:0;
	padding:0 10px
}
.pageTop_mobile, .sideSearchTop_mobile {
	display:none
}
.footerSub li a {
	display:block
}
.informationArea {
	display:none
}
.nav .sideBox .guide li a {
	text-align:center;
	font-size:100%
}
.header_campaign_bnr_area {
	display:block
}
}
@media screen and (min-width:1130px) {
.subNavi, .subNavi.open {
	transform:translate(0, -48%)
}
#loading .loadingText {
	font-size:2rem
}
.freeDial, .freeDial p, .headline, .inforBox li, .logo {
	text-align:center
}
body {
	margin:0;
	padding:0
}
.marquees {
	position:absolute;
	bottom:30px;
	color:#fff;
	font-size:9pt;
	margin:auto;
	left:0;
	right:0;
	text-align:left;
	width:60%
}
#header {
	margin:0 auto;
	padding:0;
	width:100%
}
.headline {
	background:#eee
}
#headArea {
	height:100%;
	position:relative;
	justify-content:flex-start;
	width:70pc;
	margin:0 auto
}
#headArea, .headWrapp {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	align-items:flex-start
}
.headWrapp {
	flex-flow:row wrap;
	justify-content:flex-end;
	width:100%
}
.logoWrap {
	margin:0 10px;
	min-width:250px;
	padding:0
}
#ham-menu {
	position:static;
	background:0;
	padding:0;
	float:right;
	margin:0 auto 10px;
	justify-content:flex-end;
	align-items:center
}
.service_img {
	width:200px;
	width:150px;
	flex:0 0 auto;
	display:block;
	margin:0 10px 0 0
}
.serviceBox {
	flex-basis:auto;
	margin:0;
	width:auto;
	display:flex;
	flex-flow:row wrap
}
.serviceBox ul {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:row wrap;
	text-align:center;
	justify-content:flex-end
}
.serviceBox li {
	margin:0;
	flex-basis:60px;
	text-align:center;
	line-height:1.3
}
.serviceBox li a {
	font-size:10px;
	display:inline-block
}
.serviceBox li a:before {
	display:block;
	height:30px;
	margin:0 auto;
	vertical-align:middle;
	width:30px;
	float:none
}
.informationArea {
	display:inherit
}
.informationArea ul.firstwrap {
	display:block;
	height:auto;
	overflow:hidden;
	flex:0 0 auto;
	margin:0;
	width:186px;
	text-align:left
}
.informationArea ul.firstwrap li span {
	display:none
}
.informationArea .firstwrap li a:before {
	vertical-align:middle;
	margin:0 auto;
	display:inline-block;
	width:25px;
	height:25px;
	text-align:center
}
.informationArea ul.firstwrap li {
	font-size:9pt;
	margin:0;
	width:90px
}
.informationArea ul.secondwrap {
	display:block;
	overflow:hidden;
	height:50px;
	flex:0 0 auto;
	margin:0;
	width:auto
}
.informationBox ul {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-end;
	float:left;
	flex-basis:180px
}
.informationArea li.group_a {
	display:inline-block
}
.freeDial {
	flex-basis:auto;
	font-size:100%;
	width:auto
}
.freeDial img {
	padding:0 5px 0 0;
	width:30px
}
.freeDial span {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	line-height:1em;
	font-size:29px
}
.footer-wrapper ul, .header-nav_wrapper .header-nav {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex
}
.freeDial p {
	font-size:10px
}
#headArea .cate-serach_wrapper {
	flex-basis:20%
}
.header_cate_search_member {
	padding:5px
}
.searchBox {
	flex-basis:auto;
	width:43%;
	justify-content:end;
	text-align:right;
	padding:5px 40px
}
.header-nav_wrapper {
	flex-basis:76%;
	width:76%;
	margin:0 0 0 auto
}
.header-nav_wrapper nav {
	width:50%;
	float:left
}
.header-nav_wrapper .header-nav {
	display:flex;
	flex-wrap:wrap;
	font-size:9pt;
	justify-content:flex-start;
	text-align:center;
	margin:0
}
.header-nav_wrapper .header-nav li {
	background-size:30px auto;
	flex-basis:120px;
	margin:0;
	padding:5px 0 0;
	width:90pt
}
.header-nav_wrapper .header-nav li a {
	color:#262626;
	display:block;
	margin:5px;
	padding:0;
	text-decoration:none;
	font-size:9pt
}
.header-nav_wrapper .header-nav li:hover {
	opacity:1;
	color:#262626
}
.header-nav_wrapper .header-nav_wrapper {
	flex-basis:80%;
	width:80%;
	max-width:80%
}
.search-keywords {
	font-size:9pt;
	margin:5px auto 0;
	padding:0;
	width:auto;
	overflow:hidden;
	text-align:center;
	flex-basis:30%
}
.search-keywords .title {
	float:left;
	width:15%
}
.search-keywords ul {
	overflow:hidden;
	height:30px
}
.search-keywords li a:hover {
	background:#999
}
.loginArea {
	background:0;
	border:0;
	width:auto;
	flex-flow:column nowrap;
	justify-content:space-between;
	align-items:flex-end
}
.loginArea .btn_cart {
	display:inline-block;
	color:#fff
}
.loginArea .btn_cart a {
	background-color:#8dc21f;
	color:#fff;
	display:block;
	border-radius:10px
}
.cart a:after {
	display:inline-block;
	font-size:24px;
	vertical-align:middle
}
.cate-serach_wrapper {
	flex-basis:16%;
	font-size:9pt;
	min-width:90pt;
	display:block;
	order:1
}
.guestWrap {
	order:0;
	flex-basis:100%;
	text-align:right;
	font-size:14px
}
.searchWrap.advance {
	flex-basis:10%;
	position:relative;
	min-width:300px;
	order:1
}
.searchWrap.advance input {
	width:50%
}
.searchWrap .adovanceSearch, .searchWrap .nomalSearch {
	position:inherit;
	flex-basis:20%;
	margin:0 1px
}
.memberWrap {
	margin:0 0 0 auto
}
.search-keywords {
	order:2
}
.loginArea {
	flex-basis:auto;
	font-size:11px;
	order:3
}
.header_campaign_bnr_area {
	order:4
}
.is-fixed {
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	width:100%
}
.is-fixed .search-keywords {
	display:none
}
#root, #side-wrapper .tt, #side-wrapper p, .aboutBox .title, .aboutBox p {
	font-size:9pt
}
#flexcontainer {
	flex-flow:row nowrap;
	width:auto;
	margin:20px auto 0
}
#root {
	flex-basis:100%;
	width:100%;
	height:30px
}
#main-container {
	flex-basis:68%;
	max-width:68%;
	order:3;
	margin:0 auto 40px 60px;
	padding:0
}
#pushArea-wrapp, .bannerArea, .categoryArea, .meritArea, .saleArea {
	width:100%
}
.marquee {
	position:absolute;
	bottom:300px
}
#side-wrapper .menu-button {
	margin:-93px 0 0
}
#side-wrapper {
	margin:0;
	padding:5px;
	order:2;
	max-width:270px
}
#side-wrapper .guide a:hover {
	color:#fff
}
.sideBox .guide li a {
	display:block;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	background:#fff;
	padding-left:1.5em;
	position:relative;
	z-index:1;
	color:#333;
	overflow:hidden;
	font-size:9pt
}
.sideBox .guide li .active {
	background-color:#c00
}
.sideBox .guide li .active, .sideBox .guide li a:hover {
	font-size:1pc;
	text-align:center;
	padding-left:0;
	color:#fff
}
.sideBox .guide li a:after {
	top:-100%;
	left:-100%;
	width:100%;
	height:100%
}
.sideBox .guide li a:hover:after {
	top:0;
	left:0;
	background-color:#c00
}
.sideBox .guide li a:after, .sideBox .guide li a:before {
	position:absolute;
	z-index:-1;
	display:block;
	content:''
}
.sideBox .guide li a, .sideBox .guide li a:after, .sideBox .guide li a:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all .2s;
	transition:all .2s
}
.newsarea-wrapp {
	height:300px
}
.aboutBox {
	margin-bottom:20px;
	overflow:hidden;
	padding:10px
}
.aboutBox img {
	margin:0 10px 0 0
}
.aboutBox .title {
	border-bottom:2px solid #ea0000;
	color:#262626;
	font-weight:700;
	margin:0 auto 5px;
	text-align:center
}
.aboutBox .title, .aboutBox img, .aboutBox p {
	float:none;
	width:100%
}
.footerBottom-wrapp {
	width:825pt;
	margin:auto
}
.footerBottom {
	height:180px
}
.shopbox .footerChild li {
	flex-basis:24%;
	text-align:center;
	margin:2px
}
.flexbox .footer_bnr_wrap .footer_bnr {
	flex-basis:30%;
	font-size:14px;
	text-align:left;
	margin:5px auto
}
.staticPage {
	display:initial!important
}
.headerLink, .menu-trigger {
	display:none
}
#main-container.staticPage {
	max-width:750pt;
	margin:0 auto 40px 60px
}
.nav {
	width:300px
}
.headerLink {
	background-color:#eee
}
.menu-trigger.active {
	right:310px
}
.subNavi, .tooltiptext {
	right:0;
	transition:all .5s
}
.informationArea li {
	display:inline-block;
	font-size:10px
}
.informationArea li a {
	padding:0 5px
}
.informationArea li a:before {
	vertical-align:middle;
	margin:0 auto;
	display:block;
	width:40px;
	height:35px;
	text-align:center
}
.subNavi {
	order:4;
	position:fixed;
	bottom:75pt;
	width:50px;
	text-align:center;
	z-index:11;
	display:block
}
.subNavi.open {
	transition:all .5s
}
.subNavi ul li {
	background:#262626;
	z-index:9;
	position:relative
}
.subNavi ul li a {
	line-height:50px;
	display:block;
	color:#fff;
	position:inherit;
	z-index:1;
	border-bottom:1px solid #6c6c6c
}
.subNavi ul li a a {
	border-bottom:1px solid #eee
}
.subNavi ul li a .orderNum {
	display:inline-block;
	background:#fff;
	line-height:2rem;
	color:#262626;
	padding:0 10px;
	margin:0 10px;
	border-radius:10px
}
.subNavi ul li a:hover {
	background:#ccc
}
.tooltiptext {
	width:250px;
	line-height:50px;
	background-color:rgba(219,0,0,.8);
	position:absolute;
	top:0;
	transform:translate(300px);
	overflow:auto;
	cursor:pointer;
	color:#fff;
	box-shadow:2px 2px 10px rgba(0,0,0,.4)
}
.tooltiptext.open {
	transform:translateZ(0);
	padding:0;
	right:50px
}
.tooltiptext a {
	height:50px;
	display:block
}
#sidebar ul {
	padding:10px;
	background-color:#1d1d1d
}
#sidebar li {
	color:#fff;
	text-align:left;
	background-color:#484848;
	margin:0 auto 5px;
	border-radius:5px
}
#sidebar li a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:10px;
	font-size:2.8vw
}
.sideBox {
	margin:auto auto 20px;
	padding:20px 0
}
.sideBox .sideTitle {
	color:#fff;
	font-weight:700;
	text-align:center;
	margin:10px auto;
	font-size:1.8rem
}
.sideBox.contesite{
	margin-bottom: 20px;
overflow: hidden;
padding: 10px;
	}
.sideBox.contesite .bnrtitle {
	font-weight: bold;
	border-left: 4px solid #659d00;
	padding: 0 0 0 1em;
}
.sideBox .bnrtitle a{
	text-decoration:none;
}
.sideBox .contact .btn {
	margin:auto
}
.sideBox .contact .btn a {
	display:block;
	border-radius:5px;
	padding:10px;
	text-align:center;
	margin:auto;
	background-color:#f90;
	text-decoration:none;
	width:60%;
	color:#fff
}
.sideBox .contact .btn a:before {
	font-family:Font Awesome\ 5 Free;
	content:'\f0e0';
	font-weight:900;
	padding:0 .5em
}
.sideBox .phoneNum {
	text-align:center;
	margin:20px auto
}
.sideBox .phoneNum p {
	font-size:2vw;
	text-align:center;
	color:#fff
}
.sideBox .phoneNum a {
	color:#fff;
	text-decoration:none;
	font-size:4vw;
	text-align:center;
	font-weight:700
}
}
@media @media all and (-ms-high-contrast:none), all and (min-width:768px) {
.gaiyouBox, ::-ms-backdrop {
flex-basis:45%!important;
padding:10px!important
}
#campaign .box_product, ::-ms-backdrop {
padding:0!important
}
.thumbBox ul li, ::-ms-backdrop {
flex-basis:24%!important
}
.guideChild.payWrap .bank, .guideChild.payWrap .postPay, ::-ms-backdrop {
flex-basis:46%!important
}
}
@media @media all and (-ms-high-contrast:none), all and (min-width:1130px) {
#footerarea2, #footerarea3, #footerarea4, ::-ms-backdrop {
border-bottom:0;
flex-basis:31%;
width:33%;
margin:0;
padding:10px
}
}