@charset "UTF-8";
/*----------------------------------------------------
	indexページ
----------------------------------------------------*/
/* ヘッダー */
#header {
  margin-bottom: 0;
}

/* バナータイトル非表示 */
#asideInfoTtl {
  display: none;
}

/* メインビジュアル */
#mainVisual {
  position: relative;
  width: 100%;
  height: 570px;
  overflow: hidden;
  z-index: 1;
}
#mainVisual .slideGuide {
  height: 100%;
  zoom: 1;
}
#mainVisual .slideCell {
  display: block;
  float: left;
  height: 100%;
}

/* loading */
#mv-loading {
	position: absolute;
	top: 0;
	width: 100%;
  height: 570px;
  background: url(/index-images/loading.gif) no-repeat center center #fff;
}

/* 1展開目 */
#mainVisualContainer01 {
  height: 570px;
  background: url(/index-images/mv_bg_pickup.png) repeat-x top left;
}
#mainVisualContainer01 .slideCell {
  margin-right: 10px;
  padding-top: 19px;
}
#mainVisualContainer01 .slideCell p {
  position: relative;
  margin-bottom: 10px;
}
#mainVisualContainer01 .slideCell p img {
  padding: 5px 0 0 5px;
}
#mainVisualContainer01 .slideCell p span {
  position: absolute;
  display: block;
  top: 6px;
  left: -5px;
  height: 29px;
  text-indent: -9999px;
}

#mainVisualContainer01 .type04 {
  position: relative;
  width: 712px;
  height: 535px;
}
#mainVisualContainer01 .type04 .sizeLL {
  width: 712px;
  height: 535px;
  background: url(/index-images/pickup/bg_type04_ll.png) no-repeat top left;
}
#mainVisualContainer01 a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#mainVisual #mv01-prv {
	position: absolute;
	top: 260px;
	left: 50%;
	margin-left: -525px;
}
#mainVisual #mv01-nxt {
	position: absolute;
	top: 260px;
	left: 50%;
	margin-left: 475px;
}




/* 2展開目 */
#mv-product {
  height: 570px;
  background: url(/index-images/mv_bg_product.png) repeat-x top left;
}
#mv-product .slideGuide {
  height: 120px;
}
#mv-product .slideCell {
  position: relative;
  float: left;
  width: 120px;
  height: 120px;
  margin-right: 10px;
  text-align: center;
}
#mv-product .slideCell a img{
  width: 120px;
  height: 120px;
}
#mv-product .slideCell span {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
}
#mv-product .slideCell a:hover span {
  display: block;
}
#mv-product #product01 {
  padding-top: 20px;
}
#mv-product #product02 {
  margin-top: 65px;
}
#mv-product #product03 {
  margin-top: 67px;
}

