/*------------------------------------------------------------
	共通レイアウト
------------------------------------------------------------*/

header {
	margin-bottom: 0;
}

div.container div.contents {
	padding: 0 0 20px;
}

@media only screen and (min-width: 737px) {
	
	header {
		margin-bottom: 20px;
	}

	div.container div.contents {
		padding: 30px 0 50px;
	}
		
}

/*------------------------------------------------------------
	メインビジュアル
------------------------------------------------------------*/

main {
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}

main img.pcMain {
	display: none;
}

@media only screen and (min-width: 737px) {
	
	main {
		width: 1120px;
		margin: 0 auto 20px;
	}
	
	main img.spMain {
		display: none;
	}
	
	main img.pcMain {
		display: block;
		-webkit-transition:0.2s ease-in-out;
		transition:0.2s ease-in-out;
	}
	
	main img.pcMain:hover {
		background: #fff;
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
	}

}

/*------------------------------------------------------------
	バナーｘ２
------------------------------------------------------------*/

#subVisArea {
	padding: 0 6% 30px;
	margin: 0 auto;
}

@media only screen and (min-width: 737px) {
	
	#subVisArea {
		width: 1120px;
		padding: 0 0 50px;
	}

}

/*------------------------------------------------------------
	NEW ITEM
------------------------------------------------------------*/

#newItemArea {
	border-top: 1px solid #ddd;
}

#newItemArea div.newItemBox figure {
	margin-bottom: 5px;
}

#newItemArea div.newItemBox dl {
	line-height: 1.6;
	color: #000;
	padding: 0 2%;
}

#newItemArea div.newItemBox dl dt a {
	display: block;
	margin-bottom: 3px;
	font-weight: 600;
	color: #000;
}

#newItemArea .slick-prev,
#newItemArea .slick-next {
	top: 75px;
	margin: 0;
}

@media only screen and (min-width: 737px) {
	
	/*SLick上書き設定*/
	#newItemArea .slick-slider {
		padding: 0;
	}
	
	#newItemArea .slick-prev {
		top: 120px;
		left: -30px;
	}
	
	#newItemArea .slick-next {
		top: 120px;
		right: -30px;
	}

}

/*------------------------------------------------------------
	Movie 01
------------------------------------------------------------*/

#movieHolder {
	margin-bottom: 20px;
}

.movieWrap{
  overflow:hidden;
}
.movie-in{
width:50%;
  float:left;
  padding: 0 30px 30px;
}
.movie-in iframe{
  width:100%;
  height: 280px;
}

@media only screen and (min-width: 737px) {
	
	#movieHolder {
		width: 620px;
		margin: 0 auto 30px;
	}

}

/*------------------------------------------------------------
	Movie02
------------------------------------------------------------*/

.movieArea02 {
	border-top: 1px solid #ddd;
}

.movieArea02 h5 {
	width: 100%;
	font-size: 1.2rem;
	letter-spacing: 0;
	padding: 0 0 5px;
}

.movieArea02 h5 span {
	font-weight: normal;
}

.movieArea02 section {
	margin-bottom: 20px;
}

@media only screen and (min-width: 641px) {
	
	.movieArea02 {
		border-top: 1px solid #ddd;
	}
	
	.movieArea02 section {
		padding: 10px 60px;
	}
	
	.movieArea02 h5 {
		font-size: 1.5rem;
		letter-spacing: 0.5px;
		padding: 0 0 10px;
	}
	
	.movieArea02 figure {
	/* height: 415px; */
		height: 371px;
		overflow: hidden;
	}

}


/*------------------------------------------------------------
	FEATURE
------------------------------------------------------------*/

#featureArea {
	padding-bottom: 15px;
}

#featureArea div.oneFourth {
	background: #fff;
}

#featureArea div.oneFourth figure {
	height: 124px;
	overflow: hidden;
}

#featureArea div.oneFourth dl {
	padding: 10px;
}

#featureArea div.oneFourth dl dt {
	width: 100%;
	font-size: 1.1rem;
	line-height: 1.6;
	padding-bottom: 4px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

#featureArea div.oneFourth dl dt a {
	font-weight: 500;
	color: #000;
}

#featureArea div.oneFourth dl dd.cat  {
	background: #A8CCA9;
	font-size: 1rem;
	width: 70px;
	text-align: center;
	line-height: 20px;
	float: left;
	color: #fff;
}

#featureArea div.oneFourth dl dd.date  {
	font-size: 1rem;
	line-height: 20px;
	color: #9B9B9B;
	float: right;
}

/*特集 カテゴリー色分け*/
#featureArea div.oneFourth dl dd.pnk {
	background: #E3B7B7;
}

#featureArea div.oneFourth dl dd.blue {
	background: #9EAFC7;
}

#featureArea div.oneFourth dl dd.ppl {
	background: #B8ACC9;
}

