@charset "utf-8";
@-webkit-keyframes ContentsSwitch{
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.fs-l-main {
	width: auto;
	margin: 0;
	padding: 0;
	max-width: none;
	display: block;
}
.fs-l-main * {
	box-sizing: content-box;
}
.fs-l-main .inner {
	padding: 0;
}
.fs-l-main a:hover {
	text-decoration: none;
}


.fs-l-header #_rcmdjp_display_1 {
	display: none;
}


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

common

-------------------------------- */
.mainvisual{
	position: relative;
}
.mainvisual h2{
	position: absolute;
	bottom: 11vw;
	left: 5.4vw;
	color: #faf9f7;
	font-weight: 500;
	font-size: 4vw;
	line-height: calc(50/40);
}
section[class^=area]{
	margin: 20vw 0 0;
	padding: 40vw 0 0;
}
section[class^=area] h2{
	margin: 20vw 0 0;
	font-size: 5.4vw;
	text-align: center;
}
section[class^=area] h2 .en + span{
	display: block;
	margin: -1vw 0 0;
}
section[class^=area] h2 .en{
	position: relative;
	padding: 0 .5vw;
	font-size: 12vw;
}
section[class^=area] .en::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 2.5vw;
	width: 100%;
	height: 4.6vw;
	background: rgba(243,237,51,.6);
	z-index: -1;
}
section[class=area-insta] .en{
	position: static;
	padding: 0;
}
section[class=area-insta] .en::after{
	content: none;
}
.more-btn{
	margin: 10vw auto 0;
	text-align: center;
}
.more-btn a{
	display: inline-block;
	position: relative;
	padding: 3vw 10vw 2.5vw 5vw;
	border: 1vw solid #1d508d;
	color: #1d508d;
	font-weight: bold;
	font-size: 4.6vw;
}
.more-btn a::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 4vw;
	width: 3.2vw;
	height: 4vw;
	margin: -2vw 0 0;
	background: url(https://www.free-spirits.co.jp/img/top_arrow-type02.png) no-repeat;
	background-size: contain;
}
.hide{
	display:none;
}
.pick-tab{
	-webkit-animation-name: ContentsSwitch;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	animation-name: ContentsSwitch;
	animation-duration: 1s;
	animation-iteration-count: 1;
	box-sizing: border-box;
}

