@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face {
  font-family: Gentium;
  src: url(font/Viga-Regular.otf);
}
body {
	position: relative;
}
#llllll {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0; top: 0;
	background: #fff url("../images/loading.gif") no-repeat center center;
	z-index: 100;
}

/* #mslist_wrap, #mslist_wrap_01, #mslist_wrap_02
------------------------------------------------ */
/* reset */
#mslist_wrap, #mslist_wrap ul, #mslist_wrap li, #mslist_wrap img, #mslist_wrap span, #mslist_wrap a,
#mslist_wrap_01, #mslist_wrap_01 ul, #mslist_wrap_01 li, #mslist_wrap_01 img, #mslist_wrap_01 span, #mslist_wrap_01 a,
#mslist_wrap_02, #mslist_wrap_02 ul, #mslist_wrap_02 li, #mslist_wrap_02 img, #mslist_wrap_02 span, #mslist_wrap_02 a {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	list-style-type: none;
	box-sizing: border-box;
	text-indent: 0;
	width: auto;
	float: none;
	font-family:  'Noto Sans Japanese', "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;	
	line-height: 1.0;

}
#mslist_wrap li, #mslist_wrap p,
#mslist_wrap_01 li, #mslist_wrap_01 p,
#mslist_wrap_02 li, #mslist_wrap_02 p {
	font-size: 16px;
}
#mslist_wrap img, #mslist_wrap span, #mslist_wrap a,
#mslist_wrap_01 img, #mslist_wrap_01 span, #mslist_wrap_01 a,
#mslist_wrap_02 img, #mslist_wrap_02 span, #mslist_wrap_02 a {
	display: inline;
}

/* style */
#mslist_wrap,
#mslist_wrap_01,
#mslist_wrap_02 { display: none;
	width: 100%;
	margin: auto;
	text-align: center;
}
#mslist_wrap img,
#mslist_wrap_01 img,
#mslist_wrap_02 img {
	width: auto; max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: none;
	font-size: 0;
	line-height: 0;
}
/* SP */
@media screen and (max-width: 767px) {
}
/* PC */
@media screen and (min-width: 768px) {
	#mslist_wrap,
	#mslist_wrap_01,
	#mslist_wrap_02 {
		/*max-width: 935px;*/ max-width: 1200px;
	}
	#hubtips a:hover, #hubtips_LB a:hover,
	#hubtips_01 a:hover, #hubtips_LB_01 a:hover,
	#hubtips_02 a:hover, #hubtips_LB_02 a:hover { opacity: 1.0; }
}
/* TB　portrait */
@media screen and (min-width: 768px) and (orientation: portrait) { 
	#mslist_wrap,
	#mslist_wrap_01,
	#mslist_wrap_02 {
		/*max-width: 935px;*/ max-width: 1200px;
	}
}

#mslist_wrap,
#mslist_wrap_01,
#mslist_wrap_02 a { text-decoration: none; outline:none; }

