@charset "utf-8";

.sns {
	top: 500px !important;
	background-color: rgba(255,255,255,0) !important;
}

.brPC {
	display: inline-block;
}

.brSP {
	display: none;
}

#Main {
	font-family: 'Yu Gothic',YuGothic,'游ゴシック体','游ゴシック','YuGothM','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-weight: bold;
}

#TOP {
	margin-top: -84px;
	padding-top: 84px;
}


/*-----------------------------------------------
	こちらの企画は終了しました
-----------------------------------------------*/

.closeEvent {
	max-width: 700px;
	width: 90%;
	box-sizing: border-box;
	padding: 3%;
	margin: 80px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #1a0c08;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.05em;
}

/*-----------------------------------------------
	パンくず
-----------------------------------------------*/

#Main .Pan {
	display: flex;
	align-items: center;
	min-width: 960px;
	width:100%;
	margin: 1em auto;
	padding: 0 70px;
	box-sizing: border-box;
	font-family: 'Yu Gothic',YuGothic,'游ゴシック体','游ゴシック','YuGothM','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-weight: normal;
}

@media screen and (min-width: 769px) and (max-width: 1100px) {
	#Main .Pan {
	padding: 0 20px;
}
}

#Main .Pan li {
	position: relative;
	font-size: 14px;
	padding-right: 1.5em;
	font-family: 'Yu Gothic',YuGothic,'游ゴシック体','游ゴシック','YuGothM','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

#Main .Pan li::after {
	content: "";
	position: absolute;
	display: block;
	top: 0.5em;
	right: 0.6em;
	width: 5px;
	height: 5px;
	transform: rotate(45deg);
	border-top: 1px solid #1a0c08;
	border-right: 1px solid #1a0c08;
}

	#Main .Pan li:last-child {
		font-weight: bold;
	}

	#Main .Pan li:last-child::after {
		display: none;
	}


/*-----------------------------------------------
	タイトル
-----------------------------------------------*/

