@charset "UTF-8";
/* CSS Document */

/************************************************
insta_visumo.css 202210
************************************************ */
.insta{
	margin: 60px auto;
}
.instaArea{
	margin: 60px auto;
}
.insta-box {
	width: 1000px;
	padding: 0;
	margin: 0 auto 40px;
}
.insta-page{
	margin: 0 auto 10px;
}
.insta-page p{
	font-size: 18px;
	line-height: 2.0;
	text-align: center;
	margin: 0 auto;
}
.insta-page .small-txt{
	font-size: 100%;
}
.insta-line {
	/*border-bottom: 3px solid #ffffa4;*/
  /*background: linear-gradient(transparent 50%, #ffffa4 0%);*/
	background: linear-gradient(transparent 60%, #ffffa4 0%);
	padding: .2em;
	font-weight: 600;
}
.insta-lead {
	margin: 0 auto 20px;
}
.insta-lead p{
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
}
.insta-ttl-detail{
	margin: 60px auto 10px;
}
.insta-ttl-detail p{
	font-size: 26px;
	/*text-align: center;*/
	text-align: left;
	margin-left: 10px;
}
.detail-insta-top{
	position: relative;
	left: -10px;
}
.detail-insta-top .ecbn-selection-detail{
	display: none;
}

.insta .titleArea .title_en span:before,.insta-ttl-detail p:before{
	content: "";
	background: url(/files/images/unique/insta/instagram_logo_black.png) no-repeat left center;
	background-size: contain;
	padding: .5em;
	margin-right: .3em;
}
.detail-insta-top .insta-ttl-detail p:before{
	content: "";
	/*background: url(/files/images/unique/insta/instagram_logo.png) no-repeat left center;*/
	background: url(/files/images/unique/insta/instagram_logo_black.png) no-repeat left center;
	background-size: contain;
	padding: .46em;
	margin-right: .3em;
	position: relative;
	top: 1px;
}
.insta .titleArea .title_en{
	letter-spacing: .15em;
	color: #333;
}
.insta .ecbn-selection-user{
	display: none;
}

/*.ecbn-selection-widget .ecbn-video-icon, .ecbn-user-post-content-wrapper .ecbn-video-icon {
background-image: url(https://visumojp-www.s3-ap-northeast-1.amazonaws.com/img/vismo_btn_movie_play02.png);
right: calc(50% - 16px);
top: calc(50% - 16px);
background-size: contain;
}*/

@media screen and (max-width: 896px){
	#insta .boxwap{
		width: 100%;
		margin: 0 auto 60px;
	}
	.insta{
		margin: 40px auto;
	}
	.instaArea{
		margin: 40px auto;
	}
	.insta-box {
		width: 100%;
		/*max-width: 600px;*/
		padding: 0;
		margin: 20px auto;
	}
	.insta-page p{
		font-size: 14px;
	}
	.insta-lead {
		width: 96%;
		margin: 0 auto 20px;
	}
	.insta-lead p{
		font-size: 14px;
	}
	.detail-insta{
		margin: 0 5px;
	}
	.detail-insta-top .detail-insta{
		margin: 0;
	}
	.insta-ttl-detail{
		margin: 40px auto 5px;
	}
	.insta-ttl-detail p{
		font-size: 20px;
		margin: 0 0 0 1%;
	}
	
}

@media screen and (max-width: 568px){
	.insta-page p{
		font-size: 3.8vw;
		line-height: 1.6;
		margin: 0 auto 10px;
	}
	.insta-page .small-txt{
		font-size: 3.2vw;
	}
	.insta-lead p{
		font-size: 3.4vw;
	}
	.insta-ttl-detail p {
		font-size: 5.4vw;
	}
	.detail-insta-top{
		position: static;
	}
}