/* -------------------------------- 
content-navエリア
-------------------------------- */
.content-nav-warap{
	padding-bottom: 40vw;
	background: url(https://www.free-spirits.co.jp/img/top_nav_img.jpg) no-repeat;
	background-size: contain;
	background-position: bottom;
}
.content-nav{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.content-nav li{
	width: 50%;
	background: #2c3a4a;
}
.content-nav li:nth-of-type(n+3){
	background: #2f3e4f;
}
.content-nav li:nth-of-type(n+5){
	background: #314052;
}
.content-nav li:nth-of-type(n+7){
	background: #344457;
}
.content-nav a{
	display: block;
	position: relative;
	margin: 3vw 0;
	padding: 3vw 0 3vw 11.5vw;
	box-sizing: border-box;
	color: #fff;
}
.content-nav li:nth-of-type(2n+1) a{
	padding-left: 12vw;
	border-right: 1px solid rgba(255,255,255,.3);
}
.content-nav a::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 3.5vw;
	width: 2.3vw;
	height: 3.5vw;
	margin: -1.75vw 0 0;
	background: url(https://www.free-spirits.co.jp/img/top_arrow-type01.png) no-repeat;
	background-size: contain;
}
.content-nav span.ico{
	position: absolute;
	left: 4vw;
	top: 50%;
}
.content-nav li:nth-of-type(1) span.ico{
	width: 5.1vw;
	height: 5.7vw;
	margin: -2.85vw 0 0;
}
.content-nav li:nth-of-type(2) span.ico{
	width: 4vw;
	height: 7.7vw;
	margin: -4vw 0 0;
}
.content-nav li:nth-of-type(3) span.ico{
	width: 5.1vw;
	height: 5.7vw;
	margin: -2.85vw 0 0;
}
.content-nav li:nth-of-type(4) span.ico{
	width: 4vw;
	height: 7.7vw;
	margin: -4vw 0 0;
}
.content-nav li:nth-of-type(5) span.ico{
	width: 5.1vw;
	height: 5.7vw;
	margin: -2.85vw 0 0;
}
.content-nav li:nth-of-type(6) span.ico{
	width: 4.5vw;
	height: 7.7vw;
	margin: -3.25vw 0 0;
}
.content-nav li:nth-of-type(7) span.ico{
	width: 5.1vw;
	height: 5.7vw;
	margin: -2.85vw 0 0;
}
.content-nav li:nth-of-type(8) span.ico{
	width: 5.1vw;
	height: 5.7vw;
	margin: -1.5vw 0 0;
}
.content-nav li:nth-of-type(2n) span{
	left: 3.5vw;
}
.content-nav li:nth-of-type(2n) a::after{
	right: 4vw;
}
.content-nav span br{
	display: none;
}

/* -------------------------------- 
.area-insta
-------------------------------- */
section.area-insta{
	margin: 0;
	padding: 0;
}
section.area-insta h2{
	margin: 15vw 0 0;
	font-weight: 500;
}
section.area-insta h2 span{
	display: block;
}
section.area-insta h2 .en{
	font-size: 7vw;
}
section.area-insta h2 span:first-of-type{
	width: 14.5vw;
	height: 14.5vw;
	margin: 0 auto;
}
section.area-insta h2 span:nth-of-type(2){
	margin-top: 3.5vw;
}
.area-insta ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: center;
	width: 92vw;
	margin: 10vw auto 0;
}
.area-insta li{
	width: 45.5vw;
	height: 45.5vw;
	border: 1px solid rgba(52,68,87,.6);
	box-sizing: border-box;
}
.area-insta li:last-of-type{
	position: relative;
	border: none;
}
.area-insta li:nth-of-type(n+3){
	margin-top: 1vw;
}
.area-insta .img{
	overflow: hidden;
	position: relative;
	height: 100%;
}
.area-insta .img img{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}


/* -------------------------------- 
.area-news
-------------------------------- */
.area-news{
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-01.jpg) no-repeat;
	background-size: contain;
}
.area-news div[class^=area-n],
.area-news .area-info .inner{
	width: 92vw;
	margin: 10vw auto 0;
}
.area-news .area-info .inner{
	margin: 10vw auto 0;
}
.area-news div[class^=area-n]{
	margin: 15vw auto 0;
}
.area-news div[class^=area-n] ul{
	margin: 2vw 0 0;
}
.area-news h3 .en{
	font-size: 9vw;
}
.area-news h3 .en + span{
	padding-left: 2vw;
	font-size: 3.2vw;
}
.area-info .info-list{
	overflow: scroll;
	max-height: 114vw;
	margin: 3vw 0 0;
	padding: 6.5vw 3.5vw;
	border: .6vw solid #344457;
	box-sizing: border-box;
}
.area-info .info-list li:nth-of-type(n+2){
	padding: 8vw 0;
	border-top: 1px solid #cdcdcd;
}
.area-info .info-list li:last-of-type{
	padding: 8vw 0 0;
}
.area-info .info-list li:first-of-type{
	padding: 0 0 8vw;
}
.area-info .date{
	font-size: 4vw;
}
.info-ico{
	margin: 2vw 0 0;
}
.info-ico span{
	display: inline-block;
	margin: 0 2vw 0 0;
	padding: 1.8vw 1.6vw;
	background: #344457;
	color: #fff;
	font-size: 3vw;
}
.info-txt{
	margin: 2.5vw 0 0;
	font-size: 3.4vw;
	line-height: 1.6;
	text-decoration: underline;
}
.new-item-inner a{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.new-item-inner a > p{
	width: 45.5vw;
	height: 45.5vw;
	border: 1px solid rgba(52,68,87,.6);
	box-sizing: border-box;
}
.new-item-inner .block{
	width: 44vw;
}
.new-item-inner .label{
	margin: 1.8vw 0 0;
	font-weight: bold;
	line-height: 1.5;
}
.new-item-inner .txt{
	margin: 2.5vw 0 0;
	font-size: 3.4vw;
	line-height: 1.5;
}
.new-item-inner .price{
	margin: 2.8vw 0 0;
	color: #f23333;
	text-align: right;
}
.new-item-inner .price span{
	padding: 0 1vw;
	font-size: 2vw;
}
.area-news .slider .slick-dots{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	width: 34vw;
	margin: 6vw auto 0;
}
.slider .slick-dots li{
	width: 4vw;
	height: 4vw;
	background: #535353;
	border-radius: 50%;
}
.slider .slick-dots li.slick-active{
	background: #fff;
	border: 1px solid #535353;
	box-sizing: border-box;
}
.slider .slick-dots button{
	display: none;
}
section .new-brand-inner .en::after{
	content: none;
}
.new-brand-inner a{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.new-brand-inner a > p{
	width: 45.5vw;
	height: 45.5vw;
	border: 1px solid rgba(52,68,87,.6);
	box-sizing: border-box;
}
.new-brand-inner .block{
	width: 44vw;
}
.new-brand-inner .label{
	margin: 1.8vw 0 0;
	font-weight: bold;
	line-height: 1.5;
}
.new-brand-inner .txt{
	margin: 2.5vw 0 0;
	font-size: 3.4vw;
	line-height: 1.5;
}


/* -------------------------------- 
.area-strength
-------------------------------- */
.area-strength{
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-02.jpg) no-repeat;
	background-size: contain;
}
.area-strength > div{
	padding: 10vw 0 0;
	background: #fff;
	border-bottom: 10vw solid #f3ed33;
}
.area-strength > div:first-of-type{
	margin: 20vw 0 0;
	border-top: 5vw solid #f3ed33;
}
.area-strength > div:last-of-type{
	border-bottom: 5vw solid #f3ed33;
}
.area-strength div:nth-of-type(2n){
	text-align: right;
}
.area-strength .inner{
	width: 92vw;
	margin: 0 auto;
}
.area-strength div h2{
	margin: 0;
	text-align: left;
}
.area-strength div:nth-of-type(2n) h2{
	text-align: right;
}
.area-strength h2{
	font-size: 4.6vw;
}
.area-strength h2 span{
	display: inline-block;
	position: relative;
	margin: 2.5vw 0 0;
	font-size: 10vw;
	letter-spacing: -.7vw;
}
.area-strength h2 span::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -1vw;
	width: 100%;
	height: .4vw;
	background: #344457;
}
.area-strength .sub-txt{
	margin: 4vw 0 0;
}
.area-strength div:nth-of-type(2n+1) img{
	-o-clip-path: polygon(0% 36%, 100% 0%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 36%, 100% 0%, 100% 100%, 0% 100%);
	-moz-clip-path: polygon(0% 36%, 100% 0%, 100% 100%, 0% 100%);
	-ms-clip-path: polygon(0% 36%, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 36%, 100% 0%, 100% 100%, 0% 100%);
}
.area-strength div:nth-of-type(2n) img{
	-o-clip-path: polygon(0% 0%, 100% 36%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, 100% 36%, 100% 100%, 0% 100%);
	-moz-clip-path: polygon(0% 0%, 100% 36%, 100% 100%, 0% 100%);
	-ms-clip-path: polygon(0% 0%, 100% 36%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 36%, 100% 100%, 0% 100%);
}
.area-strength .inner{
	position: relative;
}
.area-strength .btn{
	position: absolute;
	bottom: -31vw;
	left: 0;
	font-weight: bold;
	z-index: 2;
}
.area-strength .more-btn a{
	border: 1vw solid #fff;
	color: #fff;
}
.area-strength .more-btn a::after{
	background-image: url(https://www.free-spirits.co.jp/img/top_arrow-type01.png);
}
.area-strength div .btn{
	right: 0;
}
.area-strength .img{
	display: block;
	margin: -5vw 0 0;
}


/* -------------------------------- 
.area-ranking
-------------------------------- */
.area-ranking{
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-03.jpg) no-repeat;
	background-size: contain;
}
.area-ranking .tab-wrap{
	margin: 15vw 0 0;
}
.area-ranking .tab{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	text-align: center;
}
.area-ranking .tab li{
	width: 33%;
	padding: 3vw 0;
	background: #344457;
	border-radius: 10% 10% 0 0;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
.area-ranking .tab li.select{
	position: relative;
	background: #f3ed33;
	color: #344457;
}
.area-ranking .tab li.select::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -38%;
	width: 4.9vw;
	height: 6vw;
	margin-left: -2.45vw;
	background: url(https://www.free-spirits.co.jp/img/top_ranking_tab-parts.png) no-repeat;
	background-size: contain;
}
.area-ranking .tab li span{
	display: inline-block;
	margin: 0 0 1vw;
	border-bottom: .1vw solid #fff;
}
.area-ranking .tab li.select span{
	border-bottom: .1vw solid #344457;
}
.area-ranking .content{
	background: #e6e6e6;
	padding: 12vw 4vw 19.5vw;
}
.area-ranking .pick-tab > div{
	width: 77vw;
	margin: 10vw auto 0;
}
.area-ranking h3{
	font-size: 6vw;
	text-align: center;
}
.area-ranking .sub-txt{
	margin: 3.5vw 0 0;
}


/* -------------------------------- 
.area-blog
-------------------------------- */
.area-blog{
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-04.jpg) no-repeat;
	background-size: contain;
}
.area-blog .article-list{
	margin-top: 12vw;
}