#mslist_wrap .clearfix:before, #mslist_wrap .clearfix:after,
#mslist_wrap_01 .clearfix:before, #mslist_wrap_01 .clearfix:after,
#mslist_wrap_02 .clearfix:before, #mslist_wrap_02 .clearfix:after {
    content: " ";
    display: table;
}
#mslist_wrap .clearfix:after,
#mslist_wrap_01 .clearfix:after,
#mslist_wrap_02 .clearfix:after {
    clear: both;
}
#mslist_wrap .clearfix,
#mslist_wrap_01 .clearfix,
#mslist_wrap_02 .clearfix {
    *zoom: 1;
}
#mslist_wrap ul,
#mslist_wrap_01 ul,
#mslist_wrap_02 ul {
	width: 100%;
	margin: auto;
	text-align: left;
}
#mslist_wrap_01 ul {
	width: 1200px;
}
#mslist_wrap li {
	display: inline-block;
	width: 31%;
	vertical-align: top;
}
#mslist_wrap li:nth-child(3n) {
	margin: 1.75% 0 1.75%;
}
#mslist_wrap li:nth-child(3n+1) {
	margin: 1.75% 0 1.75%;
}
#mslist_wrap li:nth-child(3n+2) {
	margin: 1.75% 3.5% 1.75%;
}
/* instagram 不揃い */
#mslist_wrap_01 li {
	position:relative;
	margin:0px 20px 20px 0px;
	float:left;
}
#mslist_wrap_01 li:nth-child(9n+1) {
	width:468px;
	height:468px;
}
#mslist_wrap_01 li:nth-child(9n+2) {
	width:224px;
	height:224px;
}
#mslist_wrap_01 li:nth-child(9n+3) {
	width:224px;
	height:224px;
}
#mslist_wrap_01 li:nth-child(9n+4) {
	width:224px;
	height:224px;
	margin:0px 0px 20px 0px;
}
#mslist_wrap_01 li:nth-child(9n+5) {
	width:224px;
	height:224px;
}
#mslist_wrap_01 li:nth-child(9n+6) {
	width:468px;
	height:468px;
	margin:0px 0px 20px 0px;
}
#mslist_wrap_01 li:nth-child(9n+7) {
	width:224px;
	height:224px;
	margin:-244px 20px 20px 0px;
}
#mslist_wrap_01 li:nth-child(9n+8) {
	width:224px;
	height:224px;
	margin:-244px 20px 20px 244px;
}
#mslist_wrap_01 li:nth-child(9n) {
	width:224px;
	height:224px;
	margin:-244px 20px 20px 488px;
}
/* twitter 4列 */
#mslist_wrap_02 li {
	display: inline-block;
	width: 23.5%;
	vertical-align: top;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.1);
}
#mslist_wrap_02 li:nth-child(4n),
#mslist_wrap_02 li:nth-child(4n+1) {
	margin: 1% 0 1%;
}
#mslist_wrap_02 li:nth-child(4n+2) {
	margin: 1% 1% 1% 2%;
}
#mslist_wrap_02 li:nth-child(4n+3) {
	margin: 1% 2% 1% 1%;
}

#mslist_wrap li span.itxt,
#mslist_wrap_01 li span.itxt,
#mslist_wrap_02 li span.itxt {
	display: block;
	padding: 0.5em 0.1em;
	font-size: 12px;
	line-height: 1.5;
}
#mslist_wrap li span.ig,
#mslist_wrap_01 li span.ig,
#mslist_wrap_02 li span.ig,
#mslist_wrap_02 li span.ig_inner {
	position: relative;
	width: 100%;
	padding: 100% 0 0 0 ; /* 100×100/100 */
	display: block;
	overflow: hidden;
}
#mslist_wrap_02 li span.ig_inner {

}
#mslist_wrap_02 li span.ig {
	padding: 125% 0 0 0 ; /* 100×100/100 */
}
#mslist_wrap li span.ig:last-child,
#mslist_wrap_01 li span.ig:last-child,
#mslist_wrap_02 li span.ig_inner:last-child {
	margin-bottom: 1px;
}
#mslist_wrap li span.ig a,
#mslist_wrap_01 li span.ig a,
#mslist_wrap_02 li span.ig a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	display: block;
	text-align: center;
	z-index: 1;
	color: #111;
}
#mslist_wrap_01 li span.ig a:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-shadow:inset 0 0 0px 8px rgba(255,255,255,0.6);
	z-index: 100;
}
#mslist_wrap li span.ig a img,
#mslist_wrap_01 li span.ig a img,
#mslist_wrap_02 li span.ig a .ig_inner img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto; max-width: 100%;
	height: auto; max-height: 100%;
	margin: auto;
	z-index: 1;
}
#mslist_wrap li span.ig a .ovinfo,
#mslist_wrap_01 li span.ig a .ovinfo,
#mslist_wrap_02 li span.ig a .ovinfo {
	display: none;
}
#mslist_wrap li span.ig a .ov_video_icon,
#mslist_wrap_01 li span.ig a .ov_video_icon,
#mslist_wrap_02 li span.ig a .ov_video_icon {
	display: block;
	position: absolute;
	top: 3%;
	right: 5%;
	bottom: 0;
	height: 18px;
	width: 18px;
	font-size: 18px;
	color: #f3f2f1;
	text-shadow: 0px 0px 5px 1px #000;
	z-index: 100;
}

