@charset "UTF-8";
/*
	共通ヘッダー用
*/
/*日本語*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500&display=swap&subset=japanese');
/*joliechambre用英字*/
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

.is--sp{
	display: none;
}
@media (max-width: 768px) {
	.is--sp{
		display: inherit;
	}
	body.is--opened{
		/* overflow: hidden; */
	}
	.header--pc {
	 	display: none !important;
	}
	.tmp__cmn-header{
		margin-top: calc( 55px + 4em );
	}
	.cmn-header.is--sp *{
		box-sizing:border-box;
	}
	.cmn-header.is--sp{
		display: block;
		position: fixed;
		top:0;
		z-index: 10000;
		width: 100%;
		min-width: 100%;
	}
	.cmn-header.is--sp img{
		width: 100%;
		min-width: 100%;
	}
	
	/*フォント指定*/
	.cmn-header.is--sp.is-prima{
		font-family: 'Roboto', 'Noto Sans JP', sans-serif;
		font-size: 2.6vw;
	}
	.cmn-header.is--sp.is--opened{
		height: 100%;
	}
	.cmn-header.is--sp .cmn-header__logoarea{
		width: 100%;
		display: block;
		position: fixed;
		background: #fff;
		z-index: 100;
	}
	
	.cmn-header.is--sp .cmn-header__logoarea{
		height: 55px;
		padding-top: 10px;
	}
	.cmn-header.is--sp .cmn-header__logoarea .cmn-header__tools__item{
		position: absolute;
		display: block;
	}
	.cmn-header.is--sp .cmn-header__tools__item--login{
		left: 14px;
		width: 20px;
	}
	/* Prima */
	.cmn-header.is--sp.is-prima .cmn-header__tools__item--login{
		left: 7px;
		width: 26px;
	}
	.cmn-header.is--sp .cmn-header__tools__item--cart{
		left: 43px;
		width: 28px;
	}
	/* mimi toujours */
	.cmn-header.is--sp.is-mimi .cmn-header__tools__item--cart{
		left: 43px;
		width: 22px;
	}
	/* Prima */
	.cmn-header.is--sp.is-prima .cmn-header__tools__item--cart{
		left: 42px;
		width: 24px;
	}
	.cmn-header.is--sp .cmn-header__tools__item--menu{
		right:14px;
		width: 30px;
	}
	/* Prima */
	.cmn-header.is--sp.is-prima .cmn-header__tools__item--menu{
		right:14px;
		width: 23px;
	}
	/*ロゴ*/
	.is--sp .cmn_header__logo{
		margin: 0 auto;
	}
	.is--sp .cmn_header__logo h1{
		margin: 0;
		line-height: 1em;
	}
	/* Prima */
	.is--sp.is-prima .cmn_header__logo{
		width:174px;
	}
	
	/*メニュー*/
	.is--sp .cmn-header__menu{
		width: 100%;
		position: absolute;
		z-index: 1;
		padding-bottom: 14px;
		transition: all 0.5s ease-in-out;
		margin-top: -350%;
		border-top: 1px dashed #000000;
	}
	
	.is--sp.is-prima .cmn-header__menu{
		border-top-style: solid;
	}
	/* Prima*/
	.is--sp.is-prima .cmn-header__menu{
		background: rgba(220,220,220,0.95);
	}
	
	.is--sp .cmn-header__menu a{
		color: #000000;
	}
	
	.is--sp .cmn-header__menu.is--active {
		max-height: calc(100% - 53px);
		overflow-y: auto;
		overflow-x: hidden;
		transition: all 0.8s ease-in-out 0.1s;
	}
	.is--sp .cmn-header__menu.is--active{
		margin-top: 55px;
	}
	.is--sp .cmn-header__menu__list{
		list-style: none;
		padding: 3vw 9vw;
	}
	.is--sp .cmn-header__menu__item{
		padding: 3vw 0;
		font-size: 4vw;
		letter-spacing: 0.1em;
		text-indent: 0.1em;
	}
	.is--sp .cmn-header__menu__txt-jp{
		font-size: 2.8vw;
		position: relative;
		padding-left: 1.4em;
		vertical-align: middle;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		color:#000000;
		bottom:0.5vw;
	}
	.is--sp .cmn-header__menu__txt-jp:before{
		content: "";
		display:block;
		border-top:2px solid #000000;
		width:1vw; 
		position: absolute;
		top:0.7em;
		left: 0.5em;
	}
	
	.is--sp .cmn-header__menu__item--all .cmn-header__menu__txt-jp{
		padding-left: 10px;
	}
	.is--sp .cmn-header__menu__item--all .cmn-header__menu__txt-jp:before{
		display: none;
	}
	.cmn-header__hr{
		border: none;
		border-top: 1px dashed #000000;
	}
	
	.is-prima .cmn-header__hr{
		border-top-style: solid;
	}
	
	/*検索*/
	.is--sp .cmn-header__search{
		margin: 10vw auto 0 auto;
		border-bottom: 1px solid #000000;
		width:60vw;
		color: #000000;
		font-size: calc(1rem + 1vw);
		position: relative;
		padding: 2px 0 1vw;
	}
	.is--sp .cmn-header__search input[type="text"]{
		width:calc(55vw - 1rem + 1vw);
		font-family: 'Roboto', 'Noto Sans JP', sans-serif;
		font-weight: 300;
		letter-spacing: 0.1em;
		border: 0;
		background: transparent;
	}
	/* Prima */
	.is--sp.is-prima .cmn-header__search input[type="text"]{
		width:calc(55vw - 1rem + 1vw);
		font-family: 'Roboto', 'Noto Sans JP', sans-serif;
		font-weight: 300;
		letter-spacing: 0.1em;
		border: 0;
		background: transparent;
	}
	.is--sp .cmn-header__search input[type="submit"]{
		width:calc(1.3rem + 1vw);
		height: calc(1.3rem + 1vw);
		background: url(../images/cmn-header/btn_search-sp.png) no-repeat;
		background-size:contain;
		border: none;
		position: absolute;
		right: 2px;
	}
	.is--sp .cmn-header__info{
		text-align: center;
		padding-top: 8vw;
		font-size: 3vw;
		letter-spacing: 0.1em;
		text-indent: 0.1em;
	}
	.is--sp.is-mimi .cmn-header__info,
	.is--sp.is-lialaxpg .cmn-header__info{
		font-family: 'Noto Sans JP', sans-serif;
	}
	.is--sp .cmn-header__info a{
		color: #000000;
	}
	.is--sp .cmn-header__info a img{
		width: 5vw;
		min-width: 5vw;
		margin-right: 1.5vw;
		vertical-align: middle;
	}
	.is--sp .cmn-header__links{
		text-align: center;
		padding-top: 8vw;
	}
	.is--sp .cmn-header__links__item{
		display: inline-block;
		margin-right: 3.8vw;
	}
	.is--sp .cmn-header__links__item:last-child{
		margin-right: 0;
	}
	.is--sp .cmn-header__links__item a img{
		width:8vw;
		min-width:8vw;
	}
	.is--sp .cmn-header__js{
		text-align: center;
		padding-top: 3vw;
	}
	
	.is--sp .cmn-header__js a img{
		min-width:10vw;
		width:10vw;
	}
	.is--sp .cmn-header__js__txt{
		padding-top: 2vw;
		font-weight: bold;
		letter-spacing: 0.05em;
	}
	.is--sp .cmn-header__js__txt a{
		padding-bottom: 0.3em;
		border-bottom:1px solid #000000;
		font-weight: bolder;
	}
	.is--sp.is-mimi .cmn-header__js__txt,
	.is--sp.is-lialaxpg .cmn-header__js__txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
	}
	
	.is--sp.is-prima .cmn-header__js__txt{
		font-weight: 300;
		font-size: 2.2vw;
	}
	.is--sp.is-prima .cmn-header__js__txt strong,
	.is--sp.is-prima .cmn-header__js__txt a{
		font-size: 2.5vw;
	}
	
	.is--sp.is-prima .cmn-header__js__txt a:hover{
		text-decoration: none;
		opacity: 0.7;
	}
	.is--sp .cmn-header__close{
		padding-top: 1vw;
		text-align: right;
		position: relative;
		cursor: pointer;
    	padding-bottom: 3vw;
	}
	.is--sp .cmn-header__close img{
		width: 6vw;
		min-width: 6vw;
		position: relative;
		right:4vw;
	}
	
	/*カテゴリ*/
	.is--sp .cmn-header__category__list {
		text-align: center;
	}
	/* Prima */
	.is--sp.is-prima .cmn-header__category__list {
		padding: 0.4em 0 0.4em;
		margin-top: 55px;
		background-color: #000000;
		color:#ffffff;
	}
	.is--sp.is-prima .cmn-header__category__list a{
		color:#ffffff;
	}
	.is--sp.is-prima .cmn-header__category__list a:hover{
		text-decoration: none;
		opacity: 0.7;
	}
	.is--sp .cmn-header__category__item{
		display: inline-block;
		font-size: 1em;
	}
	/* Prima */
	.is--sp.is-prima .cmn-header__category__item{
		letter-spacing: 0.1em;
		text-indent: 0.1em;
	}
	.is--sp .cmn-header__category__item:nth-child(n+2):after{
		content: " / ";
	}
	.is--sp .cmn-header__category__item:last-child:after{
		content: ""
	}
	.is--sp .cmn-header__category__item--all{
		position: relative;
	}
	/* Prima */
	.is--sp.is-prima .cmn-header__category__item--all{
		background: #888888;
		padding: 1px 16px 0;
		letter-spacing: 0.1em;
		text-indent:0.1em;
		margin-right: 4px;
		border-radius: 2px;
		font-size: 1.1em;
	}
	/*ピックアップ*/
	.is--sp .cmn-header__pickup__list{
		text-align: center;
		padding: 0.4em 0 0.2em;
		border-bottom: #000000 1px solid;
	}
	/* Prima */
	.is--sp.is-prima .cmn-header__pickup__list{
		background: #fff;
		color: #000000;
	}
	.is--sp.is-prima .cmn-header__pickup__list a{
		color: #000000;
	}
	.is--sp .cmn-header__pickup__item{
		display: inline-block;
		letter-spacing: 0.12em;
		text-indent: 0.12em;
		font-size: 1.2em;
	}
	.is--sp .cmn-header__pickup__item:after{
		content: " | ";
		padding: 1vw;
	}
	
	.is--sp .cmn-header__pickup__item:last-child:after{
		content: "";
	}
	.is--sp .cmn-header__pickup__item a img{
		width: auto ;
		min-width: auto;
		height: 1.2em;
		/*bottom:0.1em;*/
		position: relative;
		padding-right: 0.2em;
	}
	.is--sp .cmn-header__pickup__item-insta a img{
		padding-right: 0;
	}
	
	.cmn-header__description.is--sp{
		text-align: center;
		padding: 1em 0 1.5em;
		font-family: 'Noto Sans JP', sans-serif;
	}
	/*Prima */
	.cmn-header__description.is--sp.is-prima {
		color:#000000;
		font-size: 2.2vw;
	}
	
}