@charset "shift_jis";
/* CSS Document */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
.header_cate_search_member, #headerArea h1, .smp, .marquees, #modal-close, footer, .twitter, .loading, .informationArea, .header_cate_search_member, .categoryArea, .headerLink {
	display:none;
}
fieldset {
	border: medium none;
}
img {
	font-size: 12px;
	height: auto;
	max-width: 100%;
	width: auto;
}
table {
	width: 100%;
}
a {
	color: #262626;
	text-decoration: none;
}
a:hover {
	color: #f30;
}
a img:hover {
	opacity: 0.75;
}
ol, ul {
	list-style: outside none none;
}
h1, h2, h3, h4 {
	color: #262626;
}
.tt-h1 {
	background-repeat: no-repeat;
	border: 3px solid #eeeeef;
	border-radius: 10px;
	clear: both;
	color: #262626;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 20px;
	padding: 10px;
	text-align: center;
	width: 100%;
}
.tt-h2 {
	border-left: 10px solid #ea0000;
	clear: both;
	color: #262626;
	flex-basis: 100%;
	font-size: 1.2em;
	line-height: 30px;
	margin-bottom: 20px;
	padding: 0 0 0 0.5em;
	text-align: left;
	width: 100%;
}
.tt-h2::before {
}
.happy_midashi {
	background-image: url("/ws/images_n/bg_gray.jpg");
	background-position: center top;
	background-repeat: repeat;
	color: #262626;
	font-size: 10px;
	padding: 3px 10px 0;
	text-align: left;
}
#header {
	margin: 0 0 5px;
	min-width: 280px;
	width: 100%;
}
#headArea {
}
.headWrapp {
	display: block;
	width: 100%;
}
.logo {
}
.logo a {
	color: #262626;
}
.logo p {
	font-size: 12px;
}
.logo img {
	padding: 5px;
	width: 200px;
}
.inforArea {
}
#ham-menu {
	background-color: #eee;
	box-sizing: border-box;
	height: 100%;
	padding: 10px;
	position: fixed;
	right: -250px;
	top: 0;
	transition: transform 0.3s linear 0s;
	width: 250px;
	z-index: 1001;
}
#ham-menu::before {
	background-color: #262626;
	border-radius: 0 0 0 10px;
	color: #fff;
	content: "Menu";
	display: block;
	font-size: 12px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: 100%;
	text-align: center;
	top: 30px;
	width: 50px;
}
#menu-background {
	background-color: #333;
	display: block;
	height: 100%;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: all 0.3s linear 0s;
	width: 100%;
	z-index: -1;
}
#ham-menu:hover {
	transform: translate(-250px);
}
#ham-menu:hover + #menu-background {
	opacity: 0.5;
	z-index: 999;
}
#container {
	width: 100%;
}
.serviceBox {
	display: block;
	margin: 0 20px 10px;
}
.serviceBox ul {
}
.serviceBox li {
}
.serviceBox li a {
	background: #fff none repeat scroll 0 0;
	color: #262626;
	display: block;
	margin: 0 0 2px;
	padding: 10px;
}
.serviceBox .btn-pointList {
}
.serviceBox .btn-rentalLis {
}
.serviceBox .btn-payList {
}
.serviceBox .btn-kaitoriList {
}
.serviceBox .btn-pointList a {
}
.serviceBox .btn-rentalLis a {
}
.serviceBox .btn-payList a {
}
.serviceBox .btn-kaitoriList a {
}
.serviceBox li a::before {
	display: inline-block;
	height: 20px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	width: 20px;
}
.serviceBox .btn-pointList a::before {
	background: rgba(0, 0, 0, 0) url("/ws/images_n/icon/icon_p.png") no-repeat scroll 0 0 / contain;
	content: " ";
}
.serviceBox .btn-rentalList a::before {
	background: rgba(0, 0, 0, 0) url("/ws/images_n/icon/icon_r.png") no-repeat scroll 0 0 / contain;
	content: " ";
}
.serviceBox .btn-payList a::before {
	background: rgba(0, 0, 0, 0) url("/ws/images_n/icon/icon_sei.png") no-repeat scroll 0 0 / contain;
	content: " ";
}
.serviceBox .btn-kaitoriList a::before {
	background: rgba(0, 0, 0, 0) url("/ws/images_n/icon/icon_kai.png") no-repeat scroll 0 0 / contain;
	content: " ";
}
.inforBox {
	display: block;
	margin: 0 20px 10px;
}
.inforBox ul {
}
.inforBox li {
}
.inforBox li a {
	background: #fff none repeat scroll 0 0;
	display: block;
	margin: 0 0 2px;
	padding: 10px;
}
.inforBox .btn-shopInfor {
}
.inforBox .btn-guide {
}
.inforBox .btn-contact {
}
.inforBox li a::before {
	display: inline-block;
	height: 20px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	width: 20px;
}
.inforBox .btn-shopInfor a::before {
	background: rgba(0, 0, 0, 0) url("/ws/images_n/icon/icon_shop.png") no-repeat scroll 0 0 / contain;
	content: " ";
}
.inforBox .btn-guide a::before {
	background: rgba(0, 0, 0, 0) url("/ws/images_n/icon/icon_ques.png") no-repeat scroll 0 0 / contain;
	content: " ";
}
.inforBox .btn-contact a::before {
	background: rgba(0, 0, 0, 0) url("/ws/images_n/icon/icon_mail.png") no-repeat scroll 0 0 / contain;
	content: " ";
}
.freeDial {
	font-size: 12px;
	text-align: center;
}
.freeDial a {
	color: #262626;
}
.freeDial img {
	padding: 0 5px 0 0;
	width: 30px;
}
.freeDial span {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
}
.marquee {
	background-color: #f7f7f7;
	font-size: 12px;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 0.5em 0;
	position: relative;
	width: 100%;
}
.marquee, .marquee_2 {
	color: #333;
	overflow: hidden;
	position: relative;
}
.marquee p::after, .marquee_2 p::after {
	content: "";
	padding-right: 50px;
}
.marquee p, .marquee_2 p {
	display: inline-block;
	margin: 0;
	white-space: nowrap;
}
.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;
}
.marquee p span {
	font-weight: bold;
}
@keyframes marquee {
0% {
 transform: translate(0px);
}
99%, 100% {
 transform: translate(-100%);
}
}
@keyframes marquee {
0% {
 transform: translate(0px);
}
99%, 100% {
 transform: translate(-100%);
}
}
@keyframes marquee {
0% {
 transform: translate(0px);
}
99%, 100% {
 transform: translate(-100%);
}
}
.marqueee a {
	color: #666;
	text-decoration: none;
}
.marqueee a:hover {
	color: #ccc;
	text-decoration: underline;
}
.guestArea {
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 5px;
	text-align: right;
}
.guestName {
	margin: 5px;
	text-align: right;
	width: 100%;
}
.guestName span {
}
.btn_member-wrapper {
	flex-basis: 33%;
}
.loginArea {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 1px 0;
}
.loginArea .button {
	border: medium none;
	color: #fff;
	font-size: 13px;
	margin: auto;
	text-align: center;
	width: 99%;
}
.loginArea .button a {
	background: #dc143c none repeat scroll 0 0;
	color: #fff;
	display: block;
	padding: 5px;
}
.loginArea .button a::before {
	font-family: FontAwesome;
	padding: 0 5px 0 0;
}
.cartCheck {
	float: left;
	width: 33%;
}
.cartItemNum {
	background: #fff none repeat scroll 0 0;
	border-radius: 5px;
	color: #6a9217;
	display: inline-block;
	font-weight: bold;
	margin: 0 3px 0 0;
	padding: 0 3px;
	width: 43%;
}
.cart a::after {
	content: "?";
	font-family: FontAwesome;
	padding: 0;
}
.cartText {
}
.cart a {
	background: #8dc21f none repeat scroll 0 0;
	color: #ffffff;
	display: block;
	font-size: 13px;
	padding: 5px;
	text-align: center;
	width: 100%;
}
.cart a:hover {
}
.header-nav_wrapper {
	flex-basis: 80%;
}
.header-nav_wrapper .header-nav {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.header-nav_wrapper .header-nav {
	margin: 10px;
}
.header-nav_wrapper .header-nav li {
	flex-basis: 32%;
}
.header-nav_wrapper .header-nav li a {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #262626;
	display: block;
	font-size: 70%;
	padding: 3px;
	text-align: center;
}
.header-nav_wrapper .header-nav li a:hover {
	background-color: #333333;
	color: #fff;
}
.header-nav .h_shopinfo a::before {
	content: "?";
	display: block;
	font-family: FontAwesome;
	padding: 0 5px 0 0;
}
.header-nav .h_guide a::before {
	content: "?";
	display: block;
	font-family: FontAwesome;
	padding: 0 5px 0 0;
}
.header-nav .h_contact a::before {
	content: "?";
	display: block;
	font-family: FontAwesome;
	padding: 0 5px 0 0;
}
.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;
	line-height: 1em;
	margin: 0 10px 0 0;
}
.header-nav_wrapper .header-info .open {
	font-size: 12px;
}
.searchBox {
	background-color: #dc143c;
	overflow: hidden;
	padding: 5px;
}
.searchBox dl {
	overflow: hidden;
	padding: 0 10px;
}
.searchBox dt {
	float: left;
	width: 74%;
}
.searchBox dt .keyword {
	border: medium none;
	border-radius: 20px 0 0 20px;
	padding: 5px 0 5px 1em;
	width: 100%;
}
.searchBox dd {
	float: right;
	text-align: center;
	width: 25%;
}
.searchBox dd a {
	background: #fff none repeat scroll 0 0;
	border-radius: 0 20px 20px 0;
	color: #dc143c;
	display: block;
	padding: 5px 0;
}
.searchBox dd a:hover {
	background-color: #bf1134;
	color: #fff;
}
.searchBox span a::before {
	content: "?";
	font-family: FontAwesome;
	padding: 0 5px 0 0;
}
.search-keywords {
}
#headArea .cate-serach_wrapper {
	background: #eeeeee none repeat scroll 0 0;
	margin: 10px 0;
	padding: 10px 0;
	width: 100%;
}
.menu-button {
	background: #666666 none repeat scroll 0 0;
	color: #fff;
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 10px;
	position: relative;
}
.menu-button::before {
	content: "? ";
	font-family: FontAwesome;
	padding: 0 5px 0 0;
}
.menu-button.one-page {
	padding-right: 45px;
	position: fixed;
	right: 5%;
	top: 0;
}
.menu-button .touch-button {
	background: transparent none repeat scroll 0 0;
	display: inline-block;
	height: 100%;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 50px;
	z-index: 999;
}
.menu-button.active .touch-button.active {
	transform: rotate(90deg);
}
.menu-button .touch-button .navicon {
	color: #fff;
	font-size: 16px;
	font-style: normal;
	position: relative;
	top: 20%;
}
.flexnav li a {
	padding-left: 1em;
}
.flexnav .touch-button .navicon {
	font-style: normal;
}
#flexcontainer {
	display: flex;
	flex-flow: row wrap;
	margin: 0 auto 40px;
	width: 100%;
}
#flexcontainer #title {
}
#contentsArea {
	width: 100%;
}
#root {
	font-size: 10px;
	margin: 0 0 20px;
	width: 100%;
}
#root a, #root a:hover {
	color: #f00;
}
#root .activePan a {
	color: #262626;
}
#main-container form {
	flex-basis: 100%;
	width: 100%;
}
.pageText {
	color: #666;
	font-size: 80%;
	margin-bottom: 20px;
	padding: 5px;
	text-align: left;
}
.cmdty_kabu_text {
	border-color: #999;
	border-style: solid;
	border-width: 1px;
	clear: both;
	color: #666;
	font-size: 12px;
	line-height: 140%;
	margin-bottom: 20px;
	margin-top: 21px;
	padding: 8px;
}
#cate-title {
	color: #262626;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 20px;
}
.img_kihon {
	text-align: center;
}
#side-wrapper .cate-serach_wrapper {
}
#side-wrapper {
	align-self: start;
	clear: both;
	flex-basis: 100%;
	padding: 5px;
	position: relative;
	width: 100%;
	z-index: 1000;
}
#side-wrapper .tt {
	background-repeat: no-repeat;
	border-left: 5px solid #f00;
	clear: both;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 20px;
	padding-left: 13px;
	text-align: left;
}
.sideBox {
	margin-bottom: 40px;
}
.sideBox .guide {
}
.sideBox .guide li {
	border-bottom: 1px solid #ccc;
	padding: 0;
}
.sideBox .guide li a {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eeeeee 0%, #eeeeee 100%) repeat scroll 0 0;
	color: #626262;
	display: block;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
	width: 100%;
}
.sideBox .guide li a:hover {
	color: #262626;
	text-decoration: underline;
}
.newsarea-wrapp {
	border: 1px solid #eee;
	height: 160px;
	overflow: auto;
	padding: 4px 10px;
}
#news dl dt {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5em;
	margin: 0;
}
#news dl dd {
	font-size: 12px;
	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;
	color: #4d4d4d;
	font-size: 14px;
	font-weight: normal;
	margin: 10px auto 5px;
}
.newsarea-wrapp h3 span {
	display: inline-block;
	padding: 0 1em 0 0;
}
.newsarea-wrapp p {
	font-size: 12px;
	line-height: 124%;
	margin-bottom: 10px;
}
.newsarea-wrapp p a {
	color: #06f;
}
.aboutBox {
	margin-bottom: 10px;
	overflow: hidden;
}
.aboutBox .title {
	display: block;
	font-size: 0.7em;
}
.aboutBox img {
	float: left;
	margin: 0 10px 0 0;
	width: 30%;
}
.aboutBox .title {
	color: #c00;
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 65%;
}
.aboutBox p {
	float: left;
	font-size: 12px;
	width: 65%;
}
#side-wrapper p {
	color: #262626;
}
.kobutu {
	font-size: 0.7em;
}
.side_bana {
	text-align: center;
}
#navHistory {
	margin: 0 0 40px;
}
#navHistory ol {
}
#navHistory li {
	margin: 0 auto 20px;
}
#navHistory li .txt {
	float: right;
	line-height: 1em;
	width: 55%;
}
#navHistory li .txt p {
	font-size: 12px;
}
#navHistory li .pic {
	width: 40%;
}
#footer {
	margin: 40px 0 0;
}
.pageTop_mobile {
	bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	position: fixed;
	right: 10px;
	text-align: center;
	width: 60px;
	z-index: 100001;
	display:none;
}
.pageTop_mobile a {
	background-color: #f00;
	border: 2px solid #ffffff;
	border-radius: 10px;
	color: #fff;
	display: block;
	height: 50px;
	line-height: 1em;
	padding: 10px 5px;
}
.pageTop {
}
.footer-wrapper {
	background-color: #efefef;
	clear: both;
	flex-direction: column;
	justify-content: space-around;
	margin: 0 0 0 auto;
	padding: 0;
	text-align: center;
}
#footer-info {
	bottom: 0;
	box-sizing: border-box;
	display: block;
	position: static;
	width: auto;
}
.footer-bnrArea {
}
.footer-iconArea {
}
.footer-iconArea ul {
}
.footer-iconArea ul li {
	display: inline-block;
}
.footer-bnr_campaign {
	margin: 20px 0;
}
.footer-btn_contact {
	margin: 0 auto 40px;
	width: 80%;
}
.footer-wrapper h2 span {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent transparent transparent #f00;
	border-image: none;
	border-style: solid;
	border-width: 5px;
	content: "";
	display: inline-block;
	height: 0;
	margin: 0 5px 0 0;
	width: 0;
}
.footer-wrapper h2 .rotate {
	transform: rotate(90deg);
}
#footerarea1, #footerarea2, #footerarea3, #footerarea4 {
	border-bottom: 1px solid #999;
}
#footerarea2 .footerAreaChild {
	border-bottom: 1px solid #999;
}
.footer-info-wrapper {
	text-align: center;
}
.footer-wrapper .footerAreaChild {
}
.footer-wrapper .footerAreaChild li {
	border-top: 1px solid #ccc;
	padding: 0 0 0 1em;
}
.footer-wrapper .footerAreaChild li a {
	color: #000;
	display: inline-block;
	font-size: 15px;
	line-height: 3em;
	padding: 4px 0 0 2em;
	position: relative;
	text-decoration: none;
	vertical-align: middle;
	width: 100%;
}
.footer-wrapper .footerAreaChild li a::before, .footer-wrapper .footerAreaChild li a::after {
	bottom: 0;
	content: "";
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	vertical-align: middle;
}
.footer-wrapper .footerAreaChild li a::before {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent transparent transparent #7a0;
	border-image: none;
	border-style: solid;
	border-width: 4px;
	box-sizing: border-box;
	height: 4px;
	left: 1em;
	width: 4px;
}
.footer-wrapper ul li h2 {
	font-size: 16px;
	margin: 0;
	padding: 20px;
	text-align: center;
}
.footerSub {
}
.footerSub ul {
	background: #454545 none repeat scroll 0 0;
	display: table;
	margin: 0;
	table-layout: fixed;
	width: 100%;
}
.footerSub li {
	border-left: 1px solid #ccc;
	border-right: medium none;
	color: #fff;
	display: table-cell;
	float: none;
	font-size: 11px;
	height: 30px;
	line-height: 15px;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}