/****** visumoソース用css ******/
/* PC/SP共通 */
.vsm-gallery .ecbn-selection-page-wrapper li.ecbn-selection-item, .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item {
	padding: 3px !important;
}
.ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item-content{
	overflow: hidden;
	width: 100%;
}
.ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item-name{
	font-weight: 400;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.ecbn-selection-page-wrapper .ecbn-selection-image-loading-more {
   display: none;
}
.ecbn-selection-wrapper .ecbn-selection-slider-controls-direction a {
    z-index:1;
}
.ecbn-selection-wrapper .ecbn-selection-footer2 .ecbn-selection-powered-name .ecbn-visumo-logo {
  display: inline;
  width: 55px;
	vertical-align: baseline;
}

/* PC */
@media (min-width:720px) {
	/***** from visumo ******/
	.ecbn-selection-preview-new div.noProductsMsg {
		height: 0!important;
	} 
	/***** from visumo END ******/
	
	.pc{display: block !important;}
	.sp {display: none !important;}
	
	.ecbn-selection-wrapper .ecbn-selection-title, .ecbn-selection-page-wrapper .ecbn-selection-title {
		font-size: 38px;
		margin: 40px 0 30px;
	}
	.ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-header {
		font-size: 16px;
	}
	.ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item {
		width: 200px;
  	padding: 5px 10px;
	}
	.ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item-img {
		margin: 0 auto;
		width: 100%;
		height: 190px;
	}
	.ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item-img img {
  	/*width: 200px;*/
		/*width: 100%;*/
		width: 190px;
	}
	.ecbn-selection-preview .ecbn-selection-preview-caption p {
		height: 173px;
		overflow-x: hidden!important;
	}
	.ecbn-selection-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs, .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs {
		text-align: center;
	}
	.ecbn-selection-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li, .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li {
		width: calc(100% / 6 - 10px);
	}
	.ecbn-selection-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li a, .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li a {
		font-size: 1.0vw;
		padding: 10px 5px;
	}
	.ecbn-selection-item .ecbn-selection-detail {
		height: auto;
		width: 224px;
		padding: 10px 5px 0 5px;
	}
	.ecbn-selection-item .ecbn-selection-caption {
		font-size: 12px;
		height: auto;
		line-height: 1.5;
		overflow: hidden;
		position: relative;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		max-height: 4.5em;
	}
	.ecbn-selection-item .ecbn-selection-caption:after {
		background: none;
	}

	.ecbn-selection-page-wrapper .ecbn-selection-image-loading-more {
   display: none!important;
}
	.ecbn-selection-preview .ecbn-selection-preview-close{
		height: 34px;
		right: 8px;
		top: 10px;
		background: #fff;
		border-radius: 50%;
	}
	.ecbn-selection-item .ecbn-selection-caption {
		height: 3em;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.ecbn-selection-preview .ecbn-selection-left div.ecbn-selection-snapmain .selection-prev-image {
		left: -40px
	}
	.ecbn-selection-preview .ecbn-selection-left div.ecbn-selection-snapmain .ecbn-selection-next-image {
		right: -40px;
	}
	.vsm-slider .ecbn-selection-wrapper li.ecbn-selection-item, .vsm-goods .ecbn-selection-wrapper li.ecbn-selection-item {
		margin-right: 5px;
	}
	.ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item-name {
		margin-top: 10px;
		width: 100%;
	}
	
	/*.vsm-goods .vsm-slider .ecbn-selection-widget-new div.ecbn-selection-wrapper, .vsm-goods .ecbn-selection-widget-new div.ecbn-selection-wrapper {
		position: relative;
		left: -10px;
	}*/
	.vsm-goods .ecbn-selection-wrapper .ecbn-selection-slider-controls-direction a {
		height: 32px;
		top: 60px;
		width: 32px;
	}
	.vsm-goods .ecbn-selection-wrapper .ecbn-selection-slider-controls-direction a.ecbn-selection-slider-next:before {
		left: 13px;
	}
	.vsm-goods .ecbn-selection-wrapper .ecbn-selection-slider-controls-direction a.ecbn-selection-slider-prev:before {
		left: 16px;
	}
	.vsm-goods .ecbn-selection-wrapper li.ecbn-selection-item > div > a  {
    width: 158px;
		height: 158px;
	}
	.vsm-goods .ecbn-selection-item .ecbn-selection-detail {
			width: 158px;
	}


}


/* SP */
@media (max-width:721px) {
	.ecbn-selection-preview-new div.noProductsMsg {
  	height: 0!important;
	}
	/*.ecbn-selection-preview .ecbn-selection-preview-close {
		height: 34px;
		right: 8px;
		top: 20px;
	}*/
	.ecbn-selection-preview .ecbn-selection-preview-close {
		height: 28px;
		width: 28px;
		top: 14px;
	}
	.ecbn-selection-wrapper .ecbn-selection-title > span, .ecbn-selection-page-wrapper .ecbn-selection-title > span {
		position: relative;
		top: 2px;
	}
	.ecbn-selection-wrapper .ecbn-selection-description, .ecbn-selection-page-wrapper .ecbn-selection-description {
		margin-top: 18px;
		padding-bottom: 10px;
		text-align: center;
		font-size: 16px;
		letter-spacing: 0.04em;
		line-height: 1.7;
	}
	/*.ecbn-selection-preview .ecbn-selection-preview-content {
		margin: 20px 8px 12px;
		padding-top: 0px;
	}*/
	.ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item-img {
		/*height: 140px;*/
	}
	.ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item-img img {
		max-width: 160px;
	}
	.ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-header {
		font-size: 14px;
	}
	.ecbn-selection-wrapper .ecbn-selection-description, .ecbn-selection-page-wrapper .ecbn-selection-description {
		font-size: 13px;
	}
	.ecbn-selection-wrapper .ecbn-selection-title, .ecbn-selection-page-wrapper .ecbn-selection-title {
		font-size: 22px;
		letter-spacing: 0.02em;
		margin: 20px auto;
	}
	.ecbn-selection-widget .ttle_instagram h2 {
		text-align: center;
		font-weight: bold;
		letter-spacing: 1px;
		display: block;
		padding: 0;
		font-size: 16px;
		margin-bottom: 5px;
	}
	.ecbn-selection-widget .ttle_instagram p {
		margin-top: 5px;
		line-height: 1.5;
		padding: 0px 12px 12px 12px;
		text-align: center;
		font-size: 10px;
		letter-spacing: 0.04em;
	}
	.ecbn-selection-wrapper .ecbn-selection-title img, .ecbn-selection-page-wrapper .ecbn-selection-title img {
		margin: 0 .5em 0 0;
		width: 25px;
		vertical-align: middle;
		height: auto;
	}
	.ecbn-selection-wrapper .ecbn-selection-description, .ecbn-selection-page-wrapper .ecbn-selection-description {
		margin-top: 18px;
		padding-bottom: 20px;
		text-align: center;
		font-size: 16px;
		letter-spacing: 0.04em;
		line-height: 1.7;
	}
	.ecbn-selection-preview .ecbn-selection-preview-personal {
		margin: 10px 2vw 4px;
	}

	.ecbn-selection-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs, .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs {
		display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.ecbn-selection-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li, .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li {
		width: calc(100% / 3);
		box-sizing: border-box;
	}
	.ecbn-selection-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li a, .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li a {
		font-size: 3.0vw;
	}
	.vsm-slider .ecbn-selection-wrapper li.ecbn-selection-item, .vsm-goods .ecbn-selection-wrapper li.ecbn-selection-item {
		padding: 2px;
		width: calc(100vw / 3) - 10px);
	}
	.ecbn-selection-wrapper .ecbn-selection-slider-controls-direction a.ecbn-selection-slider-next:before {
		left: 14px;
	}
	.ecbn-selection-wrapper .ecbn-selection-slider-controls-direction a.ecbn-selection-slider-prev:before {
		left: 20px;
	}
	.ecbn-selection-wrapper .ecbn-selection-slider-controls-direction a {
		height: 36px;
		top: 91px;
		width: 36px;
	}
	.vsm-slider .ecbn-selection-widget-new div.ecbn-selection-wrapper, .vsm-goods .ecbn-selection-widget-new div.ecbn-selection-wrapper {
		min-width: 100% !important;
		margin: 0 auto;
	}
	.ecbn-selection-item .ecbn-selection-caption {
		font-size: 13px;
	}
	.ecbn-selection-widget .ecbn-video-icon, .ecbn-user-post-content-wrapper .ecbn-video-icon {
		height: 20px;
		position: absolute;
		right: 5px;
		top: 5px;
		width: 20px;
		background-size: contain;
	}
	.ecbn-selection-item .ecbn-selection-caption {
		height: 2.88em;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.vsm-goods .vsm-slider .ecbn-selection-wrapper li.ecbn-selection-item, .vsm-goods .ecbn-selection-wrapper li.ecbn-selection-item {
		margin-right: 0;
		padding: 2.5px;
		width: calc((100vw / 4) - 4px);
		box-sizing: border-box;
	}
	.vsm-goods .ecbn-selection-wrapper .ecbn-selection-slider-controls-direction a {
		height: 32px;
		top: 50%;
		width: 32px;
	}
	.vsm-goods .ecbn-selection-wrapper .ecbn-selection-slider-controls-direction a.ecbn-selection-slider-next:before {
		left: 13px;
	}
	.vsm-goods .ecbn-selection-wrapper .ecbn-selection-slider-controls-direction a.ecbn-selection-slider-prev:before {
		left: 16px;
	}
	.ecbn-selection-preview .ecbn-selection-left div.ecbn-selection-snapmain .selection-prev-image, .ecbn-selection-preview .ecbn-selection-left div.ecbn-selection-snapmain .ecbn-selection-next-image {
		display: none!important;
	}
	.insta .ecbn-selection-item .ecbn-selection-detail {
		height: 4em;
	}
	
}
	
@media screen and (max-width: 568px) {
  .pc{display: none !important;}
  .sp{display: inline-block !important;}
	.ecbn-selection-item .ecbn-selection-caption {
  	line-height: 1.4;
		font-size: 2.8vw!important;
	}
	.ecbn-selection-preview .ecbn-selection-preview-close:before, .ecbn-selection-preview .ecbn-selection-preview-close:after {
		background: #666;
	}
	.ecbn-selection-preview .ecbn-selection-preview-close {
		background: rgba(255,255,255,0.8);
	}
	.ecbn-selection-wrapper .ecbn-selection-footer2 {
		margin-top: 10px;
	}
	.vsm-slider .ecbn-selection-wrapper .ecbn-selection-slide-wrapper, .vsm-goods .ecbn-selection-wrapper .ecbn-selection-slide-wrapper {
		margin-bottom: 0;
	}
	.ecbn-selection-item .ecbn-selection-caption {
		font-size: 3vw;
	}
}


/* SP モダール枠外クリックで閉じる 20230530 */
@media (max-width:719px) {
    .ecbn-selection-preview div.ecbn-selection-preview-wrapper {
        margin: 42px 8px 12px;
        width: calc(100% - 16px);
    }
    .ecbn-selection-preview .ecbn-selection-preview-content {
        margin: 0;
    }
    .ecbn-selection-preview .ecbn-selection-preview-close {
        top: -28px;
        right: 0;
    }
}
/****** visumoソース用css END ******/