@charset "utf-8";
@media (min-width: 320px) and (max-width: 767px) {
.container {
	width: 100%;
}
header {
	height: auto;
}
.logo {
	padding-left: 10px;
}
.logo-img {
	margin: 5px 23px 5px 0px;
}
.logo-img img {
	width: 75%;
}
.logo-img-block{
		display: none;
	}
.logo p {
	display: none;
}
.time-info {
	display: none;
}
nav {
	display: none;
}
/*==============================================================*/
.news_wrapper {
	width: auto;
	padding: 40px 15px 20px 15px;
}
.ac-container {
	width: calc(100% - 30px);
}
.news-slogan {
	width: 100%;
	padding: 13px 0px;
	margin-top: 20px;
}
.wear_form h1, .kimono_type h1, .scene h1, .wear_table h1 {
	margin-left: 15px;
	font-size: 17px;
	padding-left: 36px;
}
.wear_form h1 span, .kimono_type h1 span, .scene h1 span, .wear_table h1 span {
	font-size: 17px;
}
.wear_form .wear_form_wrapper {
	border-radius: 0px;
}
.wear_form form {
	padding: 15px;
}
.wear_form .form-group {
	width: 100%;
	padding-right: 0px;
}
.wear_form .form-group select {
	width: 100%;
	padding: 1px 0px;
	margin-bottom: 6px;
}
.wear_form .form-group input[type="submit"] {
	font-size: 13px;
	width: 100%;
	height: 37px;
	margin-top: 5px;
	margin-left: 0px;
}
.kimono_type .section, .scene .section, .popular .section, .advertise .section {
	/*padding: 0px 15px;*/
}
.span_1_of_4, .column_1_of_4 {
	width: 47.6%;
}
.col, .popular_col {
	margin: 0% 0% 3.4% 3.4%;
}
.col:nth-child(3n), .popular_col:nth-child(3n) {
	margin-left: 0;
}
.kimono_type .section img, .scene .section img, .popular .section img, .advertise .section img {
	width: calc(100% - 2px);
}
.kimono_type .section img {
	min-height: 88px;
}
.kimono_type p, .scene p {
	display: none;
}
.responsive-table {
	display: block;
	width: calc(100% - 30px);
	overflow-x: auto;
	white-space: nowrap;
	margin: 0px 15px 0px 15px;
}
.responsive-table table {
	margin-bottom: 10px;
}
 .responsive-table::-webkit-scrollbar-track {
 border-radius: 10px;
 background-color: #cccccc;
}
 .responsive-table::-webkit-scrollbar {
 height: 10px;
 background-color: #cccccc;
 border-radius: 10px;
}
 .responsive-table::-webkit-scrollbar-thumb {
 border-radius: 10px;
 background-color: #676767;
}
footer {
	text-align: center;
	padding-top: 30px;
}
footer ul {
	display: none;
}
footer .span_1_of_4 {
	width: 100%;
}
footer .col {
	margin: 0;
}
.copyright {
	margin-top: 30px;
}
.page-title h1 {
	font-size: 30px;
	margin-top: 0px;
}
.breadcrumb ul {
	padding: 0px 15px;
}
.breadcrumb ul li {
	line-height: 32px;
}
/*=== category page ===*/
.side{
	display: none;
}
.cart_item .item_box .table .item_photo, .cart_item .item_box .table .item_detail{display: inline-block;}
.item_photo{height: 150px;}
.flowline ul li{font-size: 12px;}
.flowline.step4 ul li{font-size: 11px;}
.unsubscribe_box h3 {
    font-size: 20px;
}
.btn {
    font-size: .9rem;
}
.sidebar {
	display: none;
}
.category {
	width: calc(100% - 30px);
	padding: 0px 15px;
}
.cat_type .col {
	margin: 0% 0% 2% 2%;
}
.cat_type .span_1_of_3 {
	width: 48.6%;
}
.cat_type .col:nth-child(3n) {
	margin-left: 2%;
}
.cat_type .col:first-child {
	margin-left: 0px;
}
.cat_type .col:nth-child(2n+1) {
	margin-left: 0px;
}
.cat_type .col:nth-child(2n) {
	margin-left: 2%;
}
/*=== end of category page ===*/
/*=== user-guide page ===*/
.guide {
	padding: 0px 15px;
}
.guide .span_2_of_4 {
	width: 100%;
}
.guide .col {
	margin-left: 0px;
	margin-bottom: 14px;
}
.guide_content {
	border: 4px solid #ECA7BC;
	padding: 25px;
	min-height: 50px
}
.guide_content h2 {
	font-size: 12px;
}
.guide_content p {
	font-size: 10px;
}
.rental_flow {
	padding: 20px 15px 40px 15px;
}
.rental_flow h1 {
	font-size: 30px;
	letter-spacing: -2px;
	margin-bottom: 5px;
}
.rental_flow .span_1_of_3 {
	width: 100%;
}
.rental_flow .col {
	margin-bottom: 7px;
	margin-left: 0px;
}
.rental_flow .box3 .box {
	min-height: 223px;
}
/*=== end of user guide page ===*/
/*=== faq page ===*/
.faq + h1{
	color:#D95079;
}
.faq .span_2_of_4 {
    width: calc(100% - 30px)
}
.faq .col {
    margin: 0% 15px 3.50% 15px;
}
.faq_content .ques span{
	margin-bottom:30px;
}
/*=== end of faq page ===*/
/*=== scene page ===*/
.scene-details .span_2_of_4{
	width: 100%;
}
.scene-details .col{
	margin-left: 0;
}
.scene-details h1{
	font-size: 17px;
    line-height: 28px;
}
.scene_form_wrapper h1 span{
	font-size: 17px;
}
.scene-desc, .scene-details h2{
	font-size: 21px;
}
.scene-details form{
	padding:34px 15px;
    width: 100%;
    margin-left: -15px;
}
.scene-details .form-group{
	width: 100%;
	padding-right: 0;
}
.scene-details .form-group label{
	font-size:13px;
}
.scene-details .form-group select{
	min-height: 25px;
	margin-bottom: 8px;
	width: 100%;
}
.scene-details .form-submit input[type="submit"]{
	width: 100%;
	margin-bottom: 2px;
}
/*=== end of scene page ===*/
.common-page{
	margin:0px 15px;
}
/*=== product details page ===*/

/*=== end of product details page ===*/
/*=== contact page ===*/
.contact-page{
	width:calc(100% - 30px);
	padding:0px 15px;
}
.contact-page a{
	display:block;
    margin-top: 10px;
}
.big-input{
    width: 100%;
	/*max-width:330px;*/
}
.contact-page .form-group label{
	min-width:calc(100% - 25px);
}
.contact-page .form-group select{
	width:100%;
}
.contact-page .form-group input[type="text"].small{
	width:100px;
}
.contact-page .form-group textarea{
	width:calc(100% - 12px);
	max-width:100%;
}
.contact-page .form-control p{
	margin-left:0px;
}
.contact-page .form-group input[type="text"], .contact-page .form-group select{
	margin-right:0px;
	margin-top:10px;
	width:calc(100% - 12px);
}
.contact-page .form-holder{
	float:none;
}
/*=== end of contact page ===*/
}
/* ADD */
@media (min-width: 768px){
	.rental_calendar{
	position:relative;
	margin:0 0 10px 0;
	min-width:100%;
}
.rental_calendar .navi{
	width:100%;
	display:block;
	clear:both;
	overflow:hidden;
	bottom:16px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 32px;
}
.rental_calendar .navi li{
	padding:5px;
	cursor:pointer;
	color:#ffffff;
	background:#cccccc;
	margin-left: 0px;
	margin-right: 10px;
	float: left;
}
}
@media (min-width: 1025px){
.rental_calendar{
	position:relative;
	margin:0 0 10px 0;
	min-width: 450px;
}
.rental_calendar .navi{
	width:25%;
	display:block;
	clear:both;
	overflow:hidden;
	bottom:16px;
	margin-left: auto;
    margin-right: 0;
}
.rental_calendar .navi li{
	padding:5px;
	cursor:pointer;
	color:#ffffff;
	background:#cccccc;
    margin-left: 10px;
    margin-right: 0;
    float: right;
}
}
/*ADD END*/
/*@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}*/