.footerSub li:first-child {
	border: medium none;
}
.footerSub li a {
	color: #fff;
	display: block;
}
.copyrights {
	background: #454545 none repeat scroll 0 0;
	color: #fff;
	font-size: 10px;
	padding: 0 0 70px;
	text-align: center;
}
body {
	margin: 0;
	padding: 10px 0 0;
}
#headArea {
	justify-content: flex-start;
}
.headWrapp {
	align-items: flex-start;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
}
.logo {
	flex-basis: 43%;
	padding: 10px;
	width: 43%;
}
.logo p {
	font-weight: bold;
}
.logo img {
	padding: 5px;
	width: 300px;
}
.marquee {
	display: block;
}
#ham-menu::before {
}
#ham-menu:hover {
	transform: none;
}
#ham-menu {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	display: flex;
	flex-basis: 54%;
	flex-flow: row wrap;
	height: 100%;
	padding: 10px 0 0;
	position: static;
	width: 54%;
}
.serviceBox {
	flex-basis: 50%;
	margin: 0;
	width: 50%;
}
.serviceBox ul {
	display: flex;
	flex-flow: row wrap;
}
.serviceBox li {
	flex-basis: 50%;
	margin: 0 auto 10px;
}
.serviceBox li a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	display: block;
	font-size: 14px;
	margin: 0 0 2px;
	padding: 0;
	width: 100%;
}
.serviceBox li a span {
	display: block;
	margin: 0 0 0 26px;
}
.inforBox {
	flex-basis: 50%;
	margin: 0;
	width: 50%;
}
.inforBox ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.inforBox li {
	flex-basis: 33%;
	font-size: 12px;
	text-align: center;
}
.inforBox li a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	display: block;
	margin: 0 0 2px;
	padding: 0;
}
.inforBox li a::before {
	display: block;
	height: 55px;
	margin: 0 auto;
	width: 65px;
}
.freeDial {
	flex-basis: 100%;
	font-size: 12px;
	text-align: right;
}
.guestArea {
	flex-basis: 100%;
	text-align: right;
}
.header-nav_wrapper {
	float: right;
	width: 80%;
}
#headArea .cate-serach_wrapper {
	background: #666666 none repeat scroll 0 0;
	flex-basis: 23%;
	margin: 0;
	min-width: 170px;
	padding: 0;
	position: relative;
}
.search-keywords {
	display: inherit;
}
.search-keywords {
	display: block;
	flex-basis: 75%;
	font-size: 12px;
	margin: 10px 0 10px auto;
	padding: 7px 0;
	width: 100%;
}
.search-keywords .title {
	float: left;
	font-weight: bold;
}
.search-keywords .title::after {
	font-family: FontAwesome;
	padding: 0 0 0 5px;
}
.search-keywords ul {
	float: right;
	width: 80%;
}
.search-keywords li {
	display: inline-block;
}
.search-keywords li a {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ccc;
	border-radius: 20px;
	color: #262626;
	margin: 0 auto;
	padding: 3px 10px;
}
.search-keywords li a:hover {
	background: #999 none repeat scroll 0 0;
}
.loginArea {
	flex-basis: 42%;
	margin: 0;
	padding: 0;
}
.loginArea .btn_member-wrapper {
	display: inline-block;
	float: none;
}
.loginArea .button a {
	background: #dc143c none repeat scroll 0 0;
	color: #fff;
	display: block;
	height: 45px;
	line-height: 2.5em;
	padding: 5px;
}
.cart a {
	background: #8dc21f none repeat scroll 0 0;
	color: #ffffff;
	display: block;
	font-size: 13px;
	height: 45px;
	line-height: 2.5em;
	padding: 5px;
	text-align: center;
	width: 100%;
}
.searchBox {
	flex-basis: auto;
	margin: 0;
	width: 35%;
}
.searchBox dl {
	padding: 0;
}
.searchBox dt {
	float: left;
	width: 70%;
}
.searchBox dd {
	float: right;
	text-align: center;
	width: 29%;
}
.searchBox span {
	display: block;
	float: right;
	width: 100%;
}
.searchBox .syousai {
}
.searchBox span a {
	font-size: 100%;
	padding: 5px 0;
}
.header-nav_wrapper .header-info {
	float: right;
	text-align: center;
}
.header-nav_wrapper .header-info .telNum {
	float: none;
	font-size: 2em;
	line-height: 1em;
}
.header-nav_wrapper .header-info .open {
	float: none;
}
#flexcontainer {
	flex-flow: row wrap;
	margin: 0 auto;
}
#root {
	flex-basis: 100%;
	font-size: 12px;
	height: 30px;
	width: 100%;
}
.tt-h2 {
	background-repeat: no-repeat;
	clear: both;
	color: #262626;
	font-size: 18px;
	font-weight: 700;
	line-height: 2em;
	margin-bottom: 20px;
	text-align: left;
}
.pageText {
}
#side-wrapper .cate-serach_wrapper {
}
#side-wrapper {
	flex-basis: 20%;
	min-width: 180px;
	order: 2;
	width: 20%;
}
#side-wrapper .cate-serach_wrapper {
	margin: 0 0 20px;
}
#side-wrapper .tt {
	font-size: 0.8em;
	line-height: 2;
}
#side-wrapper p {
	font-size: 0.7em;
}
#side-wrapper .guide a:hover {
	color: #262626;
}
.sideBox .guide li a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	display: block;
	font-size: 90%;
	padding-bottom: 5px;
	padding-left: 0;
	padding-top: 5px;
	text-align: left;
	width: 100%;
}
.newsarea-wrapp {
	height: 100px;
}
.aboutBox .title {
	font-size: 0.7em;
}
.newsarea-wrapp .newBox {
	border-bottom: 1px dotted;
	margin: 0 auto 20px;
}
.newsarea-wrapp h3 {
	border-bottom: 1px solid #999;
	color: #4d4d4d;
	font-size: 14px;
	font-weight: normal;
	margin: 10px auto 5px;
}
.newsarea-wrapp h3 span {
	display: block;
	font-size: 12px;
}
.newsarea-wrapp p {
	font-size: 12px;
	line-height: 124%;
	margin-bottom: 10px;
}
.aboutBox img {
	float: left;
	margin: 0 10px 0 0;
	width: 100%;
}
.aboutBox .title {
	color: #c00;
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
}
.aboutBox p {
	float: left;
	font-size: 12px;
	width: 100%;
}
.pageTop {
	float: right;
	text-align: center;
}
.pageTop a {
	background-color: #dc143c;
	border-radius: 10px 10px 0 0;
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	padding: 10px;
}
.pageTop_mobile {
	right: 60px;
}
#footer {
	margin: 0 auto;
	max-width: 95%;
	min-width: 748px;
	text-align: center;
	width: 100%;
}
#footer-info {
	bottom: 24px;
	overflow: hidden;
	padding: 5px 0;
	position: static;
	width: 100%;
	z-index: 9999;
}
.footer-info-wrapper {
	align-items: center;
	display: flex;
	justify-content: space-around;
	margin: auto;
}
.footer-bnrArea {
}
.footer-iconArea {
	display: block;
}
.footer-iconArea ul {
}
.footer-iconArea ul li {
	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: 16px;
	margin: 5px 0 0;
	padding: 0;
	text-align: left;
}
.footerBottom {
	background: #454545 none repeat scroll 0 0;
	color: #fff;
	font-size: 10px;
	padding: 4px 0;
}
.footerSub {
	float: none;
	margin: auto;
	text-align: center;
}
.footerSub ul {
	display: inline-block;
	list-style: outside none none;
	margin: 0 auto;
	padding: 0;
	vertical-align: bottom;
	width: auto;
}
.footerSub li {
	border-left: medium none;
	border-right: 1px solid #ccc;
	display: inline-block;
	float: left;
	height: auto;
	line-height: 16px;
	margin: 0;
	padding: 0 10px;
}
.footerSub li:first-child {
	border-left: 1px solid #ccc;
}
.footerSub li a {
	display: block;
}
.copyrights {
	float: none;
	padding: 0;
}
.footerBottom-wrapp {
	margin: auto;
	width: 748px;
}
.footer-bnr_campaign {
	flex-basis: 50%;
	width: 50%;
}
.pageTop {
	display: inherit;
}
.pageTop_mobile {
}
body {
	margin: 0;
	padding: 10px 0 0;
}
#header {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.headline {
	background: #eeeeee none repeat scroll 0 0;
	text-align: center;
}
#headArea {
	align-items: flex-start;
	display: flex;
	height: 100%;
	justify-content: flex-start;
	margin: 0 auto;
	position: relative;
	width: 1120px;
}
.headWrapp {
	align-items: flex-start;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	width: 100%;
}
.logo {
	flex-basis: 390px;
	padding: 10px 0 0;
	text-align: center;
	width: 30%;
}
.logo p {
	margin: 0 0 30px;
}
.logo img {
	width: 350px;
}
.serviceBox {
	flex-basis: 190px;
	margin: 0;
	width: 50%;
}
.serviceBox li {
	flex-basis: 90px;
	margin: 0 auto 10px 0;
}
.serviceBox li a {
	display: inline-block;
	font-size: 13px;
}
.serviceBox li a::before {
	display: inline-block;
	float: left;
	height: 40px;
	margin: 0 3px 0 0;
	vertical-align: middle;
	width: 35px;
}
.inforBox {
	flex-basis: 200px;
	margin: 0 auto;
	width: 50%;
}
.inforBox li {
	flex-basis: auto;
	font-size: 12px;
	text-align: center;
}
.inforBox li a::before {
	display: block;
	height: 45px;
	margin: 0 auto;
	width: 50px;
}
.freeDial {
	flex-basis: 300px;
	font-size: 100%;
	text-align: center;
}
.freeDial img {
	padding: 0 5px 0 0;
	width: 50px;
}
.freeDial span {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1em;
}
.freeDial p {
	font-size: 12px;
	text-align: center;
}
#headArea .cate-serach_wrapper {
	flex-basis: 20%;
}
.searchBox {
	flex-basis: auto;
	justify-content: end;
	padding: 5px 40px;
	text-align: right;
	width: 43%;
}
#ham-menu {
	flex-basis: 730px;
	height: 0;
}
.header-nav_wrapper {
	flex-basis: 76%;
	margin: 0 0 0 auto;
	width: 76%;
}
.header-nav_wrapper nav {
	float: left;
	width: 50%;
}
.header-nav_wrapper .header-nav {
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	justify-content: flex-start;
	margin: 0;
	text-align: center;
}
.header-nav_wrapper .header-nav li {
	background-size: 30px auto;
	flex-basis: 120px;
	margin: 0;
	padding: 5px 0 0;
	width: 120px;
}
.header-nav_wrapper .header-nav li a {
	color: #262626;
	display: block;
	font-size: 12px;
	margin: 5px;
	padding: 0;
	text-decoration: none;
}
.header-nav_wrapper .header-nav li:hover {
	color: #262626;
	opacity: 1;
}
.header-nav_wrapper .header-nav_wrapper {
	flex-basis: 80%;
	max-width: 80%;
	width: 80%;
}
.search-keywords {
	flex-basis: 76%;
	margin: 10px 0;
}
.search-keywords .title {
	float: left;
	width: 15%;
}
.search-keywords ul {
	width: 85%;
}
.search-keywords li {
	margin: 0;
}
.search-keywords li a {
}
.search-keywords li a:hover {
	background: #999 none repeat scroll 0 0;
}
.guestName {
}
.loginArea {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	flex-basis: 37%;
	font-size: 100%;
	justify-content: space-around;
	width: auto;
}
.cart a::after {
	display: inline-block;
	font-size: 24px;
	vertical-align: middle;
}
#flexcontainer {
	flex-flow: row wrap;
	height: 100%;
	margin: 0 auto;
	width: 1120px;
}
#root {
	flex-basis: 100%;
	font-size: 12px;
	height: 30px;
	width: 100%;
}
.categoryArea, .saleArea, .meritArea, .bannerArea, #pushArea-wrapp {
	width: 100%;
}
.innerFlex {
	max-width: 860px;
}
.tt-h2 {
}
.marquee {
	flex-basis: 730px;
	margin: -40px 0 0;
}
#side-wrapper .menu-button {
	margin: -93px 0 0;
}
#side-wrapper {
	margin: -40px 0 0;
	padding: 0;
}
#side-wrapper {
	order: 2;
}
#side-wrapper .tt {
	font-size: 12px;
}
#side-wrapper p {
	font-size: 12px;
}
#side-wrapper .guide a:hover {
	color: #fff;
}
.sideBox .guide li a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	display: block;
	padding-bottom: 5px;
	padding-left: 1.5em;
	padding-top: 5px;
	text-align: left;
	width: 100%;
}
.sideBox .guide li a {
	background-color: #fff;
	color: #333;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.sideBox .guide li a:hover {
	color: #fff;
}
.sideBox .guide li a::after {
	height: 100%;
	left: -100%;
	top: -100%;
	width: 100%;
}
.sideBox .guide li a:hover::after {
	background-color: #c00;
	left: 0;
	top: 0;
}
.sideBox .guide li a::before, .sideBox .guide li a::after {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
}
.sideBox .guide li a, .sideBox .guide li a::before, .sideBox .guide li a::after {
	box-sizing: border-box;
	transition: all 0.3s ease 0s;
}
.newsarea-wrapp {
	height: 300px;
}
.aboutBox {
	margin-bottom: 40px;
	overflow: hidden;
}
.aboutBox img {
	float: none;
	margin: 0 10px 0 0;
	width: 100%;
}
.aboutBox .title {
	border-bottom: 2px solid #ea0000;
	color: #262626;
	float: none;
	font-size: 12px;
	font-weight: bold;
	margin: 0 auto 5px;
	text-align: center;
	width: 100%;
}
.aboutBox p {
	float: none;
	font-size: 12px;
	width: 100%;
}
#footer {
	margin: 0 auto;
	text-align: center;
	width: 1120px;
}
.footer-wrapper {
	display: inherit;
}
.footer-wrapper ul {
	display: flex;
	flex-flow: row wrap;
	padding: 10px;
}
#footer-info {
	background-image: url("/ws/images_n/footer_bg_white.png");
	background-repeat: repeat;
	bottom: 0;
	box-sizing: border-box;
	overflow: hidden;
	padding: 5px 0;
	position: fixed;
	width: 100%;
	z-index: 1000;
}
.footer-info-wrapper {
	align-items: center;
	display: flex;
	justify-content: space-around;
	margin: auto;
	width: 1120px;
}
.footer-bnrArea {
}
.footer-iconArea {
	display: block;
}
.footer-iconArea ul {
}
.footer-iconArea ul li {
	display: inline-block;
}
.footer-bnr_campaign {
	margin: 0;
}
.footer-btn_contact {
	flex-basis: 20%;
	margin: 0;
	width: 20%;
}
#footerarea1 {
	border-bottom: medium none;
	flex-basis: 100%;
	margin: 0;
	padding: 10px;
	width: 100%;
}
#footerarea2, #footerarea3, #footerarea4 {
	border-bottom: medium none;
	flex-basis: 33%;
	margin: 0;
	padding: 10px;
	width: 33%;
}
#footerarea1, #footerarea3, #footerarea4 {
	border-bottom: medium none;
}
#footerarea2 .footerAreaChild {
	border-bottom: medium none;
}
.footer-wrapper .footerAreaChild {
	display: flex;
	flex-basis: 22%;
	flex-flow: row wrap;
	margin: 10px;
	min-width: 100%;
	width: 22%;
}
.footer-wrapper .footerAreaChild li {
	border-bottom: medium none;
	border-top: medium none;
	padding: 0;
	text-align: left;
}
.footer-wrapper .footerAreaChild li a {
	border-top: medium none;
	display: block;
	font-size: 12px;
	line-height: 2em;
}
.footer-wrapper .footerAreaChild li a:hover {
	text-decoration: underline;
}
.footer-wrapper ul li h2 {
	border-bottom: 1px dotted;
	font-size: 16px;
	margin: 5px 0 0;
	padding: 0;
	text-align: left;
}
#footerarea1 .footerAreaChild {
	flex-basis: 100%;
}
#footerarea1 .footerAreaChild li {
	flex-basis: 16%;
}
#footerarea2 .footerAreaChild li, #footerarea3 .footerAreaChild li, #footerarea4 .footerAreaChild li {
	flex-basis: 49%;
}
.footerBottom {
	background: #454545 none repeat scroll 0 0;
	color: #fff;
	font-size: 10px;
	height: 140px;
	padding: 4px 0;
}
.footerSub {
	float: left;
}
.footerSub ul {
	display: inline-block;
	list-style: outside none none;
	margin: 0 auto;
	padding: 0;
	vertical-align: bottom;
}
.footerSub li {
	border-left: medium none;
	border-right: 1px solid #fff;
	display: inline-block;
	float: left;
	height: auto;
	line-height: 16px;
	margin: 0;
	padding: 0 10px;
}
.footerSub li:first-child {
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
}
.pageTop_mobile {
}
.footerSub li a {
	display: block;
}
.copyrights {
	float: right;
	padding: 0;
}
.footerBottom-wrapp {
	margin: auto;
	width: 1120px;
}
.staticPage {
	display: initial;
}
#main-wrapper .meritArea h2 {
	border-style: none;
	color: #df0615;
	font-size: large;
	font-weight: bold;
}
.main_topBnr {
}
.main_topBnrBox {
	margin: 0 auto 20px;
	text-align: center;
}
.main_topBnrBox p {
	color: #333333;
	font-size: 12px;
}
.flexslider {
}
.categoryArea {
	margin-bottom: 40px;
}
.category-wrapp {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.category-wrapp {
}
.cateBox {
	flex-basis: 24%;
	margin: 0 0 10px;
	text-align: center;
	width: 24%;
}
.cateBox span {
	display: block;
	font-size: 90%;
	line-height: 1em;
	padding: 0 0 10px;
}
.cateBox img {
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 4%;
}
.saleArea {
	margin-bottom: 40px;
}
.saleArea-wrapp {
	align-items: center;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.saleArea-wrapp .saleBox {
	flex-basis: 49%;
	width: 49%;
}
.saleArea-wrapp .saleBox.cul4 {
	flex-basis: 49%;
	width: 49%;
}
.merit-wrapp {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 40px;
	padding: 5px;
	text-align: center;
}
.merit-wrapp .meritBox {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ccc;
	flex-flow: column wrap;
	margin-bottom: 20px;
	padding: 5px;
}
.merit-wrapp .meritBox.cul4 {
	flex-basis: 49%;
	max-width: 49%;
	width: 49%;
}
.merit-wrapp .meritBox.cul2 {
	flex-basis: 49%;
	max-width: 49%;
	width: 49%;
}
.merit-wrapp .meritBox .title {
	display: inline-block;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0 0 1em;
	text-align: center;
	width: 100%;
}
.meritPic {
	width: 30%;
}
.merit-wrapp .meritBox p {
	font-size: 1em;
}
.merit-wrapp .meritBox .picArea {
	margin: 0 auto;
	width: 80%;
}
.bnrArea-wrapp {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 100%;
}
.bannerArea {
	margin-bottom: 40px;
}
.bnrArea-wrapp .bnrbox {
	flex-basis: 47%;
	margin-bottom: 20px;
	width: 47%;
}
#pushArea-wrapp h2 {
	margin-bottom: 10px;
}
#pushArea-wrapp p {
	font-size: 14px;
	padding: 10px;
}
#pushArea-wrapp .pushBox {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 40px;
	padding-bottom: 40px;
}
.aboutHappy {
}
.categoryPlate h3 {
	border-bottom: 1px dotted #999;
	font-size: 12px;
	line-height: 1.5;
	margin: 0 0 8px 3px;
	padding-bottom: 3px;
	text-align: left;
}
.categoryPlate .row {
	list-style-position: inside;
	margin: 0 10px 20px;
	overflow: hidden;
}
.categoryPlate .row li {
	background-image: url("../images/sikaku_4px.gif");
	background-position: 4px center;
	float: left;
	font-size: 12px;
	margin-bottom: 10px;
	text-decoration: none;
}
.categoryPlate .row li a {
	color: #666;
	text-decoration: none;
}
.categoryPlate .row li a:hover {
	text-decoration: underline;
}
.categoryPlate .row li, .categoryPlate h3 a {
	background-repeat: no-repeat;
	padding-left: 12px;
}
.main_topBnr {
	display: flex;
	flex-flow: row wrap;
	margin: 0 auto 20px;
}
.main_topBnrBox {
	flex-basis: 47%;
	margin: 0 auto 20px;
}
.main_topBnrBox p {
	color: #333333;
	font-size: 12px;
}
.flexslider {
	flex-basis: 100%;
	width: 100%;
}
.categoryArea, .saleArea, .meritArea, .bannerArea, #pushArea-wrapp {
}
.merit-wrapp .meritBox .title {
	font-size: 1em;
	padding: 0;
}
.merit-wrapp .meritBox .picArea {
	margin: 5px auto;
}
.merit-wrapp .meritBox p {
	display: block;
	padding: 5px 10px;
	text-align: left;
}
.cateBox {
	margin: 0 0 20px;
}
.categoryPlate {
}
.categoryPlate .wrap.main {
	display: flex;
	flex-flow: row wrap;
}
.categoryPlate .wrap.main .category {
	flex-basis: 33%;
}
.merit-wrapp .meritBox.cul4 {
	flex-basis: 24%;
	max-width: 24%;
	width: 24%;
}
.merit-wrapp .meritBox.cul2 {
	flex-basis: 49%;
	max-width: 49%;
	width: 49%;
}
.merit-wrapp .meritBox .title {
	font-size: 79%;
	padding: 0;
}
.merit-wrapp .meritBox p {
	display: block;
	font-size: 14px;
	line-height: 1.2em;
	padding: 5px 10px;
	text-align: left;
}
.categoryArea, .saleArea, .meritArea, .bannerArea, #pushArea-wrapp {
}
#pushArea-wrapp .pushBox {
	border-bottom: 1px dotted #ccc;
	flex-basis: 49%;
	margin-bottom: 40px;
	padding-bottom: 40px;
}
#pushArea-wrapp h2 {
	font-size: 15px;
	margin-bottom: 10px;
}
#pushArea-wrapp p {
	font-size: 12px;
	padding: 10px;
}
.categoryArea {
	margin-bottom: 40px;
}
.category-wrapp {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#pushArea-wrapp {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
}
#pushArea-wrapp .pushBox {
	border: 1px solid #d8d8d8;
	flex-basis: 32%;
	margin: 0 0 10px;
	max-width: 32%;
	padding: 10px;
}
#pushArea-wrapp .pushBox h2 {
	font-size: 12px;
}
#pushArea-wrapp p {
	font-size: 12px;
}
.cateBox {
	flex-basis: 19%;
	margin: 2px 4px 20px;
	text-align: center;
	width: 19%;
}
.cateBox span {
	font-size: 80%;
	padding: 0;
}
.cateBox img {
}
.saleArea-wrapp {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.saleArea-wrapp .saleBox {
	align-items: center;
	flex-basis: 48%;
	margin: 0 0 10px;
	width: 48%;
}
.saleArea-wrapp .saleBox.cul4 {
	flex-basis: 23%;
	width: 23%;
}
.merit-wrapp {
	background: #f0f0f0 none repeat scroll 0 0;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 40px;
	padding: 10px;
}
.merit-wrapp .meritBox {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 5px;
}
.merit-wrapp .meritBox.cul4 {
	flex-basis: 24%;
	max-width: 24%;
}
.merit-wrapp .meritBox.cul2 {
	display: flex;
	flex-basis: 49.3%;
	flex-flow: row wrap;
	max-width: 49.3%;
	width: 49.3%;
}
.merit-wrapp .meritBox .title {
	font-size: 18px;
	order: 1;
	padding: 0;
	text-align: center;
}
.merit-wrapp .meritBox p {
	display: inherit;
	flex-basis: 60%;
	font-size: 12px;
	order: 2;
	text-align: left;
}
.merit-wrapp .meritBox .picArea {
	flex-basis: 35%;
	margin: 0 auto 0 0;
	order: 2;
	width: 35%;
}
.bnrArea-wrapp .bnrbox {
	flex-basis: 32%;
	max-width: 100%;
}
.aboutHappy {
	display: initial;
}
/*ここから*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	height: 100%;
	position:static;
	color:#262626;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #EA0000;
	padding: 10px 0 0;
}
.happy_midashi, .footer-info-wrapper, #side-wrapper, #slider, #carousel, #ham-menu {
	display:none;
}
#flexcontainer, #main-container {
	width:100%;
}
article, #flexcontainer {
	display:block;
	height: 100%;
	width: 100%;
}
section {
	position:static;
}
/*TOPページ*/
.cateBox {
	display: inline-block;
	flex-basis: 12%;
	margin: 2px 4px 20px;
	text-align: center;
	width: 12%;
}
#.headWrapp, .headWrapp {
 display:block;
}
.marquee, .guestArea, .cate-serach_wrapper, .searchBox, .loginArea, .search-keywords {
	display:none;
}
.saleArea, .saleArea-wrapp, section {
	width:100%;
}
.saleBox {
	flex-basis: 47%;
	margin: 0 auto 20px;
}
.saleArea-wrapp .saleBox.cul4 {
	flex-basis: 47%;
	margin: 0 auto 20px;
}
.category-wrapp, .categoryArea {
	width:100%;
}
.meritArea {
	width:100%;
}
#headArea {
	display:block;
	position:static;
	overflow:hidden;
}
/*TOPページここまで*/
#contentsArea, #contents {
	display: block;
	width: 100%;
}
#campaign .wrapper {
	display:inline-block;
}
#campaign .box_product {
	display:inline-block;
	width: 18%;
}
#campaign .wrap {
	display:block;
	overflow: visible !important;
	position:static;
}
#sale2016-2 {
	display:block;
}
.cateBtn {
	display: inline-block;
	width: 23%;
}