#mv-product .category_01 a:hover span {
	background: url(/index-images/product/category_01.png) no-repeat top left;
}
#mv-product .category_02 a:hover span {
	background: url(/index-images/product/category_02.png) no-repeat top left;
}
#mv-product .category_03 a:hover span {
	background: url(/index-images/product/category_03.png) no-repeat top left;
}
#mv-product .category_04 a:hover span {
	background: url(/index-images/product/category_04.png) no-repeat top left;
}
#mv-product .category_05 a:hover span {
	background: url(/index-images/product/category_05.png) no-repeat top left;
}
#mv-product .category_06 a:hover span {
	background: url(/index-images/product/category_06.png) no-repeat top left;
}
#mv-product .category_07 a:hover span {
	background: url(/index-images/product/category_07.png) no-repeat top left;
}
#mv-product .category_08 a:hover span {
	background: url(/index-images/product/category_08.png) no-repeat top left;
}
#mv-product .category_09 a:hover span {
	background: url(/index-images/product/category_09.png) no-repeat top left;
}
#mv-product .category_10 a:hover span {
	background: url(/index-images/product/category_10.png) no-repeat top left;
}
#mv-product .category_11 a:hover span {
	background: url(/index-images/product/category_11.png) no-repeat top left;
}
#mv-product .category_12 a:hover span {
	background: url(/index-images/product/category_12.png) no-repeat top left;
}
#mv-product .category_13 a:hover span {
	background: url(/index-images/product/category_13.png) no-repeat top left;
}
#mv-product .category_14 a:hover span {
	background: url(/index-images/product/category_14.png) no-repeat top left;
}
#mv-product .category_15 a:hover span {
	background: url(/index-images/product/category_15.png) no-repeat top left;
}
#mv-product .category_16 a:hover span {
	background: url(/index-images/product/category_16.png) no-repeat top left;
}
#mv-product .category_17 a:hover span {
	background: url(/index-images/product/category_17.png) no-repeat top left;
}
#mv-product .category_18 a:hover span {
	background: url(/index-images/product/category_18.png) no-repeat top left;
}
#mv-product .category_19 a:hover span {
	background: url(/index-images/product/category_19.png) no-repeat top left;
}
#mv-product .category_20 a:hover span {
	background: url(/index-images/product/category_20.png) no-repeat top left;
}
#mv-product .category_21 a:hover span {
	background: url(/index-images/product/category_21.png) no-repeat top left;
}
#mv-product .category_22 a:hover span {
	background: url(/index-images/product/category_22.png) no-repeat top left;
}
#mv-product .category_23 a:hover span {
	background: url(/index-images/product/category_23.png) no-repeat top left;
}
#mv-product .category_24 a:hover span {
	background: url(/index-images/product/category_24.png) no-repeat top left;
}
#mv-product .category_25 a:hover span {
	background: url(/index-images/product/category_25.png) no-repeat top left;
}
#mv-product .category_26 a:hover span {
	background: url(/index-images/product/category_26.png) no-repeat top left;
}
#mv-product .category_27 a:hover span {
	background: url(/index-images/product/category_27.png) no-repeat top left;
}
#mv-product .category_28 a:hover span {
	background: url(/index-images/product/category_28.png) no-repeat top left;
}
#mv-product .category_29 a:hover span {
	background: url(/index-images/product/category_29.png) no-repeat top left;
}
#mv-product .category_30 a:hover span {
	background: url(/index-images/product/category_30.png) no-repeat top left;
}
#mv-product .category_31 a:hover span {
	background: url(/index-images/product/category_31.png) no-repeat top left;
}
#mv-product .category_32 a:hover span {
	background: url(/index-images/product/category_32.png) no-repeat top left;
}
#mv-product .category_33 a:hover span {
	background: url(/index-images/product/category_33.png) no-repeat top left;
}
#mv-product .category_34 a:hover span {
	background: url(/index-images/product/category_34.png) no-repeat top left;
}
#mv-product .category_35 a:hover span {
	background: url(/index-images/product/category_35.png) no-repeat top left;
}
#mv-product .category_36 a:hover span {
	background: url(/index-images/product/category_36.png) no-repeat top left;
}
#mv-product .category_37 a:hover span {
	background: url(/index-images/product/category_37.png) no-repeat top left;
}
#mv-product .category_38 a:hover span {
	background: url(/index-images/product/category_38.png) no-repeat top left;
}
#mv-product .category_39 a:hover span {
	background: url(/index-images/product/category_39.png) no-repeat top left;
}


/* 3展開目 */
div#mv-enjoy {
  height: 570px;
  background: url(/index-images/mv_bg_pickup.png) repeat-x top left;
	zoom: 1;
}
#mv-enjoy:after {
  content: ""; 
  display: block; 
  clear: both;
}
#mv-enjoy .mv-enjoy-inner {
	float: left;
	width: 404px;
	height: 535px;
	margin-right: 45px;
	background: url(/index-images/mv_enjoy_bg.png) no-repeat top left;
}
#mv-enjoy .mv-enjoy-inner h2 {
	padding: 73px 0 0;
	text-align: center;
}
#mv-enjoy .mv-enjoy-inner {
}
#mv-enjoy .mv-enjoy-inner a {
	color: #333;
	text-decoration: none;
}
#mv-enjoy .mv-enjoy-inner a:hover {
	color: #2146c2;
}


