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

	common

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

html{
    width: 100%;
    height: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}
body{
    width: 100%;
    height: 100%;
	font-size: 1.6em;
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 500;
	line-height: 1.7;
	position: relative;
}
ul,ol,li{ list-style-type: none; }
img{
	max-width: 100%;
	height: auto;
	border: 0;
}
a{
	text-decoration: none;
	color: inherit;
}
a:hover { opacity: .7;}
a:hover img{
	opacity: .7;
	filter: alpha(opacity=70);
	zoom: 1;
}


/*PC*/
@media screen and (min-width: 751px) {
	img.pc-max { width: 100%}
	.pcno{ display: none; }

	body.hed-fix{
		margin-top: 82px;
	}
	.anchor {
		display: inline-block;
		padding-top: 68px;
		margin-top: -68px;
	}

}/*END*/


/*Smartphone*/
@media screen and (max-width: 750px) {

	body{ font-size: 1.4em; line-height: 1.5; }
	img.sm-max {width: 100%}
	.smno{ display: none; }
	.tbno{ display: none; }

	/*iOSタップ時のバグ対応*/
	a:hover img{
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}

}/*END*/



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

	汎用クラス

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

/*	テキスト関係
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.center{ text-align: center; }
.left{ text-align: left; }
.right{ text-align: right; }
.justi{ text-align: justify; }

.mincho {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    /* 追加 */
    transform: rotate(.03deg);
}
.eng {
    font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
}
.txt_bold { font-weight: bold; }
.txt_blue { color: #004e9d; }


/*	clearfix
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.cb{ clear: both; }
.cf::after{
	content: "";
	display: block;
	clear: both;
}


/*	ホバー透過
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.op:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	zoom: 1;
}


/*	マージン
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb25{ margin-bottom: 25px; }
.mb30{ margin-bottom: 30px; }
.mb35{ margin-bottom: 35px; }
.mb40{ margin-bottom: 40px; }
.mb45{ margin-bottom: 45px; }
.mb50{ margin-bottom: 50px; }
.mb55{ margin-bottom: 55px; }
.mb60{ margin-bottom: 60px; }
.mb65{ margin-bottom: 65px; }
.mb70{ margin-bottom: 70px; }
.mb75{ margin-bottom: 75px; }
.mb80{ margin-bottom: 80px; }
.mb85{ margin-bottom: 85px; }
.mb90{ margin-bottom: 90px; }
.mb95{ margin-bottom: 95px; }
.mb100{ margin-bottom: 100px; }

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

    /*margin*/
    .mb10{ margin-bottom: 5px; }
    .mb15{ margin-bottom: 7px; }
    .mb20{ margin-bottom: 10px; }
    .mb25{ margin-bottom: 12px; }
    .mb30{ margin-bottom: 15px; }
    .mb35{ margin-bottom: 17px; }
    .mb40{ margin-bottom: 20px; }
    .mb45{ margin-bottom: 22px; }
    .mb50{ margin-bottom: 25px; }
    .mb55{ margin-bottom: 27px; }
    .mb60{ margin-bottom: 30px; }
    .mb65{ margin-bottom: 32px; }
    .mb70{ margin-bottom: 35px; }
    .mb75{ margin-bottom: 37px; }
    .mb80{ margin-bottom: 40px; }
    .mb85{ margin-bottom: 42px; }
    .mb90{ margin-bottom: 45px; }
    .mb95{ margin-bottom: 47px; }
    .mb100{ margin-bottom: 50px; }

	.sm-mb10{ margin-bottom: 10px; }
	.sm-mb15{ margin-bottom: 15px; }
	.sm-mb20{ margin-bottom: 20px; }
	.sm-mb25{ margin-bottom: 25px; }
	.sm-mb30{ margin-bottom: 30px; }
	.sm-mb35{ margin-bottom: 35px; }
	.sm-mb40{ margin-bottom: 40px; }
	.sm-mb45{ margin-bottom: 45px; }
	.sm-mb50{ margin-bottom: 50px; }
	.sm-mb55{ margin-bottom: 55px; }
	.sm-mb60{ margin-bottom: 60px; }
	.sm-mb65{ margin-bottom: 65px; }
	.sm-mb70{ margin-bottom: 70px; }
	.sm-mb75{ margin-bottom: 75px; }
	.sm-mb80{ margin-bottom: 80px; }
	.sm-mb85{ margin-bottom: 85px; }
	.sm-mb90{ margin-bottom: 90px; }
	.sm-mb95{ margin-bottom: 95px; }
	.sm-mb100{ margin-bottom: 100px; }

}/*end*/





/*	flexbox
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.fb {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fb-both { /*両端揃え*/
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.fb-right { /*右寄せ*/
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
.fb-center { /*中央揃え*/
	justify-content: center;
	-webkit-justify-content: center;
}
.fb-al-center {
	align-items: center;
}

.w10 { width: 10%;}
.w15 { width: 15%;}
.w20 { width: 20%;}
.w25 { width: 25%;}
.w30 { width: 30%;}
.w33 { width: 33.333%;}
.w35 { width: 35%;}
.w40 { width: 40%;}
.w45 { width: 45%;}
.w50 { width: 50%;}
.w55 { width: 55%;}
.w60 { width: 60%;}
.w65 { width: 65%;}
.w70 { width: 70%;}
.w75 { width: 75%;}
.w80 { width: 80%;}
.w85 { width: 85%;}
.w90 { width: 90%;}
.w95 { width: 95%;}
.w100 { width: 100%;}

/*Smartphone*/
@media screen and (max-width: 750px) {
	.fb-spno { width: 100%!important;}
}/*end*/


/*	装飾文字
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.btn {
	text-align: center;
}
.btn a {
	width: 100%;
	max-width: 250px;
	height: 46px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #000;
	display: grid;
	border: #000 1px solid;
	background-color: #FAF5EB;
	align-content: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	/*
	position: relative;
	*/
	
}

