/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Niconne);

a{
	color: #000000;
}

a:hover,
a:link{
	text-decoration: none;
}

a:focus {
	outline:none;
}

iframe[name="google_conversion_frame"] { position: absolute; top: 0; }

/*ヘッダー部分のみデバイス別に調整*/
/*スマホ*/
	@media screen and (max-width:767px){
	.row {
	  margin-right: 0px;
	  margin-left: 0px;
	}
	body{
		font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		font-size:14px;
		color:#000000 !important;
	}
	
	header{
		position: relative;
	}
	
	header .container {
		position: absolute;
		width: 100%;
		height: 31%;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	
	/*　メインイメージ　*/
	div.mainImage{
		background-image: url(/tochigi_promotion/common/img/drone.gif);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		height: 100vh;
	}
	.tit {
		position: absolute;
		width: 95%;
		height: 100%;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		background-position-x: 50%;
		background-position-y: 50%;
		background-image: url(/tochigi_promotion/common/img/main_title_img_new.png);
	}
	
	.tit p {
		display: none;
	}
	
	div.cloud {
	display: block;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	letter-spacing: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	height: 40px;
	width: 45%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding-top: 10px;
	}
	
	div.cloud:hover{
		opacity:0.7;
	}
	
	div.cloud span {
	font-size: 10px;
	}
	
	div.blue {
		line-height: 22px;
	}
	
	div.white {
		line-height: 100%;
	}
	
	header a.headerScroll {
		position: absolute;
		top:85%;
		left: 0;
		right: 0;
		margin: auto;
		width: 112px;
		height: 93px;
		z-index: 1;
	}
	
	div#scrollButton {
		background-color: rgba(66,66,66,0.85);
		line-height: 40px;
		text-align: center;
		width: 100%;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
	}
	
	div#scrollButton a{
	  color: #fff;
	}
	
	div#scrollButton a:hover{
		text-decoration: underline;
	}
	
	span.cloud {
		position: relative;
		text-align: center;
		line-height: 30px;
		text-transform: uppercase;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		letter-spacing: 2px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		cursor: pointer;
		font-size: 12px;
		font-weight: bold;
		display: inline-block;
		padding-left: 2%;
		padding-right: 2%;
	}
	
	span.cloud:hover{
		opacity:0.7;
	}
	
	span.tellNumber{
	font-size: 14px;
	text-decoration: underline;
	}
	
	span.white{
		display: none;
	}
	.left{
		float: left;
	}
	
	.right{
		float: right;
	}
	}
	
	@media screen and (max-width:979px){
	article{
		position: relative;
	}
	}
	
/*タブレット*/
	@media screen and (min-width: 768px) and (max-width: 979px) { 
	body{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size:14px;
	color:#000000 !important;
	}
	
	/*　ヘッダー部分　*/
	header{
		position: relative;
	}
	
	header .container {
		position: absolute;
		width: 670px;
		height: 200px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	
	/*　メインイメージ　*/
	div.mainImage{
		background-image: url(/tochigi_promotion/common/img/drone.gif);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		height: 100vh;
		min-height: 745px;
	}
	
	.tit {
		position: absolute;
		width: 76%;
		height: 0%;
		padding-top: 76%;
		margin: auto;
		max-width: 650px;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		background-position-x: 50%;
		background-position-y: bottom;
		background-image: url(/tochigi_promotion/common/img/main_title_img_new.png);
	}
	
	.tit p {
		display: none;
	}
	
	div.cloud {
		display: block;
		position: relative;
		width: 300px;
		height: 70px;
		text-align: center;
		line-height: 75px;
		text-transform: uppercase;
		-webkit-border-radius: 35px;
		border-radius: 35px;
		letter-spacing: 2px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		cursor: pointer;
		font-size: 22px;
		font-weight: bold;
	}
	
	div.cloud:hover{
		opacity:0.7;
	}
	
	header a.headerScroll {
		position: absolute;
		top:87%;
		left: 0;
		right: 0;
		margin: auto;
		width: 112px;
		height: 93px;
		z-index: 1;
	}
	
	div#scrollButton {
		background-color: rgba(66,66,66,0.85);
		line-height: 65px;
		text-align: center;
		width: 100%;
		color: #fff;
		font-weight: bold;
		font-size: 18px;
	}
	
	div#scrollButton a{
	  color: #fff;
	}
	
	div#scrollButton a:hover{
		text-decoration: underline;
	}
	
	div.cloud {
		display: block;
		position: relative;
		width: 300px;
		height: 70px;
		text-align: center;
		text-transform: uppercase;
		-webkit-border-radius: 35px;
		border-radius: 35px;
		letter-spacing: 2px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		cursor: pointer;
		font-size: 22px;
		font-weight: bold;
		padding-top: 16px;
	}
	
	div.cloud:hover{
		opacity:0.7;
	}
	
	div.cloud span {
	font-size: 18px;
	}
	
	div.blue {
		line-height: 43px;
	}
	
	div.white {
		line-height: 100%;
	}
	
	header a.headerScroll {
		position: absolute;
		top:92%;
		left: 0;
		right: 0;
		margin: auto;
		width: 112px;
		height: 93px;
		z-index: 1;
	}
	
	div#scrollButton {
		background-color: rgba(66,66,66,0.85);
		line-height: 65px;
		text-align: center;
		width: 100%;
		color: #fff;
		font-weight: bold;
		font-size: 18px;
	}
	
	div#scrollButton a{
	  color: #fff;
	}
	
	div#scrollButton a:hover{
		text-decoration: underline;
	}
	
	span.tellNumber{
	font-size: 26px;
	}
	
	span.cloud {
		position: relative;
		text-align: center;
		line-height: 40px;
		text-transform: uppercase;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		letter-spacing: 2px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		cursor: pointer;
		font-size: 14px;
		font-weight: bold;
		display: inline-block;
		padding-left: 1%;
		padding-right: 1%;
		margin-right: 15px;
	}
	
	span.cloud:hover{
		opacity:0.7;
	}
	
	/*調整用css*/
	.left{
		float: left;
	}
	
	.right{
		float: right;
	}
	} 