#mv-enjoy .article-wrap {
	width: 330px;
	margin: 0 37px;
}
#mv-enjoy .article-wrap .first-post {
	padding: 20px 0;
	background: url(/index-images/mv_enjoy_line.png) no-repeat left bottom;
	*zoom: 1;
}
#mv-enjoy .article-wrap .first-post:after {
  content: ""; 
  display: block; 
  clear: both;
}
#mv-enjoy .article-wrap .first-post .img {
	float: left;
	margin-right: 15px;
	width: 108px;
	height: 114px;
	background: url(/index-images/enjoy-bg-thumb.png) no-repeat top left;
}
#mv-enjoy .article-wrap .first-post .img span {
	padding: 11px 0 0 5px;
	display: block;
}
#mv-enjoy .article-wrap .first-post .img img {
	width: 94px;
	height: 94px;
}
#mv-enjoy #mv-enjoy-sec03 .article-wrap .first-post .img img {
	height: auto;
	padding: 12px 0;
	background: #000;
}
#mv-enjoy .article-wrap #enjoy-movie .first-post .img img {
	width: 94px;
	height: auto;
	padding: 12px 0;
	background: #000;
}
#mv-enjoy .article-wrap .date {
  display: inline-block;
  padding-right: 6px;
  background: url(/enjoy/images/bg-date-right.png) no-repeat top right;
  font-size: 110%;
  font-family: Verdana, Geneva, sans-serif;
  *display: inline;
  *zoom: 1;
}
#mv-enjoy .article-wrap .date span {
  display: block;
  padding: 4px 6px 16px 10px;
  background: url(/enjoy/images/bg-date-left.png) no-repeat top left;
}

#mv-enjoy .article-wrap .first-post h3 {
	font-size: 140%;
	font-weight: bold;
	line-height: 1.5;
}
#mv-enjoy #mv-enjoy-sec01 .first-post h3 span {
	background: url(/index-images/mv_enjoy_ttl_bg01.png) repeat-x left bottom;
}
#mv-enjoy #mv-enjoy-sec02 .first-post h3 span {
	background: url(/index-images/mv_enjoy_ttl_bg02.png) repeat-x left bottom;
}
#mv-enjoy #mv-enjoy-sec03 .first-post h3 span {
	background: url(/index-images/mv_enjoy_ttl_bg03.png) repeat-x left bottom;
}
#mv-enjoy #mv-enjoy-sec04 .first-post h3 span {
	background: url(/index-images/mv_enjoy_ttl_bg04.png) repeat-x left bottom;
}
#mv-enjoy .article-wrap .past-post dl {
	margin-top: 15px;
	padding-bottom: 12px;
	background: url(/index-images/mv_enjoy_line.png) no-repeat left bottom;
}
#mv-enjoy .article-wrap .past-post dt {
	margin-bottom: 3px;
}
#mv-enjoy .article-wrap .past-post dd {
	font-size: 120%;
	line-height: 1.5;
}



/* ビジュアル オプション */
#mainiVisualNav {
  height: 95px;
  margin-bottom: 40px;
  background: url(/index-images/mv_btn_bg.png) repeat-x top left;
}
#mainiVisualNav ul {
  width: 1050px;
  height: 95px;
  margin: 0 auto;
  background: url(/index-images/mv_nav_bg.png) repeat-x top left;
  zoom: 1;
}
#mainiVisualNav ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#mainiVisualNav ul li {
  float: left;
  height: 95px;
}
#mainiVisualNav ul .active img {
  visibility: hidden;
}

#scrollArrow {
  font-size: 0;
  left: 50%;
  margin-left: -95px;
  position: absolute;
  top: 600px;
  z-index: 99999;
}


#contents{
  margin-top: 40px;
}