.randoserutitle {
	width: 100%;
	height: 0;
	padding-top: 21.61583333%;
	background: url(../images/title.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.randoserutitle div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-weight: normal;
	font-family: 'Raleway-Bold';
	color: #fff;
	letter-spacing: 0.1em;
}

.randoserutitle div p {
	max-width: 12%;
	height: 55%;
	margin: 3% auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #fff;
	box-sizing: border-box;
}

.randoserutitle span {
	display: block;
	text-align: center;
	font-size: 1.5vw;
}

.randoserutitle img {
	width: 38%;
	margin-top: 0.5em;
}



/*-----------------------------------------------
	冒頭リード文
-----------------------------------------------*/

.About {
	padding: 100px 0;
	text-align: center;
}

.About p {
	font-size: 36px;
	line-height: 1.7em;
	letter-spacing: 0.2em;
	margin-bottom: 1.5em;
}

.About span {
	font-size: 20px;
	letter-spacing: 0.06em;
}



/*-----------------------------------------------
	Which do you choose?
-----------------------------------------------*/

.Choose {
	border: 1px solid #1a0c08;
	text-align: center;
	max-width: 735px;
	width: 100%;
	margin: 0 auto 150px;
	padding: 6% 0;
	box-sizing: border-box;
}

.Choose img {
	width: 100%;
}

.Choose .title {
	width: 50%;
	margin: 0 auto 2.5em;
}

.Choose ul {
	display: flex;
	width: 40%;
	margin: 0 auto;
	flex-direction: row;
}

.Choose ul li {
	width: 50%;
	box-sizing: border-box;
}

	.Choose ul li:first-child {
		margin-right: 20%;
		margin-top: 3px;
	}
	
.Choose div {
	margin-top: 1em;
	font-size: 20px;
	line-height: 1.7em;
	letter-spacing: 0.06em;
}

.Choose div span {
	display: block;
	font-size: 16px;
	line-height: 1.9em;
	margin-top: 3em;
}


/*-----------------------------------------------
	ランドセル紹介
-----------------------------------------------*/

.Model {
	width: 100%;
	max-width: 910px;
	margin: 0 auto 150px;
	display: flex;
	flex-wrap: wrap;
}

.Model li {
	width: 433px;
}

	.Model li:first-child {
		margin-right: 40px;
	}

.Model h4 {
	text-align: center;
	font-size: 24px;
	font-family: 'Raleway-Bold';
	font-weight: normal;
	letter-spacing: 0.15em;
	display: block;
	margin-bottom: 0.8em;
}

.Model h4 span {
	display: block;
	font-size: 16px;
	font-family: 'Yu Gothic',YuGothic,'游ゴシック体','游ゴシック','YuGothM','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	letter-spacing: 0.06em;
	font-weight: bold;
}

.Model div {
	margin: 1.5em 0 2em;
}

.price_color {
	margin: 0 0 1em;
}

.price_color span {
	padding-left: 0.5em;
}

	.price_color span:first-child {
		padding-left: 1em;
	}

.price_color .nume { color: #e8c6aa; }
.price_color .red { color: #b72732; }
.price_color .khaki { color: #505a32; }
.price_color .camel { color: #a76313; }
.price_color .bordeaux { color: #482f28; }
.price_color .black { color: #201917; }

.Model .morebtn {
	margin: 0;
	width: 86px;
	height: 86px;
	font-size: 16px;
	font-family: 'Raleway-Regular';
	font-weight: normal;
}


/*-----------------------------------------------
	ヌメ革モデル詳細
-----------------------------------------------*/

#Nume {
	margin-top: -84px;
	padding-top: 84px;
}

.Nume {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
}

.ModelImg {
	position: relative;
	color: #fff;
	width: 100%;
	height: 0;
	padding-top: 63.15789% ;
	background: url(../images/nume_model_pc.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.ModelImg div {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.ModelImg div p {
	font-size: 72px;
	line-height: 1;
	font-family: 'Raleway-Medium';
	font-weight: normal;
	letter-spacing: 0.1em;
	position: absolute;
	top: 35%;
	right: 100px;
}

.MainCopy {
    font-family: 'Raleway-Medium';
	font-size: 18px;
	letter-spacing: 0.075em;
	display: block;
	margin-top: 0.5em;
}

.SubCopy {
    font-family: 'Yu Gothic',YuGothic,'游ゴシック体','游ゴシック','YuGothM','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.06em;
	display: block;
	margin-top: 1.5em;
}

.Leather {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 40.350877%;
}

.Leather div {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}

.Leather div p img {
	width: 100%;
}

.Leather div p:first-child {
	float: left;
	margin: 70px 0 0 70px;
	width: 19.21%
}

.Leather div p:nth-child(2) {
	float: right;
	margin: 75px 70px 0 0;
	width: 25.18%;
}

.Leather dl {
	position: absolute;
	top: 80px;
	left: 310px;
	width: 38%;
	z-index: 2;
}

.Leather dt {
	font-size: 20px;
	letter-spacing: 0.06em;
	margin-bottom: 1.5em;
}

.Leather dd {
	line-height: 1.9em;
}

.Kuwashiku a {
	display: inline-block;
	padding: 0.3em 1.2em 0.3em 2.5em;
	border: 1px solid #1a0c08;
	margin-top: 1.5em;
	font-size: 16px;
}

	.Kuwashiku a::after {
		display: inline-block;
		content: "";
		border-top: 2px solid #1a0c08;
		border-right: 2px solid #1a0c08;
		width: 7px;
		height: 7px;
		transform: rotate(45deg);
		margin: 0 0 0 1em;
	}
	
.Leather + ul {
	display: flex;
	flex-wrap: wrap;
	max-width: 916px;
	width: 95%;
	margin: 0 auto;
	box-sizing: border-box;
}

.Leather + ul img {
	width: 100%;
}

.Leather + ul li {
	width: 47.27%;
}

	.Leather + ul li:first-child {
		margin-right: 5.46%;
	}
	
.Leather + ul li p {
	padding-top: 1.4em;
	line-height: 1.5em;
	letter-spacing: 0;
}

.Buy {
	text-align: center;
	margin: 85px 0;
}

.Buy a {
	display: inline-block;
	border: 1px solid #1a0c08;
	font-size: 24px;
	letter-spacing: 0.06em;
	padding: 0.5em 1em 0.5em 3em;
}

	.Buy a::after {
		display: inline-block;
		content: "";
		border-top: 2px solid #1a0c08;
		border-right: 2px solid #1a0c08;
		width: 10px;
		height: 10px;
		transform: rotate(45deg);
		margin: 0 0 0 2em;
	}
	
	
/*-----------------------------------------------
	牛革モデル詳細
-----------------------------------------------*/

#Color {
	margin-top: -84px;
	padding-top: 84px;
}

.Color {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
}

.Color .ModelImg {
	position: relative;
	color: #1a0c08;
	width: 100%;
	height: 0;
	padding-top: 63.15789% ;
	background: url(../images/color_model_pc.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.Color .ModelImg div p {
	text-align: right;
	top: 7%;
	right: 60px;
}

.Leather {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 40.350877%;
}

.Leather div {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}

.Leather div p img {
	width: 100%;
}

.Leather div p:first-child {
	float: left;
	margin: 70px 0 0 70px;
	width: 19.21%
}

.Leather div p:nth-child(2) {
	float: right;
	margin: 75px 70px 0 0;
	width: 25.18%;
}

.Leather dl {
	position: absolute;
	top: 80px;
	left: 310px;
	width: 38%;
	z-index: 2;
}

.Color .Leather dt {
	line-height: 1.9em;
	margin-bottom: 1.5em;
	font-size: 16px;
}

.Color .Leather dd {
	font-size: 20px;
	letter-spacing: 0.06em;
}

.Kuwashiku a {
	display: inline-block;
	padding: 0.3em 1.2em 0.3em 2.5em;
	border: 1px solid #1a0c08;
	margin-top: 1.5em;
	line-height: 1.8em;
}

	.Kuwashiku a::after {
		display: inline-block;
		content: "";
		border-top: 2px solid #1a0c08;
		border-right: 2px solid #1a0c08;
		width: 7px;
		height: 7px;
		transform: rotate(45deg);
		margin: 0 0 0 1em;
	}
	
.Leather + ul {
	display: flex;
	flex-wrap: wrap;
	max-width: 916px;
	width: 95%;
	margin: 0 auto;
	box-sizing: border-box;
}

.Leather + ul img {
	width: 100%;
}

.Leather + ul li {
	width: 47.27%;
}

	.Leather + ul li:first-child {
		margin-right: 5.46%;
	}
	
.Leather + ul li p {
	padding-top: 1.4em;
	line-height: 1.5em;
	letter-spacing: 0;
}

/*お手入れ方法*/
.Leather + ul + ul {
	border: 1px solid #1a0c08;
	max-width: 788px;
	width: 90%;
	margin: 85px auto;
	box-sizing: border-box;
	padding: 4%;
	display: flex;
	flex-wrap: wrap;
}

.Leather + ul + ul li {
	width: 50%;
}

.Leather + ul + ul li:last-child {
	display: flex;
    align-items: center;
    padding-left: 1.8em;
    box-sizing: border-box;
}

.Leather + ul + ul li dt {
	font-size: 20px;
	margin-bottom: 0.8em;
}

.Leather + ul + ul li dd {
	margin-bottom: 1em;
	padding-left: 1em;
	text-indent: -1em;
}

.Variation {
	max-width: 1140px;
	width: 95%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.Variation img {
	width: 100%;
	margin-bottom: 0.8em;
}

.Variation li {
	width: 32%;
	box-sizing: border-box;
	font-family: 'Raleway-Medium','Yu Gothic',YuGothic,'游ゴシック体','游ゴシック','YuGothM','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	margin-right: 1.75%;
	padding-bottom: 60px;
}

	.Variation li:first-child {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		font-size: 30px;
		letter-spacing: 0.15em;
		font-family: 'Raleway-Bold';
		font-weight: normal;
	}
	
	.Variation li:first-child p {
		position: relative;
		padding: 15% 5%;
	}
		.Variation li:first-child p::before {
			content: "";
			display: block;
			position: absolute;
			background: url(../images/color_border.gif) no-repeat;
			width: 200px;
			height: 21px;
			top: 0;
			left: 0;
		}
		
		.Variation li:first-child p::after {
			content: "";
			display: block;
			position: absolute;
			background: url(../images/color_border.gif) no-repeat;
			width: 200px;
			height: 21px;
			bottom: 0;
			left: 0;
			transform: rotate(180deg);
		}


	.Variation li:nth-child(3n) {
		margin-right: 0;
	}

.Variation + .Buy {
	margin-top: 20px;
}

.Frame {
	width: 100%;
	max-width: 1140px;
	margin: 135px auto 210px;
}



/*-----------------------------------------------
	お渡し、保証
-----------------------------------------------*/

.Order, .After {
	margin-bottom: 210px;
}

h5 {
	font-family: 'Raleway-Bold';
	font-weight: normal;
	font-size: 30px;
	text-align: center;
	letter-spacing: 0.06em;
	margin-bottom: 40px;
}

h5 span {
	font-family: 'Yu Gothic',YuGothic,'游ゴシック体','游ゴシック','YuGothM','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-size: 16px;
	display: block;
	font-weight: bold;
	margin-top: 0.5em;
}

h5 + ul {
	max-width: 654px;
	width: 80%;
	margin: 0 auto;
}

h5 + ul li {
	width: 42.51%;
	height: 0;
	padding-top: 42.51%;
	background: url(../images/ico_bg.gif) no-repeat;
	background-size: cover;
	background-position: center center;
	font-size: 24px;
	line-height: 1.4em;
	position: relative;
}

h5 + ul li:first-child {
	float: left;
	position: relative;
	margin-right: 14.9%;
}

	.Order h5 + ul li:first-child::after {
		content: "";
		position: absolute;
		background: url(../images/arrow.gif) no-repeat;
		background-size: cover;
		width: 68px;
		height: 18px;
		display: block;
		top: 40%;
		right: -30%;
	}
	
	.After h5 + ul li:first-child::after {
		content: "";
		position: absolute;
		background: url(../images/plus.gif) no-repeat;
		background-size: cover;
		width: 43px;
		height: 43px;
		display: block;
		top: 40%;
		right: -25%;
	}

h5 + ul li:last-child {
	float: right;
}

/*受注・アフターケア アイコンイラスト微調整*/
.Order h5 + ul li:first-child img {
	width: 55%;
	margin-top: 0.5em;
}

.Order h5 + ul li:last-child img {
	width: 58%;
	margin-top: 0.7em;
}


.After h5 + ul li:first-child img {
	width: 50%;
	margin-top: 0.5em;
}

.After h5 + ul li:last-child img {
	width: 53%;
	margin-top: -0.1em;
}

h5 + ul li div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

h5 + ul li div span {
	display: block;
}

h5 + ul + p {
	text-align: center;
	padding: 45px 0;
}


.Hosyou {
	border: 1px solid #1a0c08;
	padding: 3%;
	max-width: 728px;
	width: 90%;
	box-sizing: border-box;
	margin: 0 auto;
}

.Hosyou h6 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 1.5em;
}

.Hosyou ol {
	margin-bottom: 1em;
	font-size: 18px;
}

.Hosyou ol li {
	margin-left: 1em;
	text-indent: -1em;
}

.Hosyou ul {
	margin: 2em 0;
}

.Hosyou ul li span {
	text-decoration: underline;
}


/*-----------------------------------------------
	ラインナップ　（ボタンのみ）
-----------------------------------------------*/

.Buy02 a {
	display: inline-block;
	border: 1px solid #1a0c08;
	letter-spacing: 0.06em;
	padding: 0.3em 1em 0.3em 2em;
}

	.Buy02 a::after {
		display: inline-block;
		content: "";
		border-top: 2px solid #1a0c08;
		border-right: 2px solid #1a0c08;
		width: 7px;
		height: 7px;
		transform: rotate(45deg);
		margin: 0 0 0 1em;
	}
	
	
/*-----------------------------------------------
	ショップ
-----------------------------------------------*/

.Shop {
	text-align: center;
	margin-top: 210px;
}

.Shop h5 + div p {
	margin-bottom: 1.5em;
}

.Shop h5 + div + p {
	display: inline-block;
	margin: 2em auto 4em;
	padding: 1% 3%;
	font-size: 14px;
	border: 1px solid #ccc;
}

.ShopList {
	display: flex;
	flex-wrap: wrap;
	max-width: 1140px;
	margin: 0 auto 6em;
	text-align: left;
}

.ShopList li {
	width: 31.4%;
	margin: 0 2.89% 3em 0;
	box-sizing: border-box;
	border: 1px solid #1a0c08;
	padding: 1em;
	line-height: 1;
	font-family: 'Yu Gothic',YuGothic,'游ゴシック体','游ゴシック','YuGothM','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

	.ShopList li:nth-child(3n) {
		margin-right: 0;
	}

.ShopList li p, .ShopList li span {
	margin-bottom: 0.5em;
}
	
.ShopList li > span {
	font-weight: bold;
	font-size: 18px;
	display: inline-block;
}

.ShopList li .shopname {
	font-size: 18px;
	font-weight: normal;
}

.ShopList li .tel {
	font-size: 18px;
	font-weight: normal;
}
	.ShopList li .tel::before {
		content: "";
		display: inline-block;
		background: url(../../shops/images/tel_ico.gif) no-repeat;
		background-size: cover;
		width: 11px;
		height: 16px;
		vertical-align: middle;
		margin-right: 0.2em;
	}

.ShopList li .address {
	font-size: 14px;
	line-height: 1.5;
	font-weight: normal;
}

.ShopList li .Tyokuei::after {
	content: "直営店";
	display: inline-block;
	vertical-align: top;
	background: #9e4734;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	line-height: 1;
	padding: 0.3em;
	margin-left: 0.5em;
}


/*-----------------------------------------------
	MAPボタン
-----------------------------------------------*/

.MAPbtn {
	width: 60px;
	height: 60px;
	display: flex;
	font-size: 12px;
	justify-content: center;
	align-items: center;
	border: 1px solid #1a0c08;
	border-radius: 100%;
	transition: .3s;
	margin: 0;
	margin-top: 1.5em;
	font-weight: normal;
}

	.MAPbtn span {
		display: block;
	}

	.MAPbtn span::after {
		content: "";
		display: block;
		background-image: url(../../images/arrow.png);
		background-size: cover;
		width: 27px;
		height: 7px;
		margin: 0.3em auto 0;
	}
	
.MAPbtn:hover {
	width: 60px;
	height: 60px;
	display: flex;
	font-size: 12px;
	justify-content: center;
	align-items: center;
	border: 1px solid #9e4734;
	border-radius: 100%;
	color: #fff;
	background: #9e4734;
	opacity: 1;
	margin-top: 1.5em;
}
	.MAPbtn:hover span::after {
		content: "";
		display: block;
		background-image: url(../../images/arrow_hover.png);
		background-size: cover;
		width: 27px;
		height: 7px;
		margin: 0.3em auto 0;
	}



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

	#TOP {
		margin-top: -22.4vw;
		padding-top: 22.4vw;
	}
	
	.brSP {
		display: inline-block;
	}
	
	.brPC {
		display: none;
	}
	

	/*-----------------------------------------------
		こちらの企画は終了しました
	-----------------------------------------------*/

	.closeEvent {
		max-width: 700px;
		width: 90%;
		box-sizing: border-box;
		padding: 3%;
		margin: 2em auto;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid #1a0c08;
		font-size: 4vw;
		font-weight: bold;
	}

	/*-----------------------------------------------
		パンくず
	-----------------------------------------------*/

	#Main .Pan {
		display: flex;
		align-items: center;
		max-width: 100%;
		margin: 1em auto;
		padding: 0;
	}

	#Main .Pan li {
		position: relative;
		font-size: 3vw;
		padding-right: 1.5em;
		font-family: 'Yu Gothic',YuGothic,'游ゴシック体','游ゴシック','YuGothM','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	}

	#Main .Pan li::after {
		content: "";
		position: absolute;
		display: block;
		top: 0.5em;
		right: 0.6em;
		width: 5px;
		height: 5px;
		transform: rotate(45deg);
		border-top: 1px solid #1a0c08;
		border-right: 1px solid #1a0c08;
	}

	#Main .Pan li:last-child {
		font-weight: bold;
	}

	#Main .Pan li:last-child::after {
		display: none;
	}
	

	/*-----------------------------------------------
		タイトル
	-----------------------------------------------*/

	.randoserutitle {
		width: 100%;
		height: 0;
		padding-top: 30.666666666%;
		background: url(../images/title.jpg) no-repeat;
		background-size: 172%;
		background-position: center bottom -0.3em;
		position: relative;
	}

	.randoserutitle div {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-weight: normal;
		font-family: 'Raleway-Bold';
		color: #fff;
		letter-spacing: 0.1em;
	}

	.randoserutitle div p {
		max-width: 28vw;
		height: 28vw;
		margin: 1% auto 0;
		display: flex;
		align-items: center;
		justify-content: center;
		border: none;
		box-sizing: border-box;
	}

	.randoserutitle span {
		display: block;
		text-align: center;
		font-size: 3.2vw;
	}

	.randoserutitle img {
		width: 50%;
		margin-top: 0.3em;
	}

	
	
	/*-----------------------------------------------
		冒頭リード文
	-----------------------------------------------*/
	
	.About {
		padding: 3em 0;
		text-align: center;
	}
	
	.About p {
		font-size: 5vw;
		line-height: 1.7em;
		letter-spacing: 0.15em;
		margin-bottom: 1.5em;
	}
	
	.About span {
		font-size: 3.6vw;
		letter-spacing: 0.08em;
		line-height: 1.9em;
	}



	/*-----------------------------------------------
		Which do you choose?
	-----------------------------------------------*/
	
	.Choose {
		border: 1px solid #1a0c08;
		text-align: center;
		max-width: 735px;
		width: 100%;
		margin: 0 auto 4em;
		padding: 3em 0;
		box-sizing: border-box;
	}
	
	.Choose img {
		width: 100%;
	}
	
	.Choose .title {
		width: 70%;
		margin: 0 auto 2em;
	}
	
	.Choose ul {
		display: flex;
		width: 55%;
		margin: 0 auto;
		flex-direction: row;
	}
	
	.Choose ul li {
		width: 50%;
		box-sizing: border-box;
	}
	
		.Choose ul li:first-child {
			margin-right: 20%;
			margin-top: 3px;
		}
		
	.Choose div {
		margin-top: 1em;
		font-size: 3.6vw;
		line-height: 1.7em;
		letter-spacing: 0.06em;
	}
	
	.Choose div span {
		display: block;
		font-size: 3.2vw;
		line-height: 1.9em;
		margin-top: 2em;
	}
	

	/*-----------------------------------------------
		ランドセル紹介
	-----------------------------------------------*/
	
	.Model {
		width: 100%;
		max-width: 910px;
		margin: 0 auto 6em;
		display: flex;
		flex-wrap: wrap;
	}
	
	.Model li {
		width: 48%;
		box-sizing: border-box;
		font-size: 3.2vw;
	}
	
	.Model li img {
		width: 100%;
	}
	
		.Model li:first-child {
			margin-right: 4%;
		}
	
	.Model h4 {
		text-align: center;
		font-size: 4.1vw;
		font-family: 'Raleway-Bold';
		font-weight: normal;
		letter-spacing: 0.15em;
		display: block;
		margin-bottom: 0.8em;
	}
	
	.Model h4 span {
		display: block;
		font-size: 3.2vw;
		font-family: 'Yu Gothic',YuGothic,'游ゴシック体','游ゴシック','YuGothM','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
		letter-spacing: 0.06em;
		font-weight: bold;
	}
	
	.Model div {
		margin: 1em 0 1.5em;
	}
	
	.price_color {
		margin: 0 0 1em;
		letter-spacing: 0;
	}
	
	.price_color span {
		padding-left: 0;
	}
	
		.price_color span:first-child {
			padding-left: 0;
		}
		
		.price_color span:nth-child(2) ~ span {
			padding-left: 0.5em;
		}
	
	.Model .morebtn {
		margin: 0 auto;
		width: 16vw;
		height: 16vw;
		font-size: 16px;
		font-family: 'Raleway-Regular';
		font-weight: normal;
	}

	.morebtn span {
		font-size: 2.5vw;
	}

	/*-----------------------------------------------
		ヌメ革モデル詳細
	-----------------------------------------------*/
	
	#Nume {
		padding-top: 22.4vw;
		margin-top: -22.4vw;
	}
	
	.Nume {
		max-width: 1140px;
		width: 100%;
		margin: 0 auto;
	}
	
	.ModelImg {
		position: relative;
		color: #fff;
		width: 100%;
		height: 0;
		padding-top: 100% ;
		background: url(../images/nume_model_sp.jpg) no-repeat;
		background-size: cover;
		background-position: center center;
		position: relative;
	}
	
	.ModelImg div {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: absolute;
	}
	
	.ModelImg div p {
		text-align: right;
		font-size: 5vw;
		line-height: 1;
		font-family: 'Raleway-Medium';
		font-weight: normal;
		letter-spacing: 0.1em;
		position: absolute;
		top: 3em;
		right: 3%;
	}
	
	.MainCopy {
		font-family: 'Raleway-Medium';
		font-size: 3vw;
		letter-spacing: 0.075em;
		display: block;
		margin-top: 0.5em;
	}
	
	.SubCopy {
		font-family: 'Yu Gothic',YuGothic,'游ゴシック体','游ゴシック','YuGothM','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
		font-size: 3.5vw;
		font-weight: bold;
		letter-spacing: 0.06em;
		display: block;
		margin-top: 1.5em;
	}
	
	.Leather {
		position: relative;
		width: 100%;
		height: auto;
		padding-top: 0;
		padding-bottom: 3em;
	}
	
	.Leather div {
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		position: relative;
		z-index: 1;
	}
	
	.Leather div p img {
		width: 100%;
	}
	
	.Leather div p:first-child {
		float: left;
		margin: 2em 0 0 10%;
		width: 33%
	}
	
	.Leather div p:nth-child(2) {
		float: right;
		margin: 2.8em 10% 0 0;
		width: 42%;
	}
	
	.Leather dl {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;
	}
	
	.Leather dt {
		font-size: 4vw;
		letter-spacing: 0.06em;
		margin-bottom: 1em;
	}
	
	.Leather dd {
		line-height: 1.9em;
		font-size: 3.3vw;
	}

	.Kuwashiku {
		text-align: center;
	}
	
	.Kuwashiku a {
		display: inline-block;
		padding: 0.5em 2em 0.5em 3em;
		border: 1px solid #1a0c08;
		margin-top: 1em;
		font-size: 3.5vw;
		line-height: 1.7em;
	}
	
		.Kuwashiku a::after {
			display: inline-block;
			content: "";
			border-top: 2px solid #1a0c08;
			border-right: 2px solid #1a0c08;
			width: 6px;
			height: 6px;
			transform: rotate(45deg);
			margin: 0 0 0 1em;
		}
		
	.Leather + ul {
		display: flex;
		flex-wrap: wrap;
		max-width: 916px;
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	
	.Leather + ul img {
		width: 100%;
	}
	
	.Leather + ul li {
		width: 47.27%;
	}
	
		.Leather + ul li:first-child {
			margin-right: 5.46%;
		}
		
	.Leather + ul li p {
		padding-top: 1em;
		line-height: 1.7em;
		letter-spacing: 0;
	}
	
	.Buy {
		text-align: center;
		margin: 3em 0;
	}
	
	.Buy a {
		display: inline-block;
		border: 1px solid #1a0c08;
		font-size: 3.5vw;
		letter-spacing: 0.06em;
		padding: 0.5em 2em 0.5em 3em;
	}
	
		.Buy a::after {
			display: inline-block;
			content: "";
			border-top: 2px solid #1a0c08;
			border-right: 2px solid #1a0c08;
			width: 6px;
			height: 6px;
			transform: rotate(45deg);
			margin: 0 0 0 1em;
		}
	
	
	/*-----------------------------------------------
		牛革モデル詳細
	-----------------------------------------------*/

	#Color {
		padding-top: 22.4vw;
		margin-top: -22.4vw;
	}
	
	.Color {
		max-width: 1140px;
		width: 100%;
		margin: 0 auto;
	}
	
	.Color .ModelImg {
		position: relative;
		color: #1a0c08;
		width: 100%;
		height: 0;
		padding-top: 100% ;
		background: url(../images/color_model_sp.jpg) no-repeat;
		background-size: cover;
		background-position: center center;
		position: relative;
	}
	
	.Color .ModelImg div p {
		text-align: right;
		top: 6%;
		right: 6%;
	}
	
	.Color .Leather dt {
		line-height: 1.9em;
		margin-bottom: 1em;
		font-size: 3.3vw;
		width: 100%;
		letter-spacing: 0.01em;
	}
	
	.Color .Leather dd {
		font-size: 4vw;
		letter-spacing: 0.06em;
	}
	
	.Leather + ul img {
		width: 100%;
	}
	
	.Leather + ul li {
		width: 47.27%;
	}
	
		.Leather + ul li:first-child {
			margin-right: 5.46%;
		}
	
	
	/*お手入れ方法*/
	.Leather + ul + ul {
		border: 1px solid #1a0c08;
		max-width: 788px;
		width: 100%;
		margin: 3em auto 5em;
		box-sizing: border-box;
		padding: 8% 7% 4%;
		display: flex;
		flex-wrap: wrap;
		text-align: center;
	}
	
	.Leather + ul + ul li {
		width: 100%;
	}
	
	.Leather + ul + ul li img {
		width: 80%;
	}
	
	.Leather + ul + ul li:last-child {
		display: flex;
		text-align:left;
		align-items: center;
		padding-left: 0;
		box-sizing: border-box;
		margin-top: 2em;
	}
	
	.Leather + ul + ul li dt {
		font-size: 3.5vw;
		margin-bottom: 0.8em;
		letter-spacing: 0;
	}
	
	.Leather + ul + ul li dd {
		margin-bottom: 1em;
		padding-left: 1em;
		text-indent: -1em;
		font-size: 3.5vw;
		letter-spacing: 0;
	}
	
	.Variation {
		max-width: 1140px;
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
	}
	
	.Variation img {
		width: 100%;
		margin-bottom: 0.5em;
	}
	
	.Variation li {
		width: 48%;
		box-sizing: border-box;
		margin-right: 4%;
		padding-bottom: 2em;
		font-size: 3.5vw;
		letter-spacing: 0;
	}
	
		.Variation li:first-child {
			display: flex;
			justify-content: center;
			align-items: center;
			text-align: center;
			font-size: 5vw;
			letter-spacing: 0.15em;
			font-family: 'Raleway-Bold';
			font-weight: normal;
		}
		
		.Variation li:first-child p {
			position: relative;
			padding: 15% 5%;
		}
			.Variation li:first-child p::before {
				content: "";
				display: block;
				position: absolute;
				background: url(../images/color_border.gif) no-repeat;
				background-size: contain;
				width: 31vw;
				height: 5vw;
				top: 0;
				left: 0;
			}
			
			.Variation li:first-child p::after {
				content: "";
				display: block;
				position: absolute;
				background: url(../images/color_border.gif) no-repeat;
				background-size: contain;
				width: 31vw;
				height: 5vw;
				bottom: 0;
				left: 0;
				transform: rotate(180deg);
			}
	
	
		.Variation li:nth-child(3n) {
			margin-right: 4%;
		}
		
		.Variation li:nth-child(2n) {
			margin-right: 0;
		}
	
	.Variation + .Buy {
		margin-top: 20px;
	}



	/*-----------------------------------------------
		フォトフレーム
	-----------------------------------------------*/
	
	.Frame {
		width: 100%;
		max-width: 1140px;
		margin: 7em auto;
	}

	.Frame img {
		width: 100%;
	}


	/*-----------------------------------------------
		お渡し、保証
	-----------------------------------------------*/
	
	.Order, .After {
		margin-bottom: 6em;
	}
	
	h5 {
		font-family: 'Raleway-Bold';
		font-weight: normal;
		font-size: 5vw;
		text-align: center;
		letter-spacing: 0.06em;
		margin-bottom: 1.5em;
	}
	
	h5 span {
		font-family: 'Yu Gothic',YuGothic,'游ゴシック体','游ゴシック','YuGothM','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
		font-size: 3.2vw;
		display: block;
		font-weight: bold;
		margin-top: 0.5em;
	}
	
	h5 + ul {
		max-width: 654px;
		width: 100%;
		margin: 0 auto;
	}
	
	h5 + ul li {
		width: 42%;
		height: 0;
		padding-top: 42%;
		background: url(../images/ico_bg.gif) no-repeat;
		background-size: cover;
		background-position: center center;
		font-size: 3.5vw;
		line-height: 1.4em;
		position: relative;
	}
	
		h5 + ul li:first-child {
			float: left;
			position: relative;
			margin-right: 16%;
		}
	
	/*受注・アフターケア アイコンイラスト微調整*/
	.Order h5 + ul li:first-child img {
		width: 55%;
		margin-top: 0.5em;
	}
	
	.Order h5 + ul li:last-child img {
		width: 58%;
		margin-top: 0.7em;
	}
	
	
	.After h5 + ul li:first-child img {
		width: 50%;
		margin-top: 0.5em;
	}
	
	.After h5 + ul li:last-child img {
		width: 53%;
		margin-top: -0.1em;
	}

	
		.Order h5 + ul li:first-child::after {
			content: "";
			position: absolute;
			background: url(../images/arrow.gif) no-repeat;
			background-size: contain;
			width: 10vw;
			height: 4vw;
			display: block;
			top: 44%;
			right: -32%;
		}
		
		.After h5 + ul li:first-child::after {
			content: "";
			position: absolute;
			background: url(../images/plus.gif) no-repeat;
			background-size: cover;
			width: 8vw;
			height: 8vw;
			display: block;
			top: 40%;
			right: -30%;
		}
	
	h5 + ul li:last-child {
		float: right;
	}
	
	h5 + ul li div {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	
	h5 + ul li div span {
		display: block;
	}
	
	h5 + ul + p {
		text-align: center;
		padding: 2em 0 3em;
		font-size: 3.5vw;
		line-height: 2em;
		letter-spacing: 0.06em;
	}
	
	
	.Hosyou {
		border: 1px solid #1a0c08;
		padding: 5% 3%;
		max-width: 728px;
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto;
		letter-spacing: 0.06em;
	}
	
	.Hosyou h6 {
		font-size: 4vw;
		text-align: center;
		margin-bottom: 1em;
	}
	
	.Hosyou ol {
		margin-bottom: 1em;
		font-size: 3.5vw;
	}
	
	.Hosyou ol li {
		margin-left: 1em;
		text-indent: -1em;
	}
	
	.Hosyou ul {
		margin: 2em 0;
	}
	
	.Hosyou ul li {
		margin-left: 1em;
		text-indent: -1em;
	}
	
	.Hosyou ul li span {
		text-decoration: underline;
	}


	/*-----------------------------------------------
		ラインナップ　（ボタンのみ）
	-----------------------------------------------*/
	
	.Buy02 a {
		display: inline-block;
		border: 1px solid #1a0c08;
		letter-spacing: 0.06em;
		padding: 0.5em 1em 0.5em 2em;
		font-size: 3.5vw;
		box-sizing: border-box;
		width: 100%;
	}
	
		.Buy02 a::after {
			display: inline-block;
			content: "";
			border-top: 2px solid #1a0c08;
			border-right: 2px solid #1a0c08;
			width: 6px;
			height: 6px;
			transform: rotate(45deg);
			margin: 0 0 0 0.5em;
		}
	
	
	/*-----------------------------------------------
		ショップ
	-----------------------------------------------*/
	
	.Shop {
		text-align: center;
		margin-top: 5em;
	}
	
	.Shop h5 + div p {
		margin-bottom: 1.5em;
		font-size: 3.5vw;
	}
	
	.Shop h5 + div + p {
		display: inline-block;
		margin: 1em auto 3em;
		padding: 3% 3%;
		font-size: 3.2vw;
		border: 1px solid #ccc;
		text-align: left;
	}
	
	.Shop h5 + div + p span {
		margin-left: 1em;
		text-indent: -1em;
		display: block;
	}
	
	.ShopList {
		display: flex;
		flex-wrap: wrap;
		max-width: 100%;
		margin: 0 auto 6em;
	}

	.ShopList li {
		width: 100%;
		margin: 0 0 1em;
		box-sizing: border-box;
		border: 1px solid #1a0c08;
		padding: 3vw;
		line-height: 1;
		font-family: 'Yu Gothic',YuGothic,'游ゴシック体','游ゴシック','YuGothM','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	}

		.ShopList li:nth-child(3n) {
			margin-right: 0;
		}

		/*.ShopList li:nth-child(even) {
			margin-right: 0;
		}*/

	.ShopList li p, .ShopList li span {
		margin-bottom: 0.5em;
	}
	
	.ShopList li > span {
		font-weight: bold;
		font-size: 4vw;
		display: inline-block;
	}

	.ShopList li .shopname {
		font-size: 4vw;
		font-family: 'Raleway-Regular';
	}

	.ShopList li .tel {
		font-size: 4vw;
	}
	
		.ShopList li .tel::before {
			content: "";
			display: inline-block;
			background: url(../../shops/images/tel_ico.gif) no-repeat;
			background-size: cover;
			width: 3vw;
			height: 4.3vw;
			vertical-align: top;
			margin-right: 0.3em;
		}

	.ShopList li .address {
		font-size: 3.5vw;
		line-height: 1.5;
	}

		.ShopList li .Tyokuei::after {
			content: "直営店";
			display: inline-block;
			vertical-align: top;
			background: #9e4734;
			font-weight: normal;
			font-size: 2.8vw;
			color: #fff;
			line-height: 1;
			padding: 0.3em;
		margin-left: 0.5em;
	}

	
	
	/*-----------------------------------------------
		MAPボタン
	-----------------------------------------------*/

	.MAPbtn {
		width: 15vw;
		height: 15vw;
		display: flex;
		font-size: 3vw;
		justify-content: center;
		align-items: center;
		border: 1px solid #1a0c08;
		border-radius: 100%;
		transition: .3s;
		margin: 0;
		margin-top: 1.5em;
	}

		.MAPbtn span {
			display: block;
		}

		.MAPbtn span::after {
			content: "";
			display: block;
			background-image: url(../../images/arrow.png);
			background-size: cover;
			width: 27px;
			height: 7px;
			margin: 0.3em auto 0;
		}
	
	.MAPbtn:hover {
		width: 15vw;
		height: 15vw;
		display: flex;
		font-size: 3vw;
		justify-content: center;
		align-items: center;
		border: 1px solid #1a0c08;
		border-radius: 100%;
		color: #1a0c08;
		background: #fff;
		opacity: 1;
		margin-top: 1.5em;
	}
		
		.MAPbtn:hover span::after {
			content: "";
			display: block;
			background-image: url(../../images/arrow.png);
			background-size: cover;
			width: 27px;
			height: 7px;
			margin: 0.3em auto 0;
		}

	}
	/*-----------------------------------------------
		flexボタン
	-----------------------------------------------*/
    @media screen and (min-width:769px){
        .flex_btn{
           display: flex;
            justify-content: center; 
        }
        .flex_btn .Buy{
            margin-left: 1em !important;
            margin-right: 1em !important;
        }
    }
    .flex_btn{
        margin: 3rem 0;
    }
    .flex_btn .Buy{
        margin: 1rem 0;
    }