/*PC*/
	@media screen and (min-width:980px){
	body{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size:18px;
	color:#000000 !important;
	line-height:none !important;
	}
	
	/*　ヘッダー部分　*/
	header {
		position: relative;
	}
	
	header .container {
		position: absolute;
		width: 720px;
		height: 150px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	/*　メインイメージ　*/
	div.mainImage{
		background-image: url(/tochigi_promotion/common/img/drone.gif);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		height: 100vh;
		min-height: 745px;
	}
	
	.tit {
		position: absolute;
		width: 76%;
		height: 0%;
		padding-top: 76%;
		margin: auto;
		max-width: 650px;
		left: 0;
		right: 0;
		bottom: 0;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center bottom;
		background-position-x: 50%;
		background-position-y: bottom;
		background-image: url(/tochigi_promotion/common/img/main_title_img_new.png);
	}
	
	.tit p {
		display: none;
	}
	
	div.cloud {
		display: block;
		position: relative;
		width: 300px;
		height: 70px;
		text-align: center;
		text-transform: uppercase;
		-webkit-border-radius: 35px;
		border-radius: 35px;
		letter-spacing: 2px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		cursor: pointer;
		font-size: 22px;
		font-weight: bold;
		padding-top: 16px;
	}
	
	div.cloud:hover{
		opacity:0.7;
	}
	
	div.cloud span {
	font-size: 18px;
	}
	
	div.blue {
		line-height: 43px;
	}
	
	div.white {
		line-height: 100%;
	}
	
	header a.headerScroll {
		position: absolute;
		top:92%;
		left: 0;
		right: 0;
		margin: auto;
		width: 112px;
		height: 93px;
		z-index: 1;
	}
	
	div#scrollButton {
		background-color: rgba(66,66,66,0.85);
		line-height: 65px;
		text-align: center;
		width: 100%;
		color: #fff;
		font-weight: bold;
		font-size: 18px;
	}
	
	div#scrollButton a{
	  color: #fff;
	}
	
	div#scrollButton a:hover{
		text-decoration: underline;
	}
	
	span.tellNumber{
	font-size: 26px;
	}
	
	span.cloud {
		position: relative;
		text-align: center;
		line-height: 40px;
		text-transform: uppercase;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		letter-spacing: 2px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		cursor: pointer;
		font-size: 14px;
		font-weight: bold;
		display: inline-block;
		padding-left: 1%;
		padding-right: 1%;
		margin-right: 15px;
	}
	
	span.cloud:hover{
		opacity:0.7;
	}
	/*調整用css*/
	.left{
		float: left;
	}
	
	.right{
		float: right;
	}
	}

.blue {
	background-color: rgba(63,142,218,0.85);
	color: #FFFFFF;
}

.blue a {
	color: #FFFFFF;
}

.white {
	background-color: rgba(255,255,255,0.85);
	color: #000000;
}

.white a {
	color: #000000;
}

/*スクロール追従メニュー*/
header a.headerScroll:focus {
	outline:none;
}

.cb-header {
  position: fixed;
  left: 0;
  visibility: hidden;
}

/*ページトップへ戻る*/
/*スマホで見た時*/
	#pageTop {
	  position: absolute;
	  bottom: -50px;
	  display: block;
	  width: 100%;
	  height: 50px;
	  line-height: 50px;
	  color: #fff;
	  text-decoration: none;
	  text-align: center;
	  font-weight: bold;
	}
	
	#pageTop img {
	  height: 80%;
	}
	
	/*スマホ*/
	@media screen and (max-width: 979px){
	  #pageTop {
		background-image: url(/tochigi_promotion/common/img/bg_pattern02.jpg);
	  }
	}
	/*PCで見た時*/
	@media screen and (min-width: 980px) {
	  #pageTop {
		display: none;
		position: fixed;
		bottom: 20px;
		right: 20px;
		width: 85px;
		height: 90px;
	  }
	}
	
	#pageTop:focus {
		outline:none;
	}

/* 紹介ムービー */
			/*スマホ*/
			@media screen and (max-width: 767px){
			.movieModalWindowBox {
			width:100%;
			}
			 
			.movieModalWindowBox iframe {
			height: 300px;
			}
			}

			/*タブレット*/
			@media screen and (min-width: 768px) and (max-width: 1199px) { 
			.movieModalWindowBox {
			width: 100%;
			}
			 
			.movieModalWindowBox iframe {
			height:400px;
			}
			}
						
			/*PC*/
			@media screen and (min-width:1200px){
			.movieModalWindowBox {
			width: 100%;
			}
			
			.movieModalWindowBox iframe{
				height:720px;
			}
			}
			