/* スペシャル */
#spArea {
  position: relative;
  width: 660px;
  height: 262px;
  margin-bottom: 10px;
	margin-top: 40px;
  background: url(/index-images/sp_bg.png) no-repeat top right;
}
#spArea h2 {
  position: absolute;
  top: -10px;
  left: -10px;
}
#spArea #bnrArea {
  position: absolute;
  top: 19px;
  right: 17px;
  width: 371px;
  height: 197px;
}
#spArea .nivo-directionNav {
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 371px;
  height: 11px;
}
#spArea .nivo-directionNav a {
  display: block;
  top: 0;
  width: 20px;
  height: 11px;
  text-indent: -9999px;
}
#spArea .nivo-directionNav .nivo-prevNav {
  background: url(/index-images/sp_btn_prv.png) no-repeat top left;
}
#spArea .nivo-directionNav .nivo-nextNav {
  background: url(/index-images/sp_btn_next.png) no-repeat top left;
}
#spArea .nivo-controlNav {
  position: absolute;
  left: 30px;
  bottom: 2px;
  padding: 0;
  width: 311px;
}
#spArea .nivo-controlNav a {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 2px 0 1px;
  text-indent: -9999px;
}
#spArea .nivo-controlNav .nivo-control {
  background: #CAE5FA;
}
#spArea .nivo-controlNav .active {
  background: #50ABF0;
}
#spArea #spTxt {
  position: absolute;
  overflow: hidden;
  top: 89px;
  left: 25px;
  width: 200px;
  height: 124px;
  text-align: center;
  line-height: 1.3;
}
#spArea #spTxt p {
  font-size: 120%;
  line-height: 1.7;
}
#spArea #spTxt h3 {
  margin: 0 10px 13px;
  font-size: 140%;
  font-weight: bold;
}
#spArea #spTxt h3 span {
  background: url(/common/images/bg_emphasis.png) repeat top left;
}
#spArea #spPage {
  position: absolute;
  bottom: 0;
  right: 125px;
}

/* 新着情報 (old) */
#newsArea {
  float: left;
  position: relative;
  width: 342px;
  height: 242px;
  margin-top: 20px;
  background: url(/index-images/news_bg.png) no-repeat top left;
}
#newsArea h2 {
  margin-left: 20px;
  padding: 20px 0 5px;
  line-height: 0;
}
#newsArea .inner {
  overflow: auto;
  width: 300px;
  height: 170px;
  margin-left: 20px;
}
#newsArea dl {
  margin: 10px 10px 0 0;
  padding-bottom: 10px;
  background: url(/common/images/bg_dot_ccc.png) repeat-x left bottom;
  zoom: 1;
}
#newsArea dl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#newsArea dt {
  float: left;
  width: 7em;
  font-family: Verdana, Geneva, sans-serif;
}
#newsArea dd {
  overflow: hidden;
  font-size: 120%;
  line-height: 1.6;
}
#newsArea .ilst {
  position: absolute;
  top: -64px;
  left: -71px;
}

/* 新着情報 (ブログ版) */
.news{
	
}
.news .news__inner{
	
}
.news .postList {
	border-top: dashed 1px #d8d8d8;
}
.news .postList .postList__item {
	padding: 16px 10px;
  border-bottom: dashed 1px #d8d8d8;
}
.news .postList .postList__item > a {
	display: flex;
  -ms-align-items: flex-start;
  align-items: flex-start;
  text-decoration: none;
  color: #333;
  font-size: 13px;
  line-height: 1.5;
  transition: color 0.3s;
}
#main .news .postList .postList__item > a:hover {
  color: #3758c8;
}
.news .postList .postList__item__date {
	width: 90px;
  flex-shrink: 0;
}
.news .postList .postList__item__lead {
	
}
.news .news__latest__more {
  text-align: right;
  padding: 0 6px;
  margin-top: 10px;
}