@media only screen and (min-width: 737px) {
	
	#featureArea {
		padding-bottom: 20px;
	}
	
	#featureArea div.oneFourth figure {
		height: 220px;
	}
	
	#featureArea div.oneFourth figure img {
		transition:0.2s ease-in-out;
	}
	
	#featureArea div.oneFourth figure img:hover {
		background: #fff;
		transform:scale(1.1,1.1);
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		cursor: pointer;
	}
	
	#featureArea div.oneFourth dl {
		padding: 16px 20px 20px;
	}
	
	#featureArea div.oneFourth dl dt {
		font-size: 1.3rem;
		line-height: 1.8;
		padding-bottom: 9px;
		margin-bottom: 14px;
	}

	#featureArea div.oneFourth dl dd.date  {
		font-size: 1.1rem;
	}
	
}

/*------------------------------------------------------------
	RECOMMEND
------------------------------------------------------------*/

/* ▼タブ表示時は下記削除 */
#recoTab {
	display: none;
}
/* ▲削除ここまで */


#recoPanel div.oneFifth {
	margin-bottom: 15px;
}

#recoPanel div.oneFifth figure {
	margin-bottom: 5px;
}

#recoPanel div.oneFifth dl {
	line-height: 1.6;
	color: #000;
}

#recoPanel div.oneFifth dl dt a {
	display: block;
	font-weight: 600;
	margin-bottom: 3px;
	color: #000;
}

@media only screen and (min-width: 737px) {
	
	#recoPanel div.oneFifth {
		width: 220px;
		margin: 0 5px 30px 0;
	}
	
	#recoPanel div.oneFifth:nth-child(5n) {
		margin-right: 0;
	}
	
	#recoPanel div.oneFifth figure {
		width: 220px;
		height: 264px;
		overflow: hidden;
	}
	
	#recoPanel div.oneFifth figure img {
		transition:0.2s ease-in-out;
	}
	
	#recoPanel div.oneFifth figure img:hover {
		transform:scale(1.1,1.1);
		opacity:0.8;
		cursor: pointer;
	}

}

/*------------------------------------------------------------
	RANKING
------------------------------------------------------------*/

#rankingArea {
	padding: 30px 0;
}

#rankingArea .slick-prev, .slick-next {
	top: 117px;
	margin: 0;
}

#rankingArea div.scrollArea {
	padding: 0 0 0 6%;
}

#rankingArea div.caruselRanking {
	display: none;
}

#rankingArea div.scrollItem,
#rankingArea div.caruselRanking div.newItemBox {
	width: 160px;
	position: relative;
}

#rankingArea div.scrollItem:first-of-type:after,
#rankingArea div.caruselRanking div.newItemBox:first-of-type:after {
	background: url(https://file002.shop-pro.jp/PA01395/798//img/top/rank_01.png) left top no-repeat;
	background-size: 44px 30px;
}

#rankingArea div.scrollItem:nth-of-type(2):after,
#rankingArea div.caruselRanking div.newItemBox:nth-of-type(2):after {
	background: url(https://file002.shop-pro.jp/PA01395/798//img/top/rank_02.png) left top no-repeat;
	background-size: 44px 30px;
}

#rankingArea div.scrollItem:nth-of-type(3):after,
#rankingArea div.caruselRanking div.newItemBox:nth-of-type(3):after {
	background: url(https://file002.shop-pro.jp/PA01395/798//img/top/rank_03.png) left top no-repeat;
	background-size: 44px 30px;
}

#rankingArea div.scrollItem:nth-of-type(4):after,
#rankingArea div.caruselRanking div.newItemBox:nth-of-type(4):after {
	background: url(https://file002.shop-pro.jp/PA01395/798//img/top/rank_04.png) left top no-repeat;
	background-size: 29px 29px;
}

#rankingArea div.scrollItem:nth-of-type(5):after,
#rankingArea div.caruselRanking div.newItemBox:nth-of-type(5):after {
	background: url(https://file002.shop-pro.jp/PA01395/798//img/top/rank_05.png) left top no-repeat;
	background-size: 29px 29px;
}

#rankingArea div.scrollItem:nth-of-type(6):after,
#rankingArea div.caruselRanking div.newItemBox:nth-of-type(6):after {
	background: url(https://file002.shop-pro.jp/PA01395/798//img/top/rank_06.png) left top no-repeat;
	background-size: 29px 29px;
}

#rankingArea div.scrollItem:nth-of-type(7):after,
#rankingArea div.caruselRanking div.newItemBox:nth-of-type(7):after {
	background: url(https://file002.shop-pro.jp/PA01395/798//img/top/rank_07.png) left top no-repeat;
	background-size: 29px 29px;
}

#rankingArea div.scrollItem:nth-of-type(8):after,
#rankingArea div.caruselRanking div.newItemBox:nth-of-type(8):after {
	background: url(https://file002.shop-pro.jp/PA01395/798//img/top/rank_08.png) left top no-repeat;
	background-size: 29px 29px;
}

#rankingArea div.scrollItem:nth-of-type(9):after,
#rankingArea div.caruselRanking div.newItemBox:nth-of-type(9):after {
	background: url(https://file002.shop-pro.jp/PA01395/798//img/top/rank_09.png) left top no-repeat;
	background-size: 29px 29px;
}