/*　各セクション共通項目　*/
/*スマホ*/
	@media screen and (max-width:767px) {
	.sectionAreaTitleName,
	.sectionAreaTitleName3 {
		font-size: 25px;
		font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		color: #000000;
		text-align: center;
		line-height: 100%;
		font-weight: bold;
		margin-bottom: 30px;
	}
	
	.sectionAreaTitleName2 {
		font-size: 25px;
		font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		color: #000000;
		text-align: center;
		line-height: 100%;
		font-weight: bold;
		margin-bottom: 15px;
	}
	
	.sectionAreaSubTitle {
		font-size: 13px;
		font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		color: #000000;
		text-align: center;
		line-height: 100%;
		font-weight: bold;
		margin-bottom: 20px;
	}
	}

/*タブレット*/
	@media screen and (min-width: 768px) and (max-width: 979px) {
	}

/*　PC　*/
	@media screen and (min-width:768px) {
	.sectionAreaTitleName {
		font-size: 40px;
		font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		color: #000000;
		text-align: center;
		line-height: 100%;
		font-weight: bold;
		margin-bottom: 30px;
	}
	
	.sectionAreaTitleName2 {
		font-size: 40px;
		font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		color: #000000;
		text-align: center;
		line-height: 100%;
		font-weight: bold;
		margin-bottom: 15px;
	}
	
	.sectionAreaTitleName3 {
		font-size: 40px;
		font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		color: #000000;
		text-align: center;
		line-height: 100%;
		font-weight: bold;
		margin-bottom: 50px;
	}
	
	.sectionAreaSubTitle {
		font-size: 20px;
		font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		color: #000000;
		text-align: center;
		line-height: 100%;
		font-weight: bold;
		margin-bottom: 30px;
	}
	}

