@charset "UTF-8";

@media screen and (min-width: 481px) {

/* フォーム */
.p_inquiry_form{
	display: table;
	width: 100%;
}

.p_inquiry_formItem{
	display: table-row;
}

.p_inquiry_formTitle,
.p_inquiry_formInput{
	display: table-cell;
	padding-top: 30px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.p_inquiry_formItem:first-child .p_inquiry_formTitle,
.p_inquiry_formItem:first-child .p_inquiry_formInput{
	padding-top: 0;
}

.p_inquiry_formTitle{
	width: 32.9%;
}

}

@media screen and (max-width: 767px) and (min-width: 481px) {

.l_column.m_1n-sp .l_column_item{
	float: none;
	margin-bottom: 10px;
}

.l_column.m_2n-sp .l_column_item{
	width: 49%;
	float: right;
	margin-bottom: 3.5%;
}

.l_column.m_2n-sp .l_column_item:nth-child(2n+1){
	clear: both;
	float: left;
}

.l_column.m_3n-sp .l_column_item{
	margin-bottom: 1.875%;
	width: 32.08333%;
	margin-left: 1.875%;
}

.l_column.m_3n-sp .l_column_item:nth-child(3n+1){
	clear: both;
	margin-left: 0;
}

.l_column.m_4n-sp .l_column_item{
	margin-bottom: 2.6666%;
	width: 23%;
	margin-left: 2.6666%;
}

.l_column.m_4n-sp .l_column_item:nth-child(4n+1){
	clear: both;
	margin-left: 0;
}

.l_column.m_5n-sp .l_column_item{
	margin-bottom: 2.0837%;
	width: 18.333%;
	margin-left: 2.0837%;
}

.l_column.m_5n-sp .l_column_item:nth-child(5n+1){
	clear: both;
	margin-left: 0;
}

}

@media screen and (max-width: 991px) and (min-width: 768px) {

.l_column.m_1n-tab .l_column_item{
	float: none;
	margin-bottom: 10px;
}

.l_column.m_2n-tab .l_column_item{
	width: 49%;
	float: right;
	margin-bottom: 2%;
}

.l_column.m_2n-tab .l_column_item:nth-child(2n+1){
	clear: both;
	float: left;
}

.l_column.m_3n-tab .l_column_item{
	margin-bottom: 1.875%;
	width: 32.08333%;
	margin-left: 1.875%;
}

.l_column.m_3n-tab .l_column_item:nth-child(3n+1){
	clear: both;
	margin-left: 0;
}

.l_column.m_4n-tab .l_column_item{
	margin-bottom: 2.6666%;
	width: 23%;
	margin-left: 2.6666%;
}

.l_column.m_4n-tab .l_column_item:nth-child(4n+1){
	clear: both;
	margin-left: 0;
}

.l_column.m_5n-tab .l_column_item{
	margin-bottom: 2.0837%;
	width: 18.333%;
	margin-left: 2.0837%;
}

.l_column.m_5n-tab .l_column_item:nth-child(5n+1){
	clear: both;
	margin-left: 0;
}

}

@media screen and (min-width: 992px) {

.l_column.m_1n-pc .l_column_item{
	float: none;
	margin-bottom: 10px;
}

.l_column.m_2n-pc .l_column_item{
	width: 49%;
	float: right;
	margin-bottom: 2%;
}

.l_column.m_2n-pc .l_column_item:nth-child(2n+1){
	clear: both;
	float: left;
}

.l_column.m_3n-pc .l_column_item{
	margin-bottom: 3.875%;
	width: 32.08333%;
	margin-left: 1.875%;
}

.l_column.m_3n-pc .l_column_item:nth-child(3n+1){
	clear: both;
	margin-left: 0;
}

.l_column.m_4n-pc .l_column_item{
	margin-bottom: 2.6666%;
	width: 23%;
	margin-left: 2.6666%;
}

.l_column.m_4n-pc .l_column_item:nth-child(4n+1){
	clear: both;
	margin-left: 0;
}

.l_column.m_5n-pc .l_column_item{
	margin-bottom: 2.0837%;
	width: 18.333%;
	margin-left: 2.0837%;
}

.l_column.m_5n-pc .l_column_item:nth-child(5n+1){
	clear: both;
	margin-left: 0;
}

}

@media screen and (max-width: 1119px) {

.l_container{
	min-width: 320px;
}

.l_inner,
.l_spacing-sp{
	padding-left: 10px;
	padding-right: 10px;
}

.l_inner .l_inner{
	padding-left: 0;
	padding-right: 0;
}

.l_expand{
	margin-left: -10px;
	margin-right: -10px;
}

.menuarea .item.m_scarf{
	width: 100%;
	height: 18.9%;
}

.menuarea .item.m_stockings{
	width: 100%;
	height: 18.9%;
	top: 18.75%;
	left: 0;
}

.menuarea .item.m_collection{
	width: 100%;
	height: 18.9%;
	top: 37.5%;
}

.menuarea .item.m_about{
	width: 100%;
	height: 18.9%;
	top: 56.25%;
	left: 0;
}

.menuarea .item.m_home,
.menuarea .item.m_mail,
.menuarea .item.m_cart,
.menuarea .item.m_login{
	height: 25.5%;
}

.menuarea .item.m_home{
	top: auto;
	bottom: 0;
	right: auto;
	left: 0;
	width: 25%;
}

.menuarea .item.m_mail{
	top: auto;
	bottom: 0;
	right: auto;
	left: 25%;
	width: 25%;
}

.menuarea .item.m_cart{
	bottom: 0;
	right: auto;
	left: 50%;
	width: 25%;
}

.menuarea .item.m_login{
	bottom: 0;
	width: 25%;
}

.p_mainimage{
	padding-top: 18%;
	padding-bottom: 18%;
}

}

@media screen and (max-width: 991px) {

.menubtn{
	width: 90px;
	height: 90px;
}

.menubtn_border{
	width: 25px;
	top: 18px;
	right: 11px;
}

.menubtn_border:before{
	bottom: 6px;
}

.menubtn_border:after{
	top: 6px;
}

.menubtn:hover .menubtn_border:before{
	bottom: 8px;
}

.menubtn:hover .menubtn_border:after{
	top: 8px;
}

.menubtn.is_open .menubtn_border:before{
	bottom: -1px;
}

.menubtn.is_open .menubtn_border:after{
	top: 0;
}

.menubtn_txt{
	top: 28px;
	right: 5px;
}

.menuarea .copyright{
	bottom: 5px;
	width: 25%;
	line-height: 1.2;
	font-size: 10px;
	font-size: 1rem;
}

.c_margin-large{
	margin-bottom: 80px;
}


.c_btn img{
/*	width: 340px;*/
	vertical-align: middle;
}
.p_recommend .btn{
	max-width: 82%;
	margin: 0 auto 0 auto;
	line-height: 1;
}
.p_recommend .c_btn{
	padding: 2.7% 10% 4%;
}

}

@media screen and (max-width: 767px) {

.menuarea .item img{
	max-width: 50%;
}

.l_footer{
	padding-top: 35px;
}

.l_footer .pagetop{
	right: 15px;
}

.c_txt{
	text-align: left;
}

.p_slider_txt{
	width: 200%;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
}

.p_slider_logo{
	top: 20px;
	left: 20px;
}

.p_slider_prev,
.p_slider_next{
	width: 30px;
	height: 40px;
	-webkit-background-size: auto 30px !important;
	background-size: auto 30px !important;
}
.q_guide6 .list_text {
	padding: 0;
}

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

scarf

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

about

----------------------------------------------------*/
.q_about3{
	padding-top: 120px;
}
    
/*---------------------------------------------------

collection

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

contact

----------------------------------------------------*/
.q_contact2_indent1{
	padding-left: 1em;
}

.q_contact2_indent2{
	padding-left: 2em;
}

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

guide

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

collection

----------------------------------------------------*/
.pagenavi__item,
.pagenavi__item-previous,
.pagenavi__item-first,
.pagenavi__item-last,
.pagenavi__item-next{
	margin: 0 0 2px;
}

.pagenavi__item a,
.pagenavi__item-previous a,
.pagenavi__item-first a,
.pagenavi__item-last a,
.pagenavi__item-next a{
	font-size: 12px;
	font-size: 1.2rem;
	min-width: 25px;
	line-height: 25px;
}

.pagenavi__item-previous a,
.pagenavi__item-next a{
	padding: 0 15px;
}

.pagenavi__item-first,
.pagenavi__item-last{
	display: none;
}

}

@media screen and (max-width: 480px) {

.l_footer .copyright{
	text-align: center;
}

.fnavi{
	text-align: center;
	font-size: 11px;
	font-size: 1.1rem;
}

.fnavi li{
	margin-left: 5px;
	padding-left: 7px;
}

.fico{
	text-align: center;
}

.l_column.m_1n-xs .l_column_item{
	float: none;
	margin-bottom: 10px;
}

.l_column.m_2n-xs .l_column_item{
	width: 49%;
	float: right;
	margin-bottom: 4%;
}

.l_column.m_2n-xs .l_column_item:nth-child(2n+1){
	clear: both;
	float: left;
}

.l_column.m_3n-xs .l_column_item{
	margin-bottom: 1.875%;
	width: 32.08333%;
	margin-left: 1.875%;
}

.l_column.m_3n-xs .l_column_item:nth-child(3n+1){
	clear: both;
	margin-left: 0;
}

.l_column.m_4n-xs .l_column_item{
	margin-bottom: 2.6666%;
	width: 23%;
	margin-left: 2.6666%;
}

.l_column.m_4n-xs .l_column_item:nth-child(4n+1){
	clear: both;
	margin-left: 0;
}

.l_column.m_5n-xs .l_column_item{
	margin-bottom: 2.0837%;
	width: 18.333%;
	margin-left: 2.0837%;
}

.l_column.m_5n-xs .l_column_item:nth-child(5n+1){
	clear: both;
	margin-left: 0;
}

/* フォーム */
.p_inquiry_formTitle{
	margin-bottom: 6px;
}

.p_inquiry_formInput{
	margin-bottom: 20px;
}

.p_inquiry_formInput input,
.p_inquiry_formInput textarea{
	font-size: 16px;
	font-size: 1.6rem;
}

.q_guide2 .area_item{
	float: none !important;
	width: auto;
	margin: 0 0 20px;
}

.q_guide2 .area_item:last-child{
	margin-bottom: 0;
}

.q_guide2 .imgtable .pc,
.q_guide6 .imgtable .pc {
    display: none;
}

.q_guide2 .imgtable .sp,
.q_guide6 .imgtable .sp {
    display: inline-block;
}

}