/* youtube */
#ytArea {
  float: right;
  position: relative;
  width: 292px;
  height: 242px;
  margin-top: 20px;
  background: url(/index-images/yt_bg.png) no-repeat top left;
}
#ytArea h2 {
  padding: 20px 0 0;
  margin-left: 19px;
}
#ytArea .bnr {
  width: 250px;
  margin: 14px 0 0 20px;
}
#ytArea .bnr img {
  padding: 2px;
  border: solid 2px #58AFF1;
}
#ytArea .ilst {
  position: absolute;
  top: -14px;
  right: 6px;
}

/* レコメンド */
#recoArea {
  position: relative;
  margin: 40px -20px 0 0;
  zoom: 1;
}
#recoArea:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#recoArea .recoBox {
  position: relative;
  float: left;
  width: 320px;
  height: 154px;
  margin: 20px 20px 0 0;
  background: url(/index-images/reco_bg.png) no-repeat left bottom;
}
#recoArea .txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 230px;
  height: 149px;
  background: url(/index-images/reco_txt_bg.png) no-repeat top left;
  z-index: 10;
}
#recoArea .inner {
  position: relative;
  padding: 5px 35px 30px 10px;
  line-height: 1.3;
}
#recoArea h3 {
  font-size: 140%;
  font-weight: bold;
}
#recoArea h3 span {
  background: url(/common/images/bg_emphasis.png) repeat top left;
}
#recoArea p {
  margin-top: 10px;
  font-size: 110%;
	line-height: 1.5;
}
#recoArea .btn {
  position: absolute;
  right: 60px;
  bottom: 0;
  text-align: right;
}
#recoArea .img {
  position: absolute;
  right: 0;
  bottom: 2px;
  z-index: 1;
}

/* enjoy */
#enjoyArea {
  width: 660px;
  margin-top: 20px;
  padding-bottom: 20px;
  background: url(/index-images/enjoy_bg_pre.png) no-repeat left bottom;
}
#enjoyArea h3 {
  line-height: 0;
}
#enjoyArea a {
  text-decoration: none;
}
#enjoyArea a:hover {
  color: #2146c2;
}
#enjoyArea .article-wrap {
  padding: 10px 20px 30px 15px;
}
#enjoy-sec01 .article-wrap,
#enjoy-sec02 .article-wrap {
  background: url(/index-images/enjoy-bg-list.png) no-repeat left bottom;
}
#enjoyArea #enjoy-sec01{
 width: 605px;
  margin: 0 0 30px 30px;
}
#enjoyArea #enjoy-sec02 {
  width: 605px;
  margin: 0 30px;
}
#enjoyArea #enjoy-sec01,
#enjoyArea #enjoy-sec02 {
  *zoom: 1;
}
#enjoyArea #enjoy-sec01:after,
#enjoyArea #enjoy-sec02:after {
  content: "";
  display: block;
  clear: both;
}
#enjoyArea #enjoy-sec01 #enjoy-letter,
#enjoyArea #enjoy-sec01 #enjoy-item{
  width: 290px;
}
#enjoyArea #enjoy-sec01 #enjoy-letter {
  float: left;
}
#enjoyArea #enjoy-sec01 #enjoy-item {
  float: right;
}
#enjoyArea .first-post {
  *zoom: 1;
}
#enjoyArea .first-post:after {
  content: "";
  display: block;
  clear: both;
}
#enjoyArea .first-post .img {
  float: left;
  margin-right: 10px;
  width: 108px;
  height: 114px;
  background: url(/index-images/enjoy-bg-thumb.png) no-repeat top left;
}
#enjoyArea .first-post .img span {
  padding: 11px 0 0 5px;
  display: block;
}
#enjoyArea .first-post .img img {
  width: 94px;
  height: 94px;
}
#enjoyArea #enjoy-movie .first-post .img img {
  width: 94px;
  height: auto;
  padding: 12px 0;
  background: #000;
}
#enjoyArea .date {
  display: inline-block;
  padding-right: 6px;
  background: url(/enjoy/images/bg-date-right.png) no-repeat top right;
  font-size: 110%;
  font-family: Verdana, Geneva, sans-serif;
  *display: inline;
  *zoom: 1;
}
#enjoyArea .date span {
  display: block;
  padding: 4px 6px 16px 10px;
  background: url(/enjoy/images/bg-date-left.png) no-repeat top left;
}
#enjoyArea .first-post .lead {
  font-size: 120%;
  line-height: 1.5;
}
#enjoyArea dl {
  margin-top: 10px;
  padding-bottom: 10px;
  background: url(/index-images/enjoy-bg-line.png) repeat-x left bottom;
}
#enjoyArea dt {
  margin-bottom: 3px;
}
#enjoyArea dd {
  font-size: 120%;
  line-height: 1.5;
}
#enjoy-sec01 .detail-btn,
#enjoy-sec02 .detail-btn {
  margin-top: 20px;
  line-height: 0;
}