/* -------------------------------- 
.area-category
-------------------------------- */
.area-category{
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-05.jpg) no-repeat;
	background-size: contain;
}
.area-category > .sub-txt{
	width: 92vw;
	margin: 10vw auto 0;
}
.area-category .tab-wrap{
	width: 92vw;
	margin: 10vw auto 0;
}
.area-category .ico{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	width: 92vw;
	margin: 10vw auto 0;
	text-align: center;
}
.area-category .ico li{
	width: 29vw;
	font-weight: bold;
	font-size: 3.8vw;
}
.area-category .ico li:nth-of-type(n+4){
	margin: 5vw 0 0;
}
.area-category .ico li:nth-of-type(4){
	letter-spacing: -1px;
}
.area-category .ico span{
	display: block;
	position: relative;
	width: 26.7vw;
	height: 26.7vw;
	margin: 0 0 2vw;
	background: #fff;
	border: .2vw solid rgba(51,51,51,.6);
	box-sizing: border-box;
	border-radius: 50%;
}
.area-category .ico .select span{
	background: #f3ed33;
}
.area-category .ico img{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
}
.area-category .ico li:nth-of-type(1) img{
	width: 17.1vw;
	height: 8.6vw;
	margin: -4.3vw 0 0 -8.55vw;
}
.area-category .ico li:nth-of-type(2) img{
	width: 14.5vw;
	height: 17.6vw;
	margin: -8.8vw 0 0 -7.25vw;
}
.area-category .ico li:nth-of-type(3) img{
	width: 14.6vw;
	height: 14.5vw;
	margin: -7.25vw 0 0 -7.3vw;
}
.area-category .ico li:nth-of-type(4) img{
	width: 13.6vw;
	height: 15.6vw;
	margin: -7.8vw 0 0 -6.8vw;
}
.area-category .ico li:nth-of-type(5) img{
	width: 18.1vw;
	height: 14vw;
	margin: -7vw 0 0 -9.05vw;
}
.area-category .ico li:nth-of-type(6) img{
	width: 15.1vw;
	height: 16.4vw;
	margin: -8.2vw 0 0 -7.55vw;
}
.area-category .content{
	margin: 15vw 0 0;
}
.area-category h3{
	font-weight: bold;
	font-size: 7vw;
	text-align: center;
}
.area-category h3 + .sub-txt{
	margin: 3.5vw 0 0;
}
.area-category .article-list{
	margin: 10vw 0 0;
}
.area-category .article-img{
	height: 23.3vw;
	background: #344457;
	border: none;
	border-radius: 50%;
}
.area-category .article-img svg{
	display: block;
	width: 60%;
	height: 100%;
	margin: 0 auto;
	fill: #fff;
}
.area-category .article-txt{
	position: relative;
	padding: 3vw 0 0;
}
.area-category .article-txt::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 2.8vw;
	height: 4.2vw;
	margin: -1.4vw 0 0;
	background: url(https://www.free-spirits.co.jp/img/common_arrow-type01.png) no-repeat;
	background-size: contain;
}
.area-category h4{
	font-size: 6vw;
}
.area-category h4 + .sub-txt{
	margin: 2vw 0 0;
	padding: 0 7vw 0 0;
	font-size: 3.4vw;
}