/*Smartphone*/
@media screen and (max-width: 750px) {
	.btn a {
		max-width: 176px;
		height: 34px;
		font-size: 1.2rem;
	}
}/*end*/






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

	ヘッダー

------------------------------------------*/
header {
	background-color: #EEEFEF;
}

/*pc*/
@media screen and (min-width: 751px) {
	header {
		height: 105px;
	}
}/*end*/

/*Smartphone*/
@media screen and (max-width: 750px) {
	header {
		height: 55px;
	}
	header img {
		width: 98px;
		height: auto;
	}
}/*end*/


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

	MV

------------------------------------------*/
.mv-box .inr {
	background-color: #FAF5EB;
}
.mv-box .img-box {
	line-height: 1;
}
.mv-box .txt-box {
	padding-right: 15px;
	padding-left: 15px;
}
.mv-box .cap {
	border-left: #000 2px solid;
}
.mv-box .tit {
	letter-spacing: .3em;
}
.mv-box time {
	display: inline-block;
	padding-top: .7em;
}

/*pc*/
@media screen and (min-width: 751px) {
	.mv-box .img-box {
		width: 50%;
	}
	.mv-box .txt-box {
		width: 50%;
		font-size: 2.0rem;
	}
	.mv-box .cap {
		padding-left: 30px;
		margin-left: 30px;
	}
}/*end*/

/*pc*/
@media screen and (max-width: 955px) {
	.mv-box .txt-box {
		width: 50%;
		font-size: 1.5rem;
	}
	.mv-box .cap {
		padding-left: 20px;
		margin-left: 20px;
	}
}/*end*/

/*Smartphone*/
@media screen and (max-width: 750px) {
	.mv-box .img-box {
		width: 100%;
	}
	.mv-box .txt-box {
		width: 100%;
		font-size: 1.0rem;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.mv-box .cach {
		width: 85%;
		margin-right: auto;
		margin-left: auto;
	}
	.mv-box .cap {
		padding-left: 15px;
		margin-left: 15px;
	}
	.mv-box .tit {
		font-weight: bold;
	}
}/*end*/


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

	コラボ

------------------------------------------*/
.special-box {
	padding-bottom: 30px;
}
.special-box .inr {
	width: 100%;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

/*pc*/
@media screen and (min-width: 751px) {
	.special-box .tit-box {
		width: 55%;
	}
	.special-box .tit-box .posi {
		position: relative;
		left: 13%;
	}
	.special-box .tit-box img {
		width: 65%;
	}
	.special-box .img-box {
		width: 45%;
	}
	.special-box .img-box img {
		width: 90%;
	}
	.special-box .btn:first-child {
		margin-top: 17px;
	}
	.special-box .txt {
		font-size: 1.2rem;
	}
}/*end*/

/*Smartphone*/
@media screen and (max-width: 750px) {
	.special-box {
		padding: 30px 0;
	}
	.special-box img {
		width: 70%;
	}
	.special-box .txt {
		font-size: .9rem;
	}
}/*end*/


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

	バッグ

------------------------------------------*/
.bag-box {
	text-align: center;
	background-color: #FAF5EB;
	padding: 50px 0;
}
.bag-box .inr {
	width: 69%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.bag-box .tit {
	font-size: 2.0rem;
	letter-spacing: .2em;
}
.bag-box .spec {
	font-size: 1.4rem;
}
.bag-box .txt {
	font-size: 1.6rem;
	text-align: justify;
	padding: 0 20px;
	position: relative;
}
.bag-box .thum-box li {
	width: 23%;
}
.bag-box .txt::before,
.bag-box .txt::after {
	content: "";
	width: 10px;
	height: 100%;
	border-top: #000 2px solid;
	border-bottom: #000 2px solid;
	position: absolute;
	top: 0;
}
.bag-box .txt::before {
	border-left: #000 2px solid;
	left: 0;
}
.bag-box .txt::after {
	border-right: #000 2px solid;
	right: 0;
}

/*pc*/
@media screen and (min-width: 751px) {
}/*end*/

/*Smartphone*/
@media screen and (max-width: 750px) {
	.bag-box .inr {
		width: 80%;
		padding: 0;
	}
	.bag-box h2 {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	}
	.bag-box .thum-box {
		width: 82%;
		margin-right: auto;
		margin-left: auto;
	}
	.bag-box .thum-box li {
		width: 47.8%;
		margin-bottom: 2%;
	}
	.bag-box .thum-box li:nth-child(n+3) {
		margin-bottom: 0;
	}
	.bag-box .tit {
		font-size: 1.5rem;
		letter-spacing: .15em;
	}
	.bag-box .spec {
		font-size: 1.0rem;
	}
	.bag-box .txt {
		font-size: 1.1rem;
	}
}/*end*/


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

	footer

------------------------------------------*/
footer {
	font-size: 1.2rem;
	color: #fff;
	text-align: center;
	background-color: #251E1C;
	padding: 25px 0;
	position: relative;
}
footer .p-top {
	line-height: 0;
	position: absolute;
	bottom: 100%;
	right: 30px;
}

/*pc*/
@media screen and (min-width: 751px) {
}/*end*/

/*Smartphone*/
@media screen and (max-width: 750px) {
	footer {
		font-size: 0.6rem;
		padding: 12px 0;
	}
	footer .p-top {
		right: 15px;
	}
}/*end*/