@charset "utf-8";


@media only screen and (min-width: 768px), print {

.contentsWrap{
	width:100%;
}
.oneContents .contentsWrap #main{
	width:100% !important;
}

.snsTopLeadBox{
	width:100%;
	background:url(/ministopfan/figure/index_bg01.jpg) no-repeat center top;
}
.snsTopLeadIn{
	width:1000px;
	margin:0 auto;
	position:relative;
	padding-bottom:48px;
}

.snsTopLead{
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
	color:#f49b00;
}

/*snsIconWList*/
.snsIconWList{
	margin-top:32px;
	margin-bottom:46px;
}
.snsIconWList li{
	float:left;
	width:111px;
	text-align:center;
}
.snsIconWList li span{
	display:block;
	margin-top:8px;
}
.snsIconWList li img{
	width:auto;
	height:60px;
}


/*snsSelfBox*/
.snsSelfBox{
	display:inline-block;
	padding:14px 27px 11px 27px;
	font-size:1.8rem;
	font-weight:bold;
	color:#023894;
	background:#f2f2f2;
	border-radius:8px;
}

/*snsMimi*/
.snsMimi{
	position:absolute;
	width:180px;
	right:0px;
	bottom:-17px;
	z-index:50;
}
.snsMimi img{
	width:180px;
	height:auto;
}


/*snsTimeLineBox*/
.snsTimeLineBox{
	background:url(/ministopfan/figure/index_bg02.png) repeat;
	width:100%;
}
.snsTimeLineBox .snsTimeLineIn{
	width:1000px;
	margin:0 auto;
	padding-top:69px;
	padding-bottom:30px;
}
.snsTimeLineBox .snsTimeLineIn > ul > li{
	float:left;
	width:485px;
	margin-right:30px;
	margin-bottom:30px;
	background:#FFF;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
	overflow:hidden;
}
.snsTimeLineBox .snsTimeLineIn > ul > li:nth-child(2n){
	margin-right:0px;
}
.snsTimeLineBox .snsTimeLineIn > ul > li dl dt{
	display:block;
	padding:14px 14px 13px 54px;
	background:#000 url(/ministopfan/figure/index_ic01.png) no-repeat 13px 50%;
	background-size:32px auto;
	font-size:1.6rem;
	color:#FFF;
}
.snsTimeLineBox .snsTimeLineIn > ul > li.timeLineFB dl dt{
	background:#3b5998 url(/ministopfan/figure/index_ic02.png) no-repeat 13px 50%;
	background-size:32px auto;
}
.snsTimeLineBox .snsTimeLineIn > ul > li.timeLineMV dl dt{
	background:#ffa628 url(/ministopfan/figure/index_ic03.png) no-repeat 13px 50%;
	background-size:32px auto;
}
.snsTimeLineBox .snsTimeLineIn > ul > li.timeLineLI dl dt{
	background:#00b900 url(/ministopfan/figure/index_ic06.png) no-repeat 13px 50%;
}
.snsTimeLineBox .snsTimeLineIn > ul > li.timeLineLI dl dt span{
	display:inline-block;
	font-size:1.5rem;
	color:#00b900;
	background:#FFF;
	padding:1px 10px 0px 10px;
	border-radius:15px;
	margin-left:7px;
}
.snsTimeLineBox .snsTimeLineIn > ul > li dl dd{
	
}
.snsTimeLineBox .snsTimeLineIn > ul > li.timeLineTW dl dd{
	height:450px;
}
.snsTimeLineBox .snsTimeLineIn > ul > li.timeLineTW dl dd iframe{
	height:450px !important;
}
.snsTimeLineBox .snsTimeLineIn > ul > li.timeLineFB dl dd{
	height:450px;
}
.snsTimeLineBox .snsTimeLineIn > ul > li.timeLineMV dl dd{
	height:355px;
	padding:15px;
}
.snsTimeLineBox .snsTimeLineIn > ul > li.timeLineLI dl dd{
	height:355px;
	padding:15px;
}

.youtubeBox {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtubeBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/*mvLink*/
.mvLink > *{
	float:left;
	width:50px;
	margin-right:10px;
	margin-top:1em;
}
.mvLink > .btnStyle03{
	margin-right:20px;
	width:325px;
}
.mvLink > .btnStyle03 a{
	display:block;
	text-align:center;
}
.mvLink > .btnStyle03 span{
	display:block;
	text-align:center;
}
.mvLink > *:last-child{
	margin-right:0px;
}
.lineTitle{
	font-weight:bold;
}


/*lineHowToW*/
.lineHowToW{
	margin-top:8px;
}
.lineHowTo + .lineHowTo{
	margin-top:9px;
	padding-top:10px;
	border-top:1px dashed #d9d9d9;
}
.lineHowToW .lineHowToL{
	float:left;
	width:87px;
}
.lineHowToW .lineHowToR{
	float:right;
	width:340px;
}
.type02 .lineHowToW .lineHowToL{
	float:left;
	width:200px;
}
.type02 .lineHowToW .lineHowToR{
	float:right;
	width:228px;
}
.lineHowToW .lineHowToR ul li{
	margin-bottom:10px;
	padding-left:1.5em;
	text-indent:-1.5em;
	font-size:1.5rem;
}
.lineHowToW .lineHowToR ul li span{
	color:#023795;
	font-weight:bold;
}
.type02 .lineHowToW .lineHowToR ul li{
	margin-bottom:54px;
}
.type02 .lineHowToW .lineHowToR ul li + li{
	margin-bottom:0px;
}

/*mimipBox*/
.mimipBox{
	display:block;
	text-align:center;
	background:url(/ministopfan/figure/index_bg02.png) repeat;
}
.mimipBox .mimipIn{
	background:url(/ministopfan/figure/index_bg03.png) no-repeat center 50px;
}
.mimipBox .mimipIn img{
	width:618px;
	height:auto;
}


/*mimipMovieBox*/
.mimipMovieBox{
	background:#fff55a;
	padding:20px 10px 14px 10px;
	width:1000px;
	margin:0 auto;
	margin-top:80px;
	margin-bottom:28px;
	position:relative;
}
.mimipTi{
	text-align:center;
	font-size:2.2rem;
	text-align:center;
	color:#023894;
	font-weight:bold;
}
.mimipMvList li{
	float:left;
	width:485px;
	margin-right:10px;
	margin-top:10px;
	background:#FFF;
	padding:15px;
}
.mimipMvList li:nth-child(2n){
	margin-right:0px;
}
.mimipMvList li p{
	margin-top:14px;
	font-size:1.5rem;
}
.mimipHat{
	position:absolute;
	display:inline-block;
	top:-27px;
	left:50%;
	margin-left:-27px;
	width:54px;
}
.mimipHat img{
	width:54px;
	height:auto;
}


/*mimipLineBn*/
.mimipLineBn{
	width:1000px;
	margin:0 auto;
}








/*=================================

	clearfix

=================================*/
.snsIconWList:after,
.snsTimeLineBox .snsTimeLineIn > ul:after,
.lineHowToW:after,
.mimipMvList:after {
	content: "";
	display: block;
	clear: both;
}


}