#mslist_wrap_02 .yn_wrap {
	padding: 15px 15px 0;
}
#mslist_wrap_02 .yn_wrap p {
	/*font-size: 11px;*/
	font-size: 1em;
	padding: 0;
}
#mslist_wrap_02 .yn_tb {
	display: table;
	width: 100%;
	margin: 0 auto 5px;
}
#mslist_wrap_02 .yn_tb .yn_icon {
	display: table-cell;
	width: 10%;
	vertical-align: middle;
}
#mslist_wrap_02 .yn_tb .yn_icon.tw img {
	display: block;
	border-radius: 5px;
	width: 100%; max-width: 48px;
	height: auto; max-height: 48px;
}
#mslist_wrap_02 .yn_tb .yn_name {
	display: table-cell;
	width: 89%;
	vertical-align: middle;
	text-align: left;
}
#mslist_wrap_02 .yn_tb .yn_name p {
	margin: 0 0 0 10px;
}
/* PC */
@media screen and (min-width: 768px) {
	#mslist_wrap li span.ig a .ov_video_icon,
	#mslist_wrap_01 li span.ig a .ov_video_icon,
	#mslist_wrap_02 li span.ig a .ov_video_icon {
		height: 25px;
		width: 25px;
		font-size: 25px;
	}
	#mslist_wrap li span.ig a:hover .ovinfo,
	#mslist_wrap_01 li span.ig a:hover .ovinfo,
	#mslist_wrap_02 li span.ig a:hover .ovinfo {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		display: block;
		text-align: center;
		z-index: 2;
		background: rgba(0,0,0,0.5);
		display: table;
	}
	#mslist_wrap li span.ig a .ovinfo .ovtxt,
	#mslist_wrap_01 li span.ig a .ovinfo .ovtxt,
	#mslist_wrap_02 li span.ig a .ovinfo .ovtxt {
		display: block;
		width: 100%;
		padding-top: 35%;
		text-align: center;
		vertical-align: middle;
	}
	#mslist_wrap li span.ig a .ovinfo .ovtxt .ovsns,
	#mslist_wrap_01 li span.ig a .ovinfo .ovtxt .ovsns,
	#mslist_wrap_02 li span.ig a .ovinfo .ovtxt .ovsns {
		display: block;
		margin: 0 1em 0.2em;
		color: #fff;
		font-size: 2em;
	}
	#mslist_wrap li span.ig a .ovinfo .ovtxt .ovitem,
	#mslist_wrap_01 li span.ig a .ovinfo .ovtxt .ovitem,
	#mslist_wrap_02 li span.ig a .ovinfo .ovtxt .ovitem {
		display: inline-block;
		margin: 0.2em 1em;
		color: #fff;
		font-size: 1em;
	}
}


/* #btn_morephoto */
#mslist_wrap #btn_morephoto,
#mslist_wrap_01 #btn_morephoto_01,
#mslist_wrap_02 #btn_morephoto_02 { display: none;
/*
	margin: 1em 0;
	text-align: center;
	*/
	cursor: pointer;
}
#mslist_wrap #btn_morephoto span,
#mslist_wrap_01 #btn_morephoto_01 span,
#mslist_wrap_02 #btn_morephoto_02 span  {
/*
	border-radius: 6px;
	background: rgba(34,34,34,1.0);
	color: #fff;
	padding: 1em 0 1em;
	width: 50%;
	*/
}
/* PC */
@media screen and (min-width: 768px) {
	#mslist_wrap #btn_morephoto span:hover,
	#mslist_wrap_01 #btn_morephoto_01 span:hover,
	#mslist_wrap_02 #btn_morephoto_02 span:hover {
	/*
		background: rgba(34,34,34,0.75);
		*/
	}
}


/* .lb_wrap --------------------------------
 *
 * featherlightgallery.cssに記述
 *
 -----------------------------------------*/