/*　新しい教習所のポイント　*/
/*スマホ*/
	@media screen and (max-width:767px) {
	div.section1SubText .imgWaku {
	}
	
	div.section1SubText .textWaku {
	}
	
	div.section1Box{
		background-size: cover;
		background-position: center 100%;
		padding: 15px;
		position: relative;
		width: 100%;
		margin: 0 auto 15px;
	}
	
	div.section1Box h3{
		text-align: center;
		font-size: 25px;
		font-weight: bold;
		color: #FF7B91;
		margin-bottom: 15px;
	}
	
	div.section1Box h4{
		text-align: center;
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	div.section1Box h4 span{
		border-bottom: 1px dashed #000000;
	}
	}
	
/*タブレット*/
	@media screen and (min-width: 768px) and (max-width: 979px) {
	div.section1SubText .imgWaku {
		width: 25%;
	}
	
	div.section1SubText .textWaku {
		width: 75%;
		padding: 30px;
		float: right;
	}
	
	div.section1Box{
		background-size: cover;
		background-position: center 100%;
		padding: 20px;
		position: relative;
		width: 95%;
		margin: 0 auto 30px;
	}
	
	div.section1Box h3{
		text-align: center;
		font-size: 30px;
		font-weight: bold;
		color: #FF7B91;
		margin-bottom: 15px;
	}
	
	div.section1Box h4{
		text-align: center;
		font-size: 23px;
		margin-bottom: 20px;
	}
	
	div.section1Box h4 span{
		border-bottom: 1px dashed #000000;
	}
	}
	
/*PC*/
	@media screen and (min-width:980px){
	div.section1SubText{
		width: 980px;
		margin-left: auto;
		margin-right: auto;
	}
	div.section1SubText .imgWaku {
		width: 25%;
	}
	
	div.section1SubText .textWaku {
		width: 75%;
		padding: 30px;
		float: right;
	}
	
	div.section1Box{
		background-size: cover;
		background-position: center 100%;
		padding: 20px;
		position: relative;
		width: 95%;
		margin: 0 auto 30px;
	}
	
	div.section1Box h3{
		text-align: center;
		font-size: 35px;
		font-weight: bold;
		color: #FF7B91;
		margin-bottom: 15px;
	}
	
	div.section1Box h4{
		text-align: center;
		font-size: 27px;
		margin-bottom: 20px;
	}
	
	div.section1Box h4 span{
		border-bottom: 1px dashed #000000;
	}
	
	}

div.section1Area {
	padding: 70px 0px 60px 0px;
	background-image: url(/tochigi_promotion/common/img/bg_pattern01.jpg);
}

div.section1Box .transparentBG{
	padding: 5px 20px 20px;
	background-color: rgba(255,255,255,0.80);
}

div.section1Box .transparentBG h4 img{
	vertical-align:middle;
}

div.section1Box ul{
	list-style:none;
	margin: 0;
	padding: 0;
}

div.section1Box ul li{
	float: left;
	width: 25%;
}

.section1Bg01{
	background-image: url("/tochigi_promotion/common/img/section1_bg01.jpg");
}

.section1Bg02{
	background-image: url("/tochigi_promotion/common/img/section1_bg02.jpg");
}

.section1Bg03{
	background-image: url("/tochigi_promotion/common/img/section1_bg03.jpg");
}

.section1Bg04{
	background-image: url("/tochigi_promotion/common/img/section1_bg04.jpg");
}

/*　受講初日の流れ　*/
/*スマホ*/
	@media screen and (max-width:767px) {
	div.section2Box li p{
		font-size: 18px;
	}
	
	.section2Slider .slick-list
	{
		padding-top: 15px;
	}
	
	div.section2Box .slick-prev,
	div.section2Box .slick-next
	{
		font-size: 0;
		line-height: 0;
	
		position: absolute;
		top: 50%;
	
		display: block;
	
		width: 20px;
		height: 20px;
		padding: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
	
		cursor: pointer;
	
		color: transparent;
		border: none;
		outline: none;
		background: transparent;
	}
	
	div.section2Box .slick-prev:before,
	div.section2Box .slick-next:before
	{
		font-family: 'slick';
		font-size: 20px;
		line-height: 1;
	
		opacity: .75;
		color: #666666;
	
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	div.section2Box .slick-dots{
		position: absolute;
		bottom: -50px;
	
		display: block;
	
		width: 100%;
		padding: 0;
		margin: 0;
	
		list-style: none;
	
		text-align: center;
	}
	
	div.section2Box .slick-dots li{
		width: 70px;
	}
	
	div.section2Box .slick-dots li button:before
	{
		font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		width: 100%;
		font-size: 12px;
		border: 1px solid #000000;
		height: 30px;
		line-height: 30px;
		background-color: #FFFFFF;
	}
	}
	
/*タブレット*/
	@media screen and (min-width: 768px) and (max-width: 979px) {
	div.section2Box .slick-prev,
	div.section2Box .slick-next
	{
		font-size: 0;
		line-height: 0;
	
		position: absolute;
		top: 50%;
	
		display: block;
	
		width: 40px;
		height: 40px;
		padding: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
	
		cursor: pointer;
	
		color: transparent;
		border: none;
		outline: none;
		background: transparent;
	}
	
	div.section2Box .slick-prev:before,
	div.section2Box .slick-next:before
	{
		font-family: 'slick';
		font-size: 40px;
		line-height: 1;
	
		opacity: .75;
		color: #666666;
	
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	div.section2Box .slick-dots{
		position: absolute;
		bottom: -60px;
	
		display: block;
	
		width: 100%;
		padding: 0;
		margin: 0;
	
		list-style: none;
	
		text-align: center;
	}
	
	div.section2Box .slick-dots li{
		width: 120px;
	}
	
	div.section2Box .slick-dots li button:before
	{
		font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		width: 100px;
		font-size: 18px;
		border: 1px solid #000000;
		height: 30px;
		line-height: 30px;
		background-color: #FFFFFF;
	}
	}
	
/*PC*/
	@media screen and (min-width: 980px) and (max-width: 1199px) {
	div.section2Box{
	}
	
	div.section2Box .slick-prev,
	div.section2Box .slick-next
	{
		font-size: 0;
		line-height: 0;
	
		position: absolute;
		top: 50%;
	
		display: block;
	
		width: 40px;
		height: 40px;
		padding: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
	
		cursor: pointer;
	
		color: transparent;
		border: none;
		outline: none;
		background: transparent;
	}
	
	div.section2Box .slick-prev:before,
	div.section2Box .slick-next:before
	{
		font-family: 'slick';
		font-size: 40px;
		line-height: 1;
	
		opacity: .75;
		color: #666666;
	
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	div.section2Box .slick-dots{
		position: absolute;
		bottom: -60px;
	
		display: block;
	
		width: 100%;
		padding: 0;
		margin: 0;
	
		list-style: none;
	
		text-align: center;
	}
	
	div.section2Box .slick-dots li{
		width: 120px;
	}
	
	div.section2Box .slick-dots li button:before
	{
		font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		width: 100px;
		font-size: 18px;
		border: 1px solid #000000;
		height: 30px;
		line-height: 30px;
		background-color: #FFFFFF;
	}
	}
	
		@media screen and (min-width:1200px){
		div.section2Box .slick-prev,
		div.section2Box .slick-next
		{
			font-size: 0;
			line-height: 0;
		
			position: absolute;
			top: 50%;
		
			display: block;
		
			width: 40px;
			height: 40px;
			padding: 0;
			-webkit-transform: translate(0, -50%);
			-ms-transform: translate(0, -50%);
			transform: translate(0, -50%);
		
			cursor: pointer;
		
			color: transparent;
			border: none;
			outline: none;
			background: transparent;
		}
		
		div.section2Box .slick-prev:before,
		div.section2Box .slick-next:before
		{
			font-family: 'slick';
			font-size: 40px;
			line-height: 1;
		
			opacity: .75;
			color: #666666;
		
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		
		div.section2Box .slick-dots{
			position: absolute;
			bottom: -60px;
		
			display: block;
		
			width: 100%;
			padding: 0;
			margin: 0;
		
			list-style: none;
		
			text-align: center;
		}
		
		div.section2Box .slick-dots li{
			width: 120px;
		}
		
		div.section2Box .slick-dots li button:before
		{
			font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
			width: 100px;
			font-size: 18px;
			border: 1px solid #000000;
			height: 30px;
			line-height: 30px;
			background-color: #FFFFFF;
		}
		}

div.section2Box ul{
	margin: 0px;
	padding: 0px;
}

div.section2Box .slick-prev{
	left: 0px;
	z-index: 10;
}

div.section2Box .slick-next{
	right: 0px;
}

div.section2Area {
	padding: 70px 0px 100px 0px;
	background-image: url(/tochigi_promotion/common/img/bg_pattern02.jpg);
}

div.section2Box p{
	text-align: center;
	font-weight: bold;
	font-size: 21px;
	padding-top: 5px;
}

div.section2Box .slick-dots li#slick-slide00 button:before
{
    content: '1日目';
}

div.section2Box .slick-dots li#slick-slide01 button:before
{
    content: '2～3日目';
}

div.section2Box .slick-dots li#slick-slide02 button:before
{
    content: '4日目';
}

		/*モーダルウィンドウ*/
		/*PC*/
		@media print, screen and (min-width:768px){
		.mfp-content {
		  max-width: 988px;
		}
		}
		div.section2ModalWindowBox{
			background-color:#FFFFFF;
			border:5px solid #949494;
			padding:20px;
		}
		
		div.section2ModalWindowBox h1{
			font-size: 21px;
			line-height:100%;
			margin-bottom: 15px;
			font-weight: bold;
		}
		
		div.section2ModalWindowBox h1 span{
			border-bottom: 1px dashed #000000;
		}
		
		div.section2ModalWindowBox img,
		div.section2ModalWindowBox p img{
			display: block;
			margin: 0 auto;
			border-radius: 20px;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
		}
		
		div.section2ModalWindowBox p img{
			width: 95%;
		}
		
		div.section2ModalWindowBox p.text{
			margin-bottom: 15px;
		}
		
		div.section2ModalWindowBox p span{
			color: #FF801E;
			font-weight: bold;
		}
		
		p.strongModalWindowCloseBtn{
			display:block;
			width:100px;
			border:1px solid #949494;
			background-color:#CCC;
			text-align:center;
			padding:5px;
			margin:0 auto;
			margin-top:20px;
		}


/*　お客様の声　*/
/*スマホ*/
	@media screen and (max-width:767px) {
	.section3Box{
		position: relative;
		width: 95%;
		padding: 15px;
		background-color: #FFFFFF;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 20px;
	}
	
	.section3Box span{
	}
	
	.section3Box span img{
		width: 30%;
	}
	
	.section3Box h3{
		font-weight: bold;
		margin-bottom: 10px;
		font-size: 18px;
		text-align: center;
	}
	
	.section3Box p{
		padding-top: 4%;
	}
	}
	
/*タブレット*/
	@media screen and (min-width: 768px) and (max-width: 979px) {
	.section3Slider .slick-list
	{
	}
	
	.section3Box{
		position: relative;
		width: 95%;
		padding: 15px;
		background-color: #FFFFFF;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 20px;
	}
	
	.section3Box span{
		position: absolute;
		top: 5%;
		left:-2%;
	}
	
	.section3Box span img{
		width: 50%;
	}
	
	.section3Box h3{
		padding-left: 30%;
		font-weight: bold;
		margin-bottom: 30px;
		font-size: 18px;
	}
	
	.section3Box p{
		padding-top: 4%;
	}
	}

/*PC*/
	@media screen and (min-width: 980px) and (max-width: 1199px) {
	.section3Slider .slick-list
	{
		padding-top: 75px;
	}
	
	.section3Box{
		position: relative;
		width: 95%;
		padding: 25px;
		background-color: #FFFFFF;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 20px;
	}
	
	.section3Box span{
		position: absolute;
		top: -22%;
		left: 3%;
	}
	
	.section3Box h3{
		padding-left: 33%;
		font-weight: bold;
		margin-bottom: 30px;
	}
	}
	
		@media screen and (min-width:1200px){
		.section3Slider .slick-list
		{
			padding-top: 70px;
		}
		
		.section3Box{
			position: relative;
			width: 95%;
			padding: 25px;
			background-color: #FFFFFF;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			margin-right: 10px;
			margin-left: 10px;
			margin-bottom: 20px;
		}
		
		.section3Box span{
			position: absolute;
			top: -25%;
		}
		
		.section3Box h3{
			padding-left: 30%;
			font-weight: bold;
			margin-bottom: 30px;
		}
		}
	
div.section3Area {
	padding: 70px 0px 70px 0px;
	background-image: url(/tochigi_promotion/common/img/bg_pattern03.jpg);
}

.section3Waku{
}

.section3Slider .slick-dots li button:before
{
    font-family: 'slick';
    font-size: 8px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*　栃木センタのいま！　*/
/*スマホ*/
@media screen and (max-width:767px) {
}
/*タブレット*/
@media screen and (min-width: 768px) and (max-width: 979px) {
}
/*PC*/
@media screen and (min-width: 980px){
}
div.section4Area {
	padding: 70px 0px 80px 0px;
	background-image: url(/tochigi_promotion/common/img/bg_pattern04.jpg);
}


/*　アクセス　*/
/*スマホ*/
	@media screen and (max-width:767px) {
	.section5Box p span{
		font-size: 18px;
		font-weight: bold;
	}
	
	.section5Box p{
		line-height: 180%;
		margin-bottom: 10px;
	}
	
	div.section5Area {
		padding: 50px 0px 30px 0px;
		background-image: url(/tochigi_promotion/common/img/bg_pattern02.jpg);
	}
	}
	
/*タブレット*/
	@media screen and (min-width: 768px) and (max-width: 979px) {
	.section5Box{
		padding: 2%;
	}
	
	.section5Box p span{
		font-size: 20px;
		font-weight: bold;
	}
	}
	
/*PC*/
	@media screen and (min-width: 980px) and (max-width: 1199px) {
	.section5Box{
		padding: 11% 2% 2%;
	}
	
	.section5Box p{
		font-size: 16px;
	}
	
	.section5Box p span{
		font-size: 25px;
		font-weight: bold;
	}
	
	.section5Box p{
		line-height: 200%;
	}
	}
	
		@media screen and (min-width: 1200px){
		.section5Box{
			padding: 8% 2% 2%;
		}
		
		.section5Box p span{
			font-size: 25px;
			font-weight: bold;
		}
		
		.section5Box p{
			line-height: 180%;
			margin-bottom: 20px;
		}
		}

		@media screen and (min-width: 768px){
		div.section5Area {
			padding: 70px 0px 50px 0px;
			background-image: url(/tochigi_promotion/common/img/bg_pattern02.jpg);
		}
		}
	
		/* グーグルマップ */
			/*PC*/
			@media screen and (min-width:1200px){
			.ggmap {
			width: 100%;
			padding: 2%;
			margin: 0 auto;
			line-height: 170%;
			}
			
			.ggmap iframe{
				height:420px;
			}
			}
			
			/*タブレット*/
			@media screen and (min-width: 768px) and (max-width: 1199px) { 
			.ggmap {
			width: 100%;
			padding: 2%;
			}
			 
			.ggmap iframe {
			height:400px;
			}
			}
			
			/*スマホ*/
			@media screen and (max-width: 767px){
			.ggmap {
			width:100%;
			}
			 
			.ggmap iframe {
			height: 300px;
			margin-bottom: 15px;
			}
			}
			
		.ggmap iframe{
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		}


/*　各セクション共通　*/
img.imgPhoto{
	display:block;
	margin:0 auto;
}

.container{
	position: relative;
}


/*吹き出し*/
/*スマホ*/
@media screen and (max-width:479px) {
.fukidashi01{
	background-image: url(/tochigi_promotion/common/img/fukidashi01.png);
	background-size:cover;
	width: 150px;
	height: 106px;
	position: absolute;
	top: -28%;
	left: 5%;
	text-align: center;
	padding-top: 5.8%;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
	transition: .8s;
}

.fukidashi02{
	background-image: url(/tochigi_promotion/common/img/fukidashi02.png);
	background-size:cover;
	width: 150px;
	height: 106px;
	position: absolute;
	top: -23%;
	right: 5%;
	text-align: center;
	padding-top: 7.5%;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
	transition: .8s;
}

.fukidashi03{
	background-image: url(/tochigi_promotion/common/img/fukidashi03.png);
	background-size:cover;
	width: 150px;
	height: 106px;
	position: absolute;
	top: -20%;
	left: 5%;
	text-align: center;
	padding-top: 7%;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
	transition: .8s;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.fukidashi01{
	background-image: url(/tochigi_promotion/common/img/fukidashi01.png);
	background-size:cover;
	width: 180px;
	height: 128px;
	position: absolute;
	top: -20%;
	left: 5%;
	text-align: center;
	padding-top: 5%;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
	transition: .8s;
}

.fukidashi02{
	background-image: url(/tochigi_promotion/common/img/fukidashi02.png);
	background-size:cover;
	width: 180px;
	height: 128px;
	position: absolute;
	top: -23%;
	right: 5%;
	text-align: center;
	padding-top: 5.5%;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
	transition: .8s;
}

.fukidashi03{
	background-image: url(/tochigi_promotion/common/img/fukidashi03.png);
	background-size:cover;
	width: 180px;
	height: 128px;
	position: absolute;
	top: -20%;
	left: 5%;
	text-align: center;
	padding-top: 5.5%;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
	transition: .8s;
}
}
/*タブレット*/
@media screen and (min-width: 768px) and (max-width: 979px) {
.fukidashi01{
	background-image: url(/tochigi_promotion/common/img/fukidashi01.png);
	background-size:cover;
	width: 210px;
	height: 149px;
	position: absolute;
	top: -17%;
	left: 5%;
	text-align: center;
	padding-top: 5.8%;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
	transition: .8s;
}

.fukidashi02{
	background-image: url(/tochigi_promotion/common/img/fukidashi02.png);
	background-size:cover;
	width: 210px;
	height: 149px;
	position: absolute;
	top: -20%;
	right: 5%;
	text-align: center;
	padding-top: 5.8%;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
	transition: .8s;
}

.fukidashi03{
	background-image: url(/tochigi_promotion/common/img/fukidashi03.png);
	background-size:cover;
	width: 210px;
	height: 149px;
	position: absolute;
	top: -22%;
	left: 5%;
	text-align: center;
	padding-top: 5.8%;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
	transition: .8s;
}
}
/*PC*/
@media screen and (min-width: 980px) and (max-width: 1199px) {
.fukidashi01{
	background-image: url(/tochigi_promotion/common/img/fukidashi01.png);
	width: 247px;
	height: 175px;
	position: absolute;
	top: -17%;
	left: 5%;
	text-align: center;
	padding-top: 5%;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
	transition: .8s;
}

.fukidashi02{
	background-image: url(/tochigi_promotion/common/img/fukidashi02.png);
	width: 247px;
	height: 175px;
	position: absolute;
	top: -17%;
	right: 5%;
	text-align: center;
	padding-top: 5%;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
	transition: .8s;
}

.fukidashi03{
	background-image: url(/tochigi_promotion/common/img/fukidashi03.png);
	width: 247px;
	height: 175px;
	position: absolute;
	top: -22%;
	left: 5%;
	text-align: center;
	padding-top: 5%;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
	transition: .8s;
}
}
@media screen and (min-width:1200px){
.fukidashi01{
	background-image: url(/tochigi_promotion/common/img/fukidashi01.png);
	width: 247px;
	height: 175px;
	position: absolute;
	top: -17%;
	left: 5%;
	text-align: center;
	padding-top: 4%;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
	transition: .8s;
}

.fukidashi02{
	background-image: url(/tochigi_promotion/common/img/fukidashi02.png);
	width: 247px;
	height: 175px;
	position: absolute;
	top: -25%;
	right: 5%;
	text-align: center;
	padding-top: 4.5%;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
	transition: .8s;
}

.fukidashi03{
	background-image: url(/tochigi_promotion/common/img/fukidashi03.png);
	width: 247px;
	height: 175px;
	position: absolute;
	top: -23%;
	left: 5%;
	text-align: center;
	padding-top: 4.5%;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
	transition: .8s;
}
}

/* フッター */
	footer{
		background-image: url(/tochigi_promotion/common/img/bg_pattern05.jpg);
		height: 80px;
	}
	
	div.footerNameArea{
		background-color:#626262;
		color:#FFFFFF;
		padding:30px 0px 30px 0px;
	}
	div.footerNameArea h3{
		font-size:24px;
	}

	/*社名住所とコピー文字サイズ*/
	/*スマホの際に*/
	@media screen and (max-width:767px){
	div.footerNameArea h3{
		font-size:18px;
		text-align:center;
	}
	div.footerNameArea h4{
		font-size:18px;
		font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro', "游明朝体", "Yu Mincho" , "HG明朝E", "メイリオ", Meiryo, sans-serif;
		text-align:center;
	}
	div.footerNameArea address{
		font-size:12px;
		text-align:center;
	}
	}
	
	@media screen and (min-width:768px){
	div.footerNameArea h3{
		display:block;
		font-size:24px;
		padding-left:10%;
	}
	div.footerNameArea h4{
		display:block;
		font-size:24px;
		font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro', "游明朝体", "Yu Mincho" , "HG明朝E", "メイリオ", Meiryo, sans-serif;
		padding-top:20px;
		padding-left:15%;
	}
	div.footerNameArea address{
		font-size:14px;
		display:block;
		padding-left:10%;
	}
	}
	
	
	
	div.footerLinkArea{
		padding:30px 0px 30px 0px;
		background-color:#808080;
	}
	div.footerLinkArea p{
		color:#FFFFFF;
		font-size:14pt;
	}
	div.footerLinkArea p a:hover{
		text-decoration:underline;
		cursor:pointer;
	}
	div.footerLinkArea p a{
		color:#FFFFFF;
	}
	ul.footerNaviNav{
		list-style: none;
		font-size:12px;
		margin:0px;
		padding:0px;
	}
	ul.footerNaviNav li{
	  white-space: nowrap;
	}
	
	ul.footerNaviNav > li:before {
	  padding: 0 5px;
	  color: #ccc;
	  content: ">\00a0";
	}
	
	ul.footerNaviNav li a:hover{
		text-decoration:underline;
		cursor:pointer;
	}
	ul.footerNaviNav li a{
		color:#FFFFFF;
	}
	
	div.footerCopyArea{
		padding-top:35px;
	}
	p.footerCopyright small{
		display:block;
		text-align:center;
		font-size:11px !important;
		color:#FFFFFF;
		line-height:100%;
		padding:0px!important;
		margin:0px !important;
	}


/* 栃木センタバナー　*/
/*スマホ*/
@media screen and (max-width:979px){
div.tenpoPlanBanner{
	background-image: url("/tochigi_promotion/common/img/tochigi_center_bunner.jpg");
	background-size: cover;
	background-position: center center;
	height: 100%;
	padding-top: 5%;
	padding-bottom: 2%;
	margin-bottom: 50px;
}

div.tenpoPlanBanner p{
	text-align: center;
	color: #000000;
	text-shadow: 0 0 3px #fff,0 0 7px #fff,0 0 15px #fff;
	-moz-text-shadow:  0 0 3px #fff,0 0 7px #fff,0 0 15px #fff;
	-o-text-shadow:  0 0 3px #fff,0 0 7px #fff,0 0 15px #fff;
	-ms-text-shadow:  0 0 3px #fff,0 0 7px #fff,0 0 15px #fff;
}

div.tenpoPlanBanner p.planSubText{
	font-size: 13px;
}

div.tenpoPlanBanner h2{
	text-align: center;
	font-size: 30px;
	color: #11177e;
	text-shadow: 0 0 3px #fff,0 0 7px #fff,0 0 15px #fff;
	-moz-text-shadow: 0 0 3px #fff,0 0 7px #fff,0 0 15px #fff;
	-o-text-shadow: 0 0 3px #fff,0 0 7px #fff,0 0 15px #fff;
	-ms-text-shadow: 0 0 3px #fff,0 0 7px #fff,0 0 15px #fff;
	margin-top: 10px;
	font-weight: bold;
}
}
/*PC*/
@media print, screen and (min-width:980px){
div.tenpoPlanBanner{
	background-image: url("/tochigi_promotion/common/img/tochigi_center_bunner.jpg");
	background-size: cover;
	background-position: center center;
	height: 250px;
	padding-top: 55px;
}

div.tenpoPlanBanner p{
	text-align: center;
	color: #000000;
	text-shadow: 0 3px 5px #fff,0 -3px 5px #fff,3px 0 5px #fff,-3px 0 5px #fff;
	-moz-text-shadow:  0 0 3px #fff,0 0 7px #fff,0 0 15px #fff;
	-o-text-shadow:  0 0 3px #fff,0 0 7px #fff,0 0 15px #fff;
	-ms-text-shadow:  0 0 3px #fff,0 0 7px #fff,0 0 15px #fff;
}

div.tenpoPlanBanner p.planText{
	font-size: 24px;
}

div.tenpoPlanBanner h2{
	text-align: center;
	font-size: 55px;
	color: #11177e;
	text-shadow: 0 3px 5px #fff,0 -3px 5px #fff,3px 0 5px #fff,-3px 0 5px #fff;
	-moz-text-shadow: 0 0 3px #fff,0 0 7px #fff,0 0 15px #fff;
	-o-text-shadow: 0 0 3px #fff,0 0 7px #fff,0 0 15px #fff;
	-ms-text-shadow: 0 0 3px #fff,0 0 7px #fff,0 0 15px #fff;
	font-weight: bold;
	margin-bottom: 15px;
}

a:hover{
	text-decoration: none;
}

div.tenpoPlanBanner:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
}


/*インスタグラム*/
/*スマホ*/
@media screen and (max-width:479px) {
ul#instafeed li{
	position: relative;
    float: left;
	list-style:none;
	padding:0px;
}
ul#instafeed li img {
    display: block;
    width: 110px;
    height: 110px;
 }
 
ul#instafeed li .ov {
    position: absolute;
    top: 0;
    opacity: 0;
    color: #FFF;
    background: rgba(0, 0, 0, 0.85);
    display: block;
    width: 110px;
    height: 110px;
    padding: 10px;
    overflow: hidden;
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}
ul#instafeed li .ov p {
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    height: 100px;
}
ul#instafeed li .ov p span {
    display: inline-block;
    text-align: left;
    font-size: 10px;
    overflow: hidden;
	line-height: 140%;
}
ul#instafeed li:hover .ov { opacity: 1; }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
ul#instafeed li{
	position: relative;
    float: left;
	list-style:none;
	padding:0px;
}
ul#instafeed li img {
    display: block;
    width: 158px;
    height: 158px;
 }
 
ul#instafeed li .ov {
    position: absolute;
    top: 0;
    opacity: 0;
    color: #FFF;
    background: rgba(0, 0, 0, 0.85);
    display: block;
    width: 158px;
    height: 158px;
    padding: 10px;
    overflow: hidden;
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}
ul#instafeed li .ov p {
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    height: 148px;
}
ul#instafeed li .ov p span {
    display: inline-block;
    text-align: left;
    font-size: 10px;
    overflow: hidden;
	line-height: 140%;
}
ul#instafeed li:hover .ov { opacity: 1; }
}
/*タブレット*/
@media screen and (min-width: 768px) and (max-width: 979px) {
ul#instafeed li{
	position: relative;
    float: left;
	list-style:none;
	padding:0px;
}
ul#instafeed li img {
    display: block;
    width: 192px;
    height: 192px;
 }
 