/* -------------------------------- 
.area-brand
-------------------------------- */
.area-brand{
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-06.jpg) no-repeat;
	background-size: contain;
}
.area-brand > .sub-txt{
	width: 92vw;
	margin: 10vw auto 0;
}
.area-brand-inner{
	overflow: hidden;
	padding: 0 0 8vw;
	background: #344457;
	color: #fff;
}
.area-brand-inner{
	margin: 10vw 0 0;
}
.area-brand-inner .img{
	position: relative;
}
.area-brand-inner .img::after{
	content: "";
	display: block;
	position: absolute;
	bottom: -48.5vw;
	left: -1vw;
	width: 102vw;
	height: .9vw;
	background: #f3ed33;
	transform: rotate(-10.3deg);
}
.area-brand-inner:nth-of-type(2n) .img::after{
	transform: rotate(10.3deg);
}
.area-brand div:nth-of-type(2n+1) img{
	-o-clip-path: polygon(0% 0%, 100% 0%, 100% 69.5%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 69.5%, 0% 100%);
	-moz-clip-path: polygon(0% 0%, 100% 0%, 100% 69.5%, 0% 100%);
	-ms-clip-path: polygon(0% 0%, 100% 0%, 100% 69.5%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 69.5%, 0% 100%);
}
.area-brand div:nth-of-type(2n) img{
	-o-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 69.5%);
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 69.5%);
	-moz-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 69.5%);
	-ms-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 69.5%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 69.5%);
}
.area-brand h3,
.area-brand h3 + .sub-txt{
	width: 92vw;
}
.area-brand h3{
	margin: 6vw auto 0;
	font-size: 6vw;
}
.area-brand h3 span{
	display: block;
	margin: .5vw 0 0;
}
.area-brand h3 + .sub-txt{
	margin: 3vw auto 0;
}
.area-brand-inner .more-btn{
	margin: 6vw 0 0;
}
.area-brand-inner .more-btn a{
	border-color: #fff;
	color: #fff;
}
.area-brand-inner .more-btn a::after{
	background-image: url(https://www.free-spirits.co.jp/img/top_arrow-type01.png);
}
.area-brand-inner-last{
	margin: 10vw 0 0;
	padding: 13vw 0 10vw;
	background: url(https://www.free-spirits.co.jp/img/top_brand_img-all.jpg) no-repeat;
	background-size: cover;
}
.area-brand-inner-last h3{
	margin: 0;
	text-align: center;
}
.area-brand-inner-last h3 + .sub-txt{
	margin: 4.5vw auto 0;
}
.area-brand-inner-last .more-btn{
	margin: 5.5vw 0 0;
}
.area-brand-inner-last .more-btn a{
	border-color: #344457;
	color: #344457;
}
.area-brand-inner-last .more-btn a::after{
	background-image: url(https://www.free-spirits.co.jp/img/common_arrow-type01.png);
}


/* -------------------------------- 
.area-present
-------------------------------- */
.area-present{
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-07.jpg) no-repeat;
	background-size: contain;
}
.area-present > .sub-txt{
	width: 92vw;
	margin: 10vw auto 0;
}
.area-present-inner{
	width: 92vw;
	margin: 10vw auto 0;
	padding: 2.6vw 3vw 6vw;
	background: #344457;
	box-sizing: border-box;
	color: #fff;
}
.area-present-inner .img{
	position: relative;
}
.area-present-inner:nth-of-type(1) .img::after{
	content: "01";
}
.area-present-inner:nth-of-type(2) .img::after{
	content: "02";
}
.area-present-inner:nth-of-type(3) .img::after{
	content: "03";
}
.area-present-inner .img::after{
	display: block;
	position: absolute;
	bottom: -9vw;
	left: 2vw;
	width: 21.4vw;
	height: 21.4vw;
	padding: 5vw 0;
	background: #344457;
	border-radius: 50%;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 15vw;
	font-family: 'Crimson Text', serif;
	text-align: center;
}
.area-present-inner h3{
	position: relative;
	margin: 7.5vw 0 0;
	font-size: 7vw;
	text-align: center;
	z-index: 2;
}
.area-present-inner .sub-txt{
	width: 76vw;
	margin: 3.5vw auto 0;
	font-weight: 500;
}
.area-present-inner .more-btn{
	margin: 5vw 0 0;
}
.area-present-inner .more-btn a{
	border-color: #fff;
	color: #fff;
}
.area-present-inner .more-btn a::after{
	background-image: url(https://www.free-spirits.co.jp/img/top_arrow-type01.png);
}
.area-present-warap{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	width: 92vw;
	margin: 10vw auto 0;
}
.area-present-inner-small{
	width: 43vw;
}
.area-present-inner-small:nth-of-type(2n+1){
	margin: 0 0 0 2vw;
}
.area-present-inner-small:nth-of-type(2n){
	margin: 0 2vw 0 0;
}
.area-present-inner-small:nth-of-type(n+3){
	margin-top: 10vw;
}
.area-present-inner-small h3{
	font-size: 4vw;
}
.area-present-inner-small .img{
	margin: 2vw 0 0;
	border: 1px solid rgba(52,68,87,.6);
	box-sizing: border-box;
}
.area-present-inner-small .sub-txt{
	margin: 1.5vw 0 0;
	padding: 0 1vw;
	font-size: 3.4vw;
}
.more-btn-arrow{
	margin: 2vw 0 0;
	font-weight: bold;
	font-size: 3.8vw;
	font-family: 'Crimson Text', serif;
	text-align: right;
}
.more-btn-arrow a{
	position: relative;
	padding: 0 8vw 0 0;
	color: #344457;
}
.more-btn-arrow a::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 17.2vw;
	height: 2.1vw;
	background: url(https://www.free-spirits.co.jp/img/top_arrow-type04.png) no-repeat;
	background-size: contain;
}


/* -------------------------------- 
.area-feature
-------------------------------- */
.area-feature{
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-08.jpg) no-repeat;
	background-size: contain;
}
.area-feature > .sub-txt{
	width: 92vw;
	margin: 10vw auto 0;
}
.area-feature .article-list{
	margin: 10vw auto 0;
}
.area-feature .article-img{
	height: 23.3vw;
	background: #344457;
	border: none;
	border-radius: 50%;
}
.area-feature .article-txt{
	position: relative;
	padding: 3vw 0 0;
}
.area-feature h3{
	font-size: 6vw;
}
.area-feature h3 + .sub-txt{
	margin: 2vw 0 0;
	font-size: 3.4vw;
	text-decoration: underline;
}


/* -------------------------------- 
.area-shop
-------------------------------- */
.area-shop{
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-09.jpg) no-repeat;
	background-size: contain;
}
.area-shop > .sub-txt{
	width: 92vw;
	margin: 10vw auto 0;
}
.area-shop-inner{
	margin: 15vw 0 0;
}
.area-shop-inner h3{
	margin: 10vw 0 0;
	font-size: 6vw;
	text-align: center;
}
.area-shop-inner .sub-txt{
	width: 92vw;
	margin: 5.5vw auto 0;
}
}


@media only screen and (min-width: 768px) {
.fs-l-main{
	display: block;
	width: auto;
}
.fs-l-pageMain{
	width: auto;
	max-width: none;
}
/* -------------------------------- 

common

-------------------------------- */
section[class^=area]{
	position: relative;
	margin: 180px 0 0;
	padding: 240px 0 0;
}
section[class^=area] h2{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	position: relative;
	margin: 200px auto 0;
	font-size: 3.4rem;
}
section[class^=area] h2 span{
	display: block;
}
section[class^=area] h2 .en{
	font-size: 8rem;
}
section[class^=area] h2 .en + span{
	padding: 0 0 25px 30px;
}
section[class^=area] h2::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	height: 20px;
	background: rgba(243,237,51,.6);
	z-index: -1;
}
.more-btn{
	margin: 60px auto 0;
	text-align: center;
}
.more-btn a{
	display: inline-block;
	position: relative;
	padding: 25px 85px 23px 45px;
	border: 6px solid #1d508d;
	color: #1d508d;
	font-weight: bold;
	font-size: 2.4rem;
}
.more-btn a:hover{
	border: 6px solid #f3ed33;
	transition: .6s;
}
.more-btn a::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 45px;
	width: 21px;
	height: 30px;
	margin: -15px 0 0;
	background: url(https://www.free-spirits.co.jp/img/top_arrow-type02.png) no-repeat;
	background-size: contain;
}
.mainvisual{
	position: relative;
}
.mainvisual h2{
	position: absolute;
	top: 3.8vw;
	right: 12vw;
	color: #fff;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1.75;
}
.hide{
	display:none;
}
.pick-tab{
	-webkit-animation-name: ContentsSwitch;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	animation-name: ContentsSwitch;
	animation-duration: 1s;
	animation-iteration-count: 1;
	box-sizing: border-box;
}