#rankingArea div.scrollItem:nth-of-type(10):after,
#rankingArea div.caruselRanking div.newItemBox:nth-of-type(10):after {
	background: url(https://file002.shop-pro.jp/PA01395/798//img/top/rank_10.png) left top no-repeat;
	background-size: 29px 29px;
}

#rankingArea div.caruselRanking div.newItemBox figure {
	margin-bottom: 5px;	
}

#rankingArea div.caruselRanking div.newItemBox a {
	display: block;
	font-weight: 500;
	color: #000;
	margin-bottom: 3px;
}

#rankingArea div.caruselRanking div.newItemBox dl {
	padding: 0 2%;
	line-height: 1.6;
}

@media only screen and (min-width: 737px) {
	
	#rankingArea {
		padding: 50px 0 30px;
	}
	
	#rankingArea .slick-prev, 
	#rankingArea .slick-next {
		top: 117px;
		margin: 0;
	}
		
	#rankingArea div.scrollArea {
		display: none;
	}
	
	#rankingArea div.caruselRanking {
		display: block;
		width: 1150px;
		margin: 0 auto;
	}
	
	#rankingArea div.caruselRanking div.newItemBox {
		width: 220px;
	}
	
}

/*------------------------------------------------------------
	STYLING
------------------------------------------------------------*/

#stylingArea {
	margin-bottom: 10px;
}

#stylingArea div.oneHalf:first-child {
	margin-bottom: 30px;
}

#stylingArea dl {
	text-align: center;
	margin-bottom: 15px;
	color: #000;
}

#stylingArea dl dt {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#stylingArea dl dd {
	line-height: 1;
}

/*SLick上書き設定*/
#stylingArea .slick-slider {
	padding: 0;
}

#stylingArea .slick-prev,
#stylingArea .slick-next {
	top: auto;
	bottom: 0;
	margin: -5px 0 0;	
}

#stylingArea .slick-prev:before,
#stylingArea .slick-next:before {
	font-size: 1.4rem;
}

#stylingArea .slick-dots {
	padding-top: 10px;
}

@media only screen and (min-width: 737px) {
	
	#stylingArea div.oneHalf:first-child {
		margin-bottom: 0;
	}
	
	#stylingArea dl {
		margin-bottom: 30px;
	}
	
	#stylingArea dl dt {
		font-size: 1.8rem;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	
	#stylingArea .slick-dots {
		padding-top: 20px;
	}

}

/*------------------------------------------------------------
	INSTAGRAM
------------------------------------------------------------*/

section#instafeed {
	margin-bottom: 20px;
}

div.instaBox {
	width: 32%;
	height: 105px;
	float: left;
	overflow: hidden;
	margin: 0 2% 5px 0;
	border: 3px solid #fff;
	box-shadow: 0 0 8px #ccc;
	position: relative;
}

div.instaBox:nth-child(3n) {
	margin-right: 0;
}

div.instaBox:hover {
	opacity: 0.8;
}

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


@media only screen and (min-width: 737px) {	
	
	section#instafeed {
		margin-bottom: 35px;
	}

	section#instafeed div.instaBox,
	section#instafeed div.instaBox:nth-child(3n) {
		width: 178px;
		height: 178px;
		margin: 0 10px 10px 0;
	}
	
	section#instafeed div.instaBox:nth-child(6n) {
		margin-right: 0;
	}
	
}

/*------------------------------------------------------------
	SOCIAL AREA
------------------------------------------------------------*/

#socialArea {
	display: none;
}

.top_sq_wrap li{
		width: 18.4%;
		float: left;
		margin: 0 1% 15px;
	}
	.top_sq_wrap{
		overflow: hidden;
	}
	.top_sq_wrap li p {
	    height: 5em;
	    line-height: 1.4;
	    padding: 10px 0 0;
	}
	.top_sq_wrap li:nth-child(1) {
	  margin-left: 0;
	}
	.top_sq_wrap li:nth-child(5) {
	  margin-right: 0;
	}
	.top_sq_wrap li:nth-child(6){
	  margin-left: 0;
	}
	.top_sq_wrap li:nth-child(10) {
	  margin-right: 0;
	}

@media only screen and (min-width: 737px) {
	
	#socialArea {
		display: block;
		border-top: 1px solid #ddd;
		margin-top: 45px;
		padding: 60px 0 60px;
	}
	
	#socialArea div.oneHalf {
		text-align: center;
	}

}

@media only screen and (max-width: 737px) {
.pc_only{
display:none
}
#movieWrap{
padding:0 0 0px!important;  
}
.movie-in {
    width: 100%!important;
    float: none!important;
}
  .movie-in iframe{width:100%!important;height: auto!important;
}
	.top_sq_wrap li{
		width: 48%;
		margin: 0 2% 10px;
	}
	.top_sq_wrap li:first-child {
	  margin-left: 2%;
	}
	.top_sq_wrap li:last-child {
	  margin-right: 2%;
	}
	.top_sq_wrap li:nth-child(5){
	  margin-right: 2%;
	}
	.top_sq_wrap li:nth-child(odd){
	  margin-left: 0;
	}
	.top_sq_wrap li:nth-child(even){
	  margin-right: 0;
	}
.container .movieArea {
    padding: 30px 0!important;
}