ul#instafeed li .ov {
    position: absolute;
    top: 0;
    opacity: 0;
    color: #FFF;
    background: rgba(0, 0, 0, 0.85);
    display: block;
    width: 192px;
    height: 192px;
    padding: 20px;
    overflow: hidden;
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}
ul#instafeed li .ov p {
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    height: 172px;
}
ul#instafeed li .ov p span {
    display: inline-block;
    text-align: left;
    font-size: 13px;
    overflow: hidden;
}
ul#instafeed li:hover .ov { opacity: 1; }
}
/*PC*/
@media screen and (min-width: 980px) and (max-width: 1199px) {
ul#instafeed li{
	position: relative;
    float: left;
	list-style:none;
	padding:0px;
}
ul#instafeed li img {
    display: block;
    width: 163px;
    height: 163px;
 }
 
ul#instafeed li .ov {
    position: absolute;
    top: 0;
    opacity: 0;
    color: #FFF;
    background: rgba(0, 0, 0, 0.85);
    display: block;
    width: 163px;
    height: 163px;
    padding: 15px;
    overflow: hidden;
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}
ul#instafeed li .ov p {
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    height: 148px;
}
ul#instafeed li .ov p span {
	display: inline-block;
	text-align: left;
	font-size: 12px;
	overflow: hidden;
	line-height: 150%;
}
ul#instafeed li:hover .ov { opacity: 1; }
}
@media screen and (min-width:1200px){
ul#instafeed li{
	position: relative;
    float: left;
	list-style:none;
	padding:0px;
}
ul#instafeed li img {
    display: block;
    width: 200px;
    height: 200px;
 }
 
ul#instafeed li .ov {
    position: absolute;
    top: 0;
    opacity: 0;
    color: #FFF;
    background: rgba(0, 0, 0, 0.85);
    display: block;
    width: 200px;
    height: 200px;
    padding: 20px;
    overflow: hidden;
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}
ul#instafeed li .ov p {
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    height: 180px;
}
ul#instafeed li .ov p span {
    display: inline-block;
    text-align: left;
    font-size: 13px;
    overflow: hidden;
}
ul#instafeed li:hover .ov { opacity: 1; }
}

ul#instafeed{
	margin: 0;
	padding: 0;
}

/*IE8jumbotron対応*/
.backgroundsizeMsBehaviorTop{
    background-size: cover;
    -ms-behavior: url(/common/htc/backgroundsize.min.htc);
}
/*スマホ*/
@media screen and (max-width:767px){
.backgroundsizeMsBehavior{
    background-size: cover;
    -ms-behavior: url(/common/htc/backgroundsize.min.htc);
	margin:0px;
	}

}
/*PC*/
@media screen and (min-width:768px){
.backgroundsizeMsBehavior{
    background-size: cover;
    -ms-behavior: url(/common/htc/backgroundsize.min.htc);
	}
}