/* SNS */
#snsArea {
  width: 660px;
  margin-top: 40px;
  zoom: 1;
}
#snsArea:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#snsArea h2 {
  margin-bottom: 10px;
}
#snsArea .sns_btn{
  text-align: right;
  margin: 6px 6px 0 0 ;
}

/* Instagram */
.instabox .CarouselEntry__entry___3okl1:hover .Entry__hover___lvi89 {
  height: 100%;
  opacity: 1;
}
.instabox .Entry__hover___lvi89 .Entry__details-btn___OT7w0 div a span {
  font-size: 5px;
}
.instabox .CarouselEntry__entry___3okl1:hover .share-button,
.instabox .CarouselEntry__entry___3okl1 .share-button,
.instabox .CarouselEntry__entry___3okl1:hover .unvote-button,
.instabox .CarouselEntry__entry___3okl1 .unvote-button {
	display: none;
}
.instabox .Entry__details-btn___OT7w0 div {
	margin: 0; 
}
.instabox .MainPage__main-container___2z70_ {
  overflow: hidden !important;
}
.instabox .MasonryWrapper__tab-content___2-Rpm {
  padding-left: 0 !important;
}
.instabox .Entry__entry___25Jvq {
  margin-bottom: 0 !important;
}
.instabox .Modal__modal-wrapper___3Atm3 {
  z-index: 11 !important;
}
/* PC版には元々存在しない */
/*
.instabox #horizontal1 {
  display: none;	
}
*/
.EntryImage__img-container___LVSby img.EntryImage__entry-image___1c72o {
  width: 100%;
}

/* 2021.09.03 表示崩れ調整 */
/* instagramの各エントリのボックス */
.instabox [data-role="entry"]{
  width: 205px!important;
  top: 0!important;
}
/* instagram エントリ1の位置 */
.instabox [data-role="entry"]:nth-last-of-type(3){
  left: 0!important;
}
/* instagram エントリ2の位置 */
.instabox [data-role="entry"]:nth-last-of-type(2){
  left: 226px!important;
}
/* instagram エントリ3の位置 */
.instabox [data-role="entry"]:nth-last-of-type(1){
  left: 453px!important;
}
/* instagramの各エントリのコンテナ*/
.instabox .MasonryWrapper__tab-content___2-Rpm > div{
  height: 205px!important;
}

/* open */
#openCamp {
  position: relative;
  width: 660px;
  height: 775px;
  margin-top: 40px;
  background: url(/opencampaign/images/bg.png) no-repeat top left;
}
#openCamp h2 {
  position: absolute;
  top: 109px;
  left: 45px;
  width: 570px;
}
#openCamp ul {
  position: absolute;
  left: 45px;
  bottom: 56px;
  *zoom: 1;
  width: 570px;
  height: 304px;
}
#openCamp ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* rank */
#rankArea .indexRankBox{
  padding-bottom: 20px;
  border: solid 3px #FBCF00;
  border-top: none;
}
#rankArea .indexRankBox dl {
  font-weight: bold;
}
#rankArea .indexRankBox {
	position: relative;
  margin: 40px 0;
}
#rankArea .detailBtn {
	position: absolute;
	top: -38px;
	right: -50px;
	width: 96px;
	height: 78px;
}