/* -------------------------------- 
.content-nav-warap
-------------------------------- */
.content-nav-warap{
	background: #344457;
}
.content-nav-warap ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	width: 1050px;
	margin: 0 auto;
	text-align: center;
}
.content-nav-warap li{
	position: relative;
	width: 12.5%;
}
.content-nav-warap a{
	display: block;
	padding: 25px 0;
	color: #fff;
	font-weight: bold;
	font-size: 2rem;
}
.content-nav-warap li:hover a{
	background: #f3ed33;
	color: #344457;
	transition: .5s;
}
.content-nav-warap .ico{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: .6;
	margin: 0 auto;
}
.content-nav-warap li:nth-of-type(1) .ico{
	margin: -23.5px 0 0 -22px;
}
.content-nav-warap li:nth-of-type(2) .ico{
	margin: -29.5px 0 0 -15px;
}
.content-nav-warap li:nth-of-type(3) .ico{
	margin: -26.5px 0 0 -22px;
}
.content-nav-warap li:nth-of-type(4) .ico{
	margin: -30px 0 0 -14.5px;
}
.content-nav-warap li:nth-of-type(5) .ico{
	margin: -23.5px 0 0 -22.5px;
}
.content-nav-warap li:nth-of-type(6) .ico{
	margin: -23.5px 0 0 -17px;
}
.content-nav-warap li:nth-of-type(7) .ico{
	margin: -24px 0 0 -21px;
}
.content-nav-warap li:nth-of-type(8) .ico{
	margin: -14px 0 0 -27px;
}
.content-nav-warap li:hover .ico{
	opacity: 1;
}
.content-nav-warap li .ico + span{
	display: block;
	position: relative;
	width: 100%;
	z-index: 1;
}
.content-nav-warap li:nth-of-type(1) .ico + span,
.content-nav-warap li:nth-of-type(3) .ico + span,
.content-nav-warap li:nth-of-type(8) .ico + span{
	margin: 10.5px 0;
}


/* -------------------------------- 
.area-insta
-------------------------------- */
section[class=area-insta]{
	width: 1050px;
	margin: 125px auto 0;
	padding: 0;
}
section[class^=area]::before{
	content: none;
}
section[class=area-insta] h2{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: stretch;
	align-items: stretch;
	position: absolute;
	top: 60px;
	left: 0;
	width: 40%;
	margin: 0;
}
.area-insta h2 .img{
	display: block;
	width: 83px;
	height: auto;
	margin: 0 0 0 35px;
}
section[class=area-insta] h2 .en{
	display: block;
	position: static;
	padding: 20px 0 20px 30px;
	font-size: 4.5rem;
}
section[class=area-insta] h2::after{
	content: none;
}
.area-insta ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	text-align: center;
}
.area-insta li{
	width: 20%;
	height: 210px;
	box-sizing: border-box;
}
.area-insta ul li:first-of-type{
	margin: 0 0 0 40%;
}
.area-insta .img{
	overflow: hidden;
	position: relative;
	height: 100%;
}
.area-insta .img img{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}


/* -------------------------------- 
.area-news
-------------------------------- */
section.area-news::before{
	content: "";
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 240px;
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-01.jpg) no-repeat;
	background-size: cover;
}
.area-news div[class^=area-n],
.area-news .area-info{
	width: 1050px;;
	margin: 150px auto 0;
}
.area-news .area-info .inner{
	width: 490px;
	margin: 50px 0 0;
	padding: 0 0 0 560px;
	background: url(https://www.free-spirits.co.jp/img/top_info_img.jpg) no-repeat;
	background-size: contain;
}
.area-news div[class^=area-n] ul{
	width: 300px;
	margin: 40px auto 0;
}
.area-news h3 .en{
	font-size: 4rem;
}
.area-news h3 .en + span{
	padding-left: 10px;
	font-size: 1.6rem;
}
.area-info h3{
	margin: 0 0 0 20px;
}
.area-info .info-list{
	overflow: scroll;
	height: 600px;
	margin: 20px 0 0 20px;
	padding: 20px 10px;
	box-sizing: border-box;
}
.area-info .info-list li:nth-of-type(n+2){
	padding: 20px 0;
	border-top: 1px solid #cdcdcd;
}
.area-info .info-list li:first-of-type{
	padding: 0 0 20px;
}
.area-info .info-list li:last-of-type{
	padding: 20px 0 0;
}
.info-ico{
	margin: 10px 0 0;
}
.info-ico span{
	display: inline-block;
	margin: 0 9px 0 0;
	padding: 8px;
	background: #344457;
	color: #fff;
	font-size: 1.2rem;
}
.info-txt{
	margin: 8px 0 0;
	line-height: 1.5;
	text-decoration: underline;
}
a:hover .info-txt{
	text-decoration: none;
}
.area-newitem{
	padding: 0 560px 0 35px;
	background: url(https://www.free-spirits.co.jp/img/top_info_img-02.jpg) no-repeat;
	background-size: 552px 665px;
	background-position: right;
	box-sizing: border-box;
}
.new-item-inner a{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.new-item-inner a > p{
	width: 300px;
	height: 300px;
	border: 1px solid rgba(52,68,87,.6);
	box-sizing: border-box;
}
.new-item-inner .block{
	width: 300px;
}
.new-item-inner .label{
	margin: 15px 0 0;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.5;
}
.new-item-inner .txt{
	margin: 10px 0 0;
	font-size: 1.6rem;
	line-height: 1.5;
}
.new-item-inner .price{
	margin: 15px 0 0;
	color: #bf2828;
	font-size: 1.8rem;
	text-align: right;
}
.new-item-inner .price span{
	padding: 0 0 0 5px;
	font-size: 1rem;
}
.area-news .slider .slick-dots{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	width: 160px;
	margin: 20px auto 0;
}
.slider .slick-dots li{
	width: 15px;
	height: 15px;
	background: #535353;
	border-radius: 50%;
}
.slider .slick-dots li.slick-active{
	background: #fff;
	border: 1px solid #535353;
	box-sizing: border-box;
}
.slider .slick-dots button{
	display: none;
}
section .new-brand-inner .en::after{
	content: none;
}
.area-newbrand{
	padding: 0 0 0 595px;
	background: url(https://www.free-spirits.co.jp/img/top_info_img-03.jpg) no-repeat;
	background-size: 552px 665px;
	box-sizing: border-box;
}
.new-brand-inner a{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.new-brand-inner a > p{
	width: 300px;
	height: 300px;
	border: 1px solid rgba(52,68,87,.6);
	box-sizing: border-box;
}
.new-brand-inner .block{
	width: 300px;
}
.new-brand-inner .label{
	margin: 15px 0 0;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.5;
}
.new-brand-inner .label span{
	display: block;
}
.new-brand-inner .txt{
	margin: 10px 0 0;
	font-size: 1.6rem;
	line-height: 1.5;
}


/* -------------------------------- 
.area-strength
-------------------------------- */
section.area-strength::before{
	content: "";
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 240px;
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-02.jpg) no-repeat;
	background-size: cover;
}
.area-strength > div{
	position: relative;
	width: 1050px;
	margin: 0 auto;
	background: #fff;
}
.area-strength > div:first-of-type{
	margin: 100px auto 0;
}
.area-strength .inner{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 85px 0 0 30px;
	box-sizing: border-box;
}
.area-strength > div:nth-of-type(2n) .inner{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 85px 30px 0  0;
	box-sizing: border-box;
	text-align: right;
}
.area-strength div h2{
	margin: 0;
}
section[class=area-strength] h2{
	display: block;
	font-size: 3.2rem;
}
section[class=area-strength] h2 span{
	display: block;
	margin: 18px 0 0;
	font-size: 2.4rem;
}
section[class=area-strength] h2::after{
	content: "";
	position: absolute;
	bottom: -17px;
	width: 65%;
	height: 5px;
	background: #f3ed33;
	z-index: 1;
}
section[class=area-strength] > div:nth-of-type(2n+1) h2::after{
	left: -30px;
}
section[class=area-strength] > div:nth-of-type(2n) h2::after{
	left: auto;
	right: -30px;
}
.area-strength .sub-txt{
	width: 412px;
	margin: 45px 0 0;
}
.area-strength > div:nth-of-type(2n) .sub-txt{
	width: 412px;
	margin: 45px 0 0 605px;
}
.area-strength .btn{
	margin: 38px 0 0;
	text-align: inherit;
}
.area-strength .more-btn a{
	padding: 18px 79px 15px 45px;
	font-size: 2.4rem;
}
.area-strength .more-btn a::after{
	right: 28px;
	width: 20px;
	height: 31px;
	margin: -15px 0 0;
}
.area-strength div:nth-of-type(2n+1) img{
	-o-clip-path: polygon(77% 0%, 100% 0%, 100% 100%, 23.6% 100%);
	-webkit-clip-path: polygon(77% 0%, 100% 0%, 100% 100%, 23.6% 100%);
	-moz-clip-path: polygon(77% 0%, 100% 0%, 100% 100%, 23.6% 100%);
	-ms-clip-path: polygon(77% 0%, 100% 0%, 100% 100%, 23.6% 100%);
	clip-path: polygon(77% 0%, 100% 0%, 100% 100%, 23.6% 100%);
}
.area-strength div:nth-of-type(2n) img{
	-o-clip-path: polygon(0% 0%, 23% 0%, 76.4% 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, 23% 0%, 76.4% 100%, 0% 100%);
	-moz-clip-path: polygon(0% 0%, 23% 0%, 76.4% 100%, 0% 100%);
	-ms-clip-path: polygon(0% 0%, 23% 0%, 76.4% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 23% 0%, 76.4% 100%, 0% 100%);
}


/* -------------------------------- 
.area-ranking
-------------------------------- */
section.area-ranking::before{
	content: "";
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 240px;
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-03.jpg) no-repeat;
	background-size: cover;
}
.area-ranking h2{
	width: 1050px;
}
.area-ranking > div{
	width: 980px;
}
.area-ranking .tab-wrap{
	margin: 70px auto 0;
}
.area-ranking .tab{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	text-align: center;
}
.area-ranking .tab li{
	width: 33%;
	padding: 25px 0 20px;
	background: #344457;
	border-radius: 10px 10px 0 0;
	color: #fff;
	font-weight: bold;
	font-size: 2.4rem;
	cursor: pointer;
}
.area-ranking .tab br{
	display: none;
}
.area-ranking .tab li.select{
	position: relative;
	background: #f3ed33;
	color: #344457;
}
.area-ranking .tab li.select::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -40px;
	width: 37px;
	height: 40px;
	margin-left: -18.5px;
	background: url(https://www.free-spirits.co.jp/img/top_ranking_tab-parts.png) no-repeat;
	background-size: contain;
}
.area-ranking .tab li span{
	display: inline-block;
	border-bottom: 1px solid #fff;
}
.area-ranking .tab li.select span{
	border-bottom: 1px solid #344457;
}
.area-ranking .content{
	background: #e6e6e6;
	padding: 80px 40px 90px;
}
.area-ranking .pick-tab{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.area-ranking .pick-tab > div{
	width: 49%;
	margin: 0;
}
.area-ranking .pick-tab > div:nth-of-type(n+3){
	width: 32%;
	margin: 20px 0 0;
}
.area-ranking h3{
	font-size: 2.4rem;
	text-align: center;
}
.area-ranking .sub-txt{
	margin: 15px 0 40px;
}
.area-ranking .more-btn{
	margin-top: 60px;
}


/* -------------------------------- 
.area-blog
-------------------------------- */
section.area-blog::before{
	content: "";
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 240px;
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-04.jpg) no-repeat;
	background-size: cover;
}
.area-blog h2{
	width: 1050px;
	margin: 0 auto;
}
.area-blog > ul{
	width: 980px;
	margin: 0 auto;
}
.area-blog .article-list{
	margin-top: 70px;
}


/* -------------------------------- 
.area-category
-------------------------------- */
section.area-category::before{
	content: "";
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 240px;
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-05.jpg) no-repeat;
	background-size: cover;
}
.area-category h2,
.area-category > .sub-txt{
	width: 1050px;
	margin: 0 auto;
}
.area-category .tab-wrap{
	width: 980px;
	margin: 0 auto;
}
.area-category > .sub-txt{
	margin: 30px auto 0;
}
.area-category .tab-wrap{
	margin: 80px auto 0;
}
.area-category .ico{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	width: 980px;
	margin: 80px auto 0;
	text-align: center;
}
.area-category .ico li{
	width: 145px;
	font-weight: bold;
	font-size: 2rem;
}
.area-category .ico li:nth-of-type(4){
	letter-spacing: -2px;
}
.area-category .ico span{
	display: block;
	position: relative;
	width: 145px;
	height: 145px;
	margin: 0 0 20px;
	background: #fff;
	border: 2px solid rgba(51,51,51,.6);
	box-sizing: border-box;
	border-radius: 50%;
	cursor: pointer;
}
.area-category .ico .select span{
	background: #f3ed33;
}
.area-category .ico img{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
}
.area-category .ico li:nth-of-type(1) img{
	width: 104px;
	height: 52px;
	margin: -26px 0 0 -52px;
}
.area-category .ico li:nth-of-type(2) img{
	width: 88px;
	height: 107px;
	margin: -53.5px 0 0 -44px;
}
.area-category .ico li:nth-of-type(3) img{
	width: 89px;
	height: 88px;
	margin: -44px 0 0 -44.5px;
}
.area-category .ico li:nth-of-type(4) img{
	width: 83px;
	height: 95px;
	margin: -47.5px 0 0 -41.5px;
}
.area-category .ico li:nth-of-type(5) img{
	width: 110px;
	height: 85px;
	margin: -42.5px 0 0 -55px;
}
.area-category .ico li:nth-of-type(6) img{
	width: 92px;
	height: 100px;
	margin: -50px 0 0 -46px;
}
.area-category .pick-tab{
	margin: 80px 0 0;
}
.area-category .block{
	width: 100%;
	padding: 20px 55% 20px 0;
	background: url(https://www.free-spirits.co.jp/img/top_category_img-leather-pc.jpg) no-repeat;
	background-position: right;
	background-size: auto;
	box-sizing: border-box;
}
.area-category li:nth-of-type(2) .block{
	background: url(https://www.free-spirits.co.jp/img/top_category_img-bag-pc.jpg) no-repeat;
	background-position: right;
	background-size: auto;
}
.area-category li:nth-of-type(3) .block{
	background: url(https://www.free-spirits.co.jp/img/top_category_img-interia-pc.jpg) no-repeat;
	background-position: right;
	background-size: auto;
}
.area-category li:nth-of-type(4) .block{
	background: url(https://www.free-spirits.co.jp/img/top_category_img-stationery-pc.jpg) no-repeat;
	background-position: right;
	background-size: auto;
}
.area-category li:nth-of-type(5) .block{
	background: url(https://www.free-spirits.co.jp/img/top_category_img-fashion-pc.jpg) no-repeat;
	background-position: right;
	background-size: auto;
}
.area-category li:nth-of-type(6) .block{
	background: url(https://www.free-spirits.co.jp/img/top_category_img-menskaden-pc.jpg) no-repeat;
	background-position: right;
	background-size: auto;
}
.area-category .block h3{
	font-size: 2.4rem;
}
.area-category .block .sub-txt{
	margin: 20px 0 0;
}
.area-category .article-list{
	width: 980px;
	margin: 80px auto 0;
}
.area-category .article-list li{
	width: 230px;
	margin-right: 20px;
}
.area-category .article-list li:nth-of-type(4n){
	margin-right: 0;
}
.area-category .article-list li:nth-of-type(n+5){
	margin-top: 40px;
}
.area-category h4{
	margin: 20px 0 0;
	font-size: 2.4rem;
	text-align: center;
}
.area-category .article-list .sub-txt{
	margin: 10px 0 0;
	text-decoration: underline;
}
.area-category .article-list li:hover svg{
	fill: #f3ed33;
	transition: .6s;
}
.area-category .article-list li:hover .sub-txt{
	text-decoration: none;
}


/* -------------------------------- 
.area-brand
-------------------------------- */
section.area-brand::before{
	content: "";
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 240px;
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-06.jpg) no-repeat;
	background-size: cover;
}
.area-brand h2,
.area-brand > .sub-txt,
.area-brand-inner,
.area-brand-inner-last{
	width: 1050px;
	margin: 0 auto;
}
.area-brand > .sub-txt{
	margin: 30px auto 0;
}
.area-brand-inner{
	overflow: hidden;
	position: relative;
	background: #fff;
}
.area-brand .area-brand-inner:first-of-type{
	margin-top: 60px;
}
.area-brand-inner .img{
	position: relative;
}
.area-brand-inner .img::after{
	content: "";
	display: block;
	position: absolute;
	bottom: -166px;
	left: -80px;
	width: 100%;
	height: 5px;
	background: #f3ed33;
	transform: rotate(40deg);
}
.area-brand-inner:nth-of-type(2n) .img::after{
	bottom: -166px;
	left: 75px;
	transform: rotate(-40deg);
}
.area-brand div:nth-of-type(2n+1) img{
	-o-clip-path: polygon(0% 0%, 23% 0%, 77% 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, 23% 0%, 77% 100%, 0% 100%);
	-moz-clip-path: polygon(0% 0%, 23% 0%, 77% 100%, 0% 100%);
	-ms-clip-path: polygon(0% 0%, 23% 0%, 77% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 23% 0%, 77% 100%, 0% 100%);
}
.area-brand div:nth-of-type(2n) img{
	-o-clip-path: polygon(77% 0%, 100% 0%, 100% 100%, 23% 100%);
	-webkit-clip-path: polygon(77% 0%, 100% 0%, 100% 100%, 23% 100%);
	-moz-clip-path: polygon(77% 0%, 100% 0%, 100% 100%, 23% 100%);
	-ms-clip-path: polygon(77% 0%, 100% 0%, 100% 100%, 23% 100%);
	clip-path: polygon(77% 0%, 100% 0%, 100% 100%, 23% 100%);
}
.area-brand-inner h3,
.area-brand-inner .sub-txt,
.area-brand-inner .more-btn{
	position: absolute;
}
.area-brand-inner h3{
	top: 80px;
	right: 30px;
	font-size: 3.2rem;
	text-align: right;
}
.area-brand-inner:nth-of-type(2n) h3{
	left: 30px;
	right: auto;
	text-align: left;
}
.area-brand-inner h3 span{
	display: block;
	margin: 15px 0 0;
	font-size: 5.4rem;
}
.area-brand-inner .sub-txt{
	top: 209px;
	right: 30px;
	width: 410px;
	font-size: 2rem;
	text-align: right;
}
.area-brand-inner:nth-of-type(2n) .sub-txt{
	left: 30px;
	right: auto;
	text-align: left;
}
.area-brand-inner .more-btn{
	bottom: 80px;
	right: 30px;
	margin: 0 0 0;
}
.area-brand-inner:nth-of-type(2n) .more-btn{
	left: 30px;
	right: auto;
}
.area-brand-inner .more-btn a{
	padding: 14px 44px 13px 26px;
	border-width: 4px;
	font-size: 2rem;
}
.area-brand-inner .more-btn a::after{
	right: 17px;
	width: 13px;
	height: 20px;
	margin-top: -10px;
}
.area-brand-inner-last{
	margin: 100px auto 0;
	padding: 140px 0 120px;
	background: url(https://www.free-spirits.co.jp/img/top_brand_img-all-pc.jpg) no-repeat;
	background-size: cover;
}
.area-brand-inner-last h3{
	color: #fff;
	font-size: 2.4rem;
	text-align: center;
}
.area-brand-inner-last .sub-txt{
	width: 570px;
	margin: 50px auto 0;
	color: #fff;
}
.area-brand-inner-last .more-btn{
	margin: 65px 0 0;
}
.area-brand-inner-last .more-btn a{
	border-color: #fff;
	color: #fff;
}
.area-brand-inner-last .more-btn a::after{
	background-image: url(https://www.free-spirits.co.jp/img/top_arrow-type01.png);
}
.area-brand-inner-last .more-btn a:hover{
	border-color: #f3ed33;
}


/* -------------------------------- 
.area-present
-------------------------------- */
section.area-present::before{
	content: "";
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 240px;
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-07.jpg) no-repeat;
	background-size: cover;
}
.area-present h2,
.area-present > .sub-txt{
	width: 1050px;
	margin: 0 auto;
}
.area-present > .sub-txt{
	margin: 30px auto 0;
}
.area-present-wrapper{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	width: 980px;
	margin: 90px auto 0;
}
.area-present-inner{
	width: 315px;
	padding: 10px;
	background: #344457;
	box-sizing: border-box;
	color: #fff;
}
.area-present-inner .img{
	position: relative;
}
.area-present-inner:nth-of-type(1) .img::after{
	content: "01";
}
.area-present-inner:nth-of-type(2) .img::after{
	content: "02";
}
.area-present-inner:nth-of-type(3) .img::after{
	content: "03";
}
.area-present-inner .img::after{
	display: block;
	position: absolute;
	bottom: -23px;
	left: 5px;
	width: 45px;
	height: 45px;
	padding: 10px 0;
	background: #344457;
	border: 4px solid #fff;
	border-radius: 50%;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 2.4rem;
	font-family: 'Crimson Text', serif;
	text-align: center;
}
.area-present-inner h3{
	position: relative;
	margin: 25px 0 0;
	font-size: 2rem;
	text-align: center;
	z-index: 2;
}
.area-present-inner .sub-txt{
	width: 270px;
	margin: 15px auto 0;
	font-weight: 500;
	font-size: 1.6rem;
}
.area-present-inner .more-btn{
	margin: 15px 0 20px;
}
.area-present-inner .more-btn a{
	padding: 13px 38px 12px 20px;
	border-width: 4px;
	border-color: #fff;
	color: #fff;
	font-size: 1.6rem;
}
.area-present-inner .more-btn a::after{
	right: 17px;
	width: 12px;
	height: 18px;
	margin-top: -10px;
	background-image: url(https://www.free-spirits.co.jp/img/top_arrow-type01.png);
}
.area-present-warap{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: stretch;
	align-items: stretch;
	width: 980px;
	margin: 50px auto 0;
}
.area-present-inner-small{
	width: 230px;
	margin-right: calc(60px/3);
}
.area-present-inner-small:nth-of-type(n+5){
	margin-top: 30px;
}
.area-present-inner-small:nth-of-type(4n){
	margin-right: 0;
}
.area-present-inner-small h3{
	font-size: 2rem;
}
.area-present-inner-small .img{
	margin: 10px 0 0;
	border: 1px solid rgba(52,68,87,.6);
	box-sizing: border-box;
}
.area-present-inner-small .sub-txt{
	margin: 15px 0 0;
	font-size: 1.6rem;
}
.more-btn-arrow{
	margin: 5px 0 0;
	font-weight: bold;
	font-size: 2.6rem;
	font-family: 'Crimson Text', serif;
	text-align: right;
}
.more-btn-arrow a{
	position: relative;
	padding: 0 50px 0 0;
	color: #344457;
}
.more-btn-arrow a:hover{
	color: #f3ed33;
}
.more-btn-arrow a::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 115px;
	height: 14px;
	background: url(https://www.free-spirits.co.jp/img/top_arrow-type04.png) no-repeat;
	background-size: contain;
}


/* -------------------------------- 
.area-feature
-------------------------------- */
section.area-feature::before{
	content: "";
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 240px;
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-08.jpg) no-repeat;
	background-size: cover;
}
.area-feature h2,
.area-feature > .sub-txt{
	width: 1050px;
	margin: 0 auto;
}
.area-feature .article-list{
	width: 980px;
	margin: 50px auto 0;
}
.area-feature h3{
	margin: 10px 0 0;
	font-size: 2rem;
}
.area-feature .article-img{
	border: 1px solid rgba(52,68,87,.6);
	box-sizing: border-box;
}
.area-feature .article-list .sub-txt{
	margin: 10px 0 0;
	font-size: 1.6rem;
	text-decoration: underline;
}
.area-feature li:hover .sub-txt{
	text-decoration: none;
}


/* -------------------------------- 
.area-shop
-------------------------------- */
section.area-shop::before{
	content: "";
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 240px;
	background: url(https://www.free-spirits.co.jp/img/top_sect_img-09.jpg) no-repeat;
	background-size: cover;
}
.area-shop h2,
.area-shop > .sub-txt{
	width: 1050px;
	margin: 0 auto;
}
.area-shop-wrap{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	width: 980px;
	margin: 70px auto 0;
}
.area-shop-inner{
	width: 460px;
}
.area-shop-inner h3{
	margin: 20px 0 0;
	font-size: 2.4rem;
}
.area-shop-inner .sub-txt{
	margin: 10px 0 0;
}
.area-shop-inner .more-btn{
	margin: 20px 0 0;
}
.area-shop-inner .more-btn a{
	width: 100%;
	padding: 20px 0 18px;
	box-sizing: border-box;
	font-size: 2.4rem;
}
.area-shop-inner .more-btn a::after{
	content: none;
}
}