@charset "UTF-8";


/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼BASIC　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*ALL*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

*{
	margin: 0;padding:0;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
  Meiryo, sans-serif;

	font-family： "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic"；

	font-size: 13px;
	line-height: 5px;
	margin: 0;
	padding: 0;
}

html,body{height: 100%;}
section{height: auto;}
a {outline:none;}

body{
  	width:100%;
	background-color: #060606;
	color: #3a3a3a;

	font-size: 13px;
	line-height: 21px;
}

@-ms-viewport {
    width:auto;
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*hr*/
/*▼ボーダー▼*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

/*▽素▽*/
hr{
	border: none;
	width: 100%;
}

/*▽基本▽*/
hr.base{
	width: 100%;
	border-top:1px solid;
	border-bottom: 1px solid;
	border-top-color: #4d4d4d;
	border-bottom-color: #bfbfbf;
	margin: auto 0;
}

hr.itv{
	border: none;
	border-top: 1px dotted #cdcdcd;
}


hr.tokuten{
	border: none;
	border-top: solid 2px #ddd;
}


textarea{
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.75);
	padding: 10px;
	border: 1px rgb(77, 77, 77) solid;
	line-height: 16px;
	resize: none;
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*a*/
/*▼リンク▼*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
a{	color: #e62789;}
a:link{	color: #e62789;}
a:hover{	color: #efea3d;}
a:visited{	color: #e62789;}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*h*/
/*▼見出し▼*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

h1.itv{
	padding-top: 10px;
	font-size: 24px;
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 12px;

	border-bottom: 2px solid #eb5c01;

	color: #eb5c01;
}
@media(max-width:768px){
h1.itv{
	padding-top: 10px;
	font-size: 18px;
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 12px;

	border-bottom: 2px solid #eb5c01;

	color: #eb5c01;
}
}
h2.itv{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 6px;
	border-bottom: 1px dotted #8c8c8c;

	color: #381539;
}

.t_bold{
	font-weight: bold;
}

.t_emp{
	font-size: 15px;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}

.img-frame{
	border-radius: 1px;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.75), 0 0 10px rgba(255, 255, 255, 0.8),0 0 10px rgba(255, 255, 255, 0.8);
	background: #444;
}

.fnone img{
	-webkit-filter: none;
	-moz-filter: none;
	filter: none;
}
.fnone img:hover {
	-webkit-filter: none;
	-moz-filter: none;
	filter: none;
}


/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼Project　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*div*/
/*▼div▼*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.div-left{
	float: left;
	display: inline-block;
}
@media(max-width:768px){
	.div-left{
		position: relative;
		float: none;
		width: 100%;
		padding-left: 0px;
		padding-bottom: 0;
	}
	.div-left img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1278px) and (min-width: 769px){
	.div-left{
		width: 50%;
		padding-left: 5px;
	}
	.div-left img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1364px) and (min-width: 1279px){
	.div-left{
		width: 50%;
		padding-left: 5px;
	}
	.div-left img{
		width: 100%;
		height: auto;
		}
}
@media(min-width:1365px){
	.div-left{
		padding-left: 5px;
	}
}


.div-right{
	float: right;
}
@media(max-width:768px){
	.div-right{
				padding-bottom: 0;
		float: none;
		width: 100%;
	}
	.div-right img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1278px) and (min-width: 769px){
	.div-right{
		float: right;
		width: 50%;
		padding-left: 5px;
	}
	.div-right img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1364px) and (min-width: 1279px){
	.div-right{
		width: 50%;
		padding-left: 5px;
	}
	.div-right img{
		width: 100%;
		height: auto;
		}
}
@media(min-width:1365px){
	.div-right{
		padding-right: 5px;
	}
}

.main-content{
  position: relative;
  width: 100%;
	/* padding-left: 141px; */
}
@media(max-width:768px){
	.main-content{
		padding: 0;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.main-content{
		/* padding-left: 105px; */
	}
}
@media(min-width:1365px){
	.main-content{
		/* padding-left: 141px; */
	}
}

.content-box_t{
	position: relative;
	width: 1140px;
	padding-top: 40px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_t{
	width: 100%;
	z-index: 0;
	}
}

.content-box_mv{
	position: relative;
	width: 1140px;
	min-height: 100vh;
  margin: 0 auto;
}
@media(max-width:768px){
	.content-box_mv{
		width: 100%;
		height: auto;
		z-index: 1;
	}
}
@media(max-width:1278px) and (min-width: 769px){
	.content-box_mv{
		width: 720px;
		height: 720px;
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.content-box_mv{
		width: 960px;
		height: 840px;
	}
}



.content-box_info{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_info{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_info{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_info{
	width: 960px;
}
}


.content-box_movie{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_movie{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_movie{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_movie{
	width: 960px;
}
}


.content-box_char{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_char{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_char{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_char{
	width: 960px;
}
}

.content-box_product{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_product{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_product{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_product{
	width: 960px;
}
}

.content-box_intro{
	position: relative;
	width: 90%;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_intro{
	width: 100%;
	z-index: 0;
}
}


.content-box_gallery{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_gallery{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_gallery{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_gallery{
	width: 960px;
}
}

.content-box_trial{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_trial{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_trial{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_trial{
	width: 960px;
}
}


.content-box_spec{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_spec{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_spec{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_spec{
	width: 960px;
}
}



.content-box_tokuten{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_tokuten{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_tokuten{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_tokuten{
	width: 960px;
}
}

.content-box_page{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_page{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_page{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_page{
	width: 960px;
}
}


.content-box_twitter{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_twitter{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_twitter{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_twitter{
	width: 960px;
}
}


.content-box{
	position: relative;
	width: 1080px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box{
	position: relative;
	width: 100%;
  margin: 0 auto;
}
}

/*フレーム*/
.f-1140{
	position: relative;
	width: 100%;
	height: 100%;

	background-position: 0 100px,50% 50%;
	background-attachment: scroll ,fixed;
	background-size: 5px 5px, cover;
	background-repeat: repeat,no-repeat;

	/* border: 2px #eb5c01 solid; */


	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
}
@media(max-width:768px){
	.f-1140 {
		width: 100%;
	}
}
@media(max-width:1278px) and (min-width: 769px){
	.f-1140{
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.f-1140{
	}
}

/*コンテンツ*/
/*中央寄せ*/
.cont-center{
	position: relative;
	text-align: center;
	margin: 0 auto;
}
/*左寄せ*/
.cont-left{
	position: relative;
	text-align: center;
	margin: 0 auto;
}
/*右寄せ*/
.cont-center{
	position: relative;
	text-align: center;
	margin: 0 auto;
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

/*バナーサイズ*/
/*画像サイズ:1/1*/
.bn_1-1{
	position: relative;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: auto 0;
	user-select: none;
}
@media(max-width:768px){
	.bn_1-1 {
		padding-top: 5px;
		padding-bottom: 10px;
	}
}
.bn_1-1 img{
		width: 100%;
		height: auto;
		}
@media(max-width:768px){
		.bn_1-1 img{
		width: 100%;
		}
	}

/*画像サイズ:1/2*/
.bn_1-2{
	position: relative;
	display: inline-block;
	width: 49.2%;
	text-align: center;
	margin: 2px 2px;
	vertical-align: middle;
}
@media(max-width:768px){
	.bn_1-2{
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.bn_1-2{
		width: 49%;
		/*padding-left: 3px;*/
		margin: 2px 2px;
	}
}
@media(min-width:1365px){
}
.bn_1-2 img{
	width: 100%;
	-webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.bn_1-2 img:hover {
	width: 100%;
	-webkit-filter: contrast(75%) brightness(120%);
	-moz-filter: contrast(75%) brightness(120%);
	filter: contrast(75%) brightness(120%);
}

.bn_1-2_text{
	pointer-events: none; 
}



/*画像サイズ:1/3*/
.bn_1-3{
	position: relative;
	text-align: center;
	display: inline-block;
	width: 32.4%;
	padding-left: 3px;
	margin: 5px 3px;
	vertical-align: middle;
}
@media(max-width:768px){
	.bn_1-3{
		width: 100%;
		/*margin: 0px 5px 0px 5px ;*/
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.bn_1-3{
		width: 32.3%;
		padding-left: 3px;
		margin: 4px 2px;
	}
}
@media(min-width:1365px){
}
.bn_1-3 img{
	width: 100%;
	-webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.bn_1-3 img:hover {
	width: 100%;
	-webkit-filter: contrast(75%) brightness(120%);
	-moz-filter: contrast(75%) brightness(120%);
	filter: contrast(75%) brightness(120%);
}


/*画像サイズ:1/4*/
.bn_1-4{
	position: relative;
	text-align: center;
	display: inline-block;
	width: 24%;
	padding-left: 3px;
	margin: 5px 3px;
	vertical-align: middle;
}
@media(max-width:768px){
	.bn_1-4{
		width: 49%;
		/*margin: 0px 5px 0px 5px ;*/
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.bn_1-4{
		width: 23.8%;
		padding-left: 3px;
		margin: 4px 2px;
	}
}
@media(min-width:1365px){
}
.bn_1-4 img{
	width: 100%;
	-webkit-filter: none;
  -moz-filter: none;
  filter: none;
}



.bn_mov{
	position: relative;
	text-align: center;
	display: inline-block;
	width: 31.2%;
	padding-left: 3px;
	margin: 5px 3px;
}
@media(max-width:768px){
	.bn_mov{
		width: 46%;
		/*margin: 0px 5px 0px 5px ;*/
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.bn_mov{
		width: 30%;
		padding-left: 3px;
		margin: 4px 2px;
	}
}
@media(min-width:1365px){
}
.bn_mov img{
	width: 100%;
	-webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.bn_mov img:hover {
	width: 100%;
	-webkit-filter: contrast(75%) brightness(120%);
	-moz-filter: contrast(75%) brightness(120%);
	filter: contrast(75%) brightness(120%);
}
.sp-wide{
	width: 100%;
}
@media(max-width:768px){
	.sp-wide img{
	width: 90%;
	}
}




/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*フッター*/

.footer-box{
	position: absolute;
	/*top: 0;*/
	left: 0;
	right: 0;
	bottom: 14px;
	margin: auto;
	text-align: center;

	/*margin: 12px;*/

	color: #e2e2e2;
	font-size: 12px;

	z-index: 2;
	/*background-color: #ffffff;*/
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼G-nav　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.g-nav ul li{ 	
    display: inline;
 } 
.g-nav{
	font-family: 'Jua', sans-serif;
	font-size: 2.4em;
	font-weight: 100;

	/* text-shadow: 2px -2px 0px rgba(0, 0, 0, 0.2); */

	position: fixed;
	/* background-color: rgba(	255, 255, 255,0.7); */

	/* background-image: url(../img/g-nav/g-nav_bg.png); */
	
	/* background-color: #eb5c01; */
	/* background: rgb(255,255,255); */

	width: 100%;
	height: 46px;
	margin: 0 auto;

	z-index: 99;
}

.g-nav_bg{
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0) 100%);
}
@media(max-width:768px){
	.g-nav{
		height: 100%;
		font-size: 1.8em;
		font-weight: 100;
		height: 0px;
	}
	.g-nav ul li{ 	
    	display: block;
	 } 
}

.g-nav_ul{ 
	font-weight: 800;
	/* text-shadow: -2px -2px #00d0ff, 2px 2px  #ff0285; */
	text-shadow: -2px -2px #ff0285, 3px 3px  #ff0285;
	text-shadow:  2px  2px 10px #d95587 ,
	-2px  2px 10px #de6c7d ,
	 2px -2px 10px #de6c7d ,
	-2px -2px 10px #eda774;}
	  
.g-nav_ul a{	color: #fff;text-decoration: none;}
.g-nav_ul a:link{	color: #fff;}
.g-nav_ul a:hover{	color: #fffcab;
	text-shadow:  2px  2px 10px #40b3bd  ,
	-2px  2px 10px #40b3bd ,
	 2px -2px 10px #40b3bd  ,
	-2px -2px 10px #40b3bd ;

}

.g-nav-content{
	position: relative;
	margin: 0 auto;
	text-align: center;
	max-width: 70vw;

}

 .g-nav ul{
	list-style: none;
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
  }
  @media(max-width:768px){
	  .g-nav ul{
		 display: block;
		 text-align: left;
		 padding: 10px;
		 line-height: 40px;
	  }
  }
  .g-nav li{
	box-sizing: border-box;
	padding: 15px 0;
	text-align: center;
	flex-grow: 1;
  }
  @media(max-width:768px){
	  .g-nav li{
		padding: 3px 0;
		text-align: left;
	  }
	}
	
	.white-popup {
		position: relative;
		background: #FFF;
		padding: 20px;
		width: auto;
		max-width: 500px;
		margin: 20px auto;
}

#c-modal_bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.6);
}
#c-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;
	/* width: 600px; */
	/* height: 400px; */
	transform: translate(-50%, -50%);
	/* background: #ffffff; */
}
#c-modal_close {
	padding: 5px;
	text-align: right;
	cursor: pointer;
}

@media(max-width:768px){
	.first-mv{
		width: 85vw;
	}
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼TOP　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.mv-bg{
	position: relative;
	width: 100%;
	min-height: 100vh;
	margin: 0 auto;
	background-color: #0b0b0b;
	background-image: url(../img/top/mv-bg.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
}
@media(max-width:768px){
	.mv-bg{
		height: auto;
		background: none;
		background-color: none;
		background-image: none;
		z-index: none;
	}
	.mv-bg::before{
		background-image: url(../img/top/mv-bg_sp.jpg);
		background-position: center;
		background-size: cover;
		display: block;
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100vw;
		height: 100vh;
		content: "\A";
		z-index: -1;
	}
	.mv-bg img{
		width: 100%;
	}
}

.mv-chars{
	position: fixed;
	width: inherit;
	height: inherit;
}
@media(max-width:768px){
	.mv-chars{
		display: none;
	}
}


img.mv_c01{position: fixed;width: 100%;height: 100%;object-fit: cover; z-index: 0; }
img.mv_c02{position: fixed;width: 100%;height: 100%;object-fit: cover; z-index: 0; }
img.mv_c03{position: fixed;width: 100%;height: 100%;object-fit: cover; z-index: 0; }
img.mv_c05{position: fixed;width: 100%;height: 100%;object-fit: cover; z-index: 1; }


.mv-ojt{
	position: fixed;
	width: inherit;
	height: inherit;
}

.mv-content{
	position: fixed;
	width: 24%;
	bottom: 5%;
	left: 2%;
	margin: auto;
}
.mv-content img{
	width: 100%;
}
@media(max-width:768px){
	.mv-content{
		position: relative;
		width: 95%;
		top:0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		padding-top: 20px;
		z-index: 1;
	}
	.mv-content img{
		width: 100%;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.mv-content{
	}
}
@media(min-width:1365px){
}
.mv-content img{
	width: 100%;
	-webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.mv-content img:hover {
	width: 100%;
	-webkit-filter: contrast(75%) brightness(120%);
	-moz-filter: contrast(75%) brightness(120%);
	filter: contrast(75%) brightness(120%);
}

.mv-info{
	position: fixed;
	width: 24%;
	bottom: 5%;
	right: 2%;
	margin: auto;
}
.mv-info img{
	width: 100%;
}
@media(max-width:768px){
	.mv-info{
		position: relative;
		width: 100%;
		top:0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		padding-top: 20px;
		padding-bottom: 4vh;
		z-index: 1;
	}
	.mv-info img{
		width: 100%;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.mv-info{
	}
}
@media(min-width:1365px){
}
.mv-info img{
	width: 100%;
	-webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.mv-info img:hover {
	width: 100%;
	-webkit-filter: contrast(75%) brightness(120%);
	-moz-filter: contrast(75%) brightness(120%);
	filter: contrast(75%) brightness(120%);
}



.mv-logo{
	position: fixed;
	z-index: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	bottom: -11%;
	margin: 0 auto;
	/* width: 90%; */
}
.mv-logo img{
	/* width: 380px; */
	width: 45vh;
}
@media(max-width:768px){
	.mv-logo img{
		/* width: 380px; */
		width: 100%;
	}
}
@media(max-width:768px){
	.mv-logo{
		position: relative;
		transform: translate(0%, 0%);

		left: auto;
		top: auto;
		width: 80%;
		padding-top: 7vh;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 53vh;
		}
		.mv-logo_t img{
			width: 100%;
		}
	}
}
.mv-logo_img{
	width: 480px;
}
@media(max-width:768px){
	.mv-logo_img{		width: 100%;}
}
@media(max-width:1278px) and (min-width: 769px){
	.mv-logo_img{		width: 360px;}
}
@media(max-width:1364px) and (min-width: 1279px){
	.mv-logo_img{		width: 420px;}
}
@media(max-width:1920px) and (min-width: 1365px){
	.mv-logo_img{		width: 480px;}
}
@media(min-width: 1921px){
	.mv-logo_img{		width: 540px;}
}

.poyooon {
	/* animation: fadeIn 0.2s ease 0.3s 1 normal; */
	animation: poyooon 1.5s ease 2.0s 1 normal forwards running;
	opacity: 0
  }
  @media(max-width:768px){
  .poyooon {
	/* animation: fadeIn 0.2s ease 0.3s 1 normal; */
	animation: poyooon 1.5s ease 0.5s 1 normal forwards running;
	opacity: 0
  }
}

  @keyframes poyooon {
	0%   { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 0}
	10%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
	40%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
	50%  { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1}
	60%  { transform: scale(0.9, 1.2) translate(0%, -100%); }
	75%  { transform: scale(0.9, 1.2) translate(0%, -20%); }
	85%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
	100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1}
  }

.mv-copy{
	position: fixed;
	z-index: 5;
	left: 8%;
	top: 9%;
	margin: 0 auto;
	/* width: 90%; */
}
.mv-copy img{
	/* width: 380px; */
	width: 24vh;
}
@media(max-width:768px){
	.mv-copy img{
		/* width: 380px; */
		width: 100%;
	}
}
@media(max-width:768px){
	.mv-copy{
		position: relative;
		left: auto;
		top: auto;
		width: 58%;
		padding-top: 2vh;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 36vh;
		}
		.mv-copy_t img{
			width: 100%;
		}
	}
}
.mv-copy_img{
	width: 480px;
}
@media(max-width:768px){
	.mv-copy_img{		width: 100%;}
}
@media(max-width:1278px) and (min-width: 769px){
	.mv-copy_img{		width: 360px;}
}
@media(max-width:1364px) and (min-width: 1279px){
	.mv-copy_img{		width: 420px;}
}
@media(max-width:1920px) and (min-width: 1365px){
	.mv-copy_img{		width: 480px;}
}
@media(min-width: 1921px){
	.mv-copy_img{		width: 540px;}
}


.mv-date{
	position: fixed;
	right: 1%;
	top: 6%;
	margin: 0 auto;
}
.mv-date img{
	width: 43vh;
}

@media(max-width:768px){
	.mv-date img{
		width: 100%;
	}
}
@media(max-width:768px){
	.mv-date{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		transform: translate(0%, 0%);
		width: 90%;
		padding-bottom: 1vh;
	}
}
.mv-date_img{
	/* width: 40vh; */
}
@media(max-width:768px){
	.mv-date_img{		width: 100%;}
}
@media(max-width:1278px) and (min-width: 769px){
	.mv-date_img{		width: 360px;}
}
@media(max-width:1364px) and (min-width: 1279px){
	.mv-date_img{		width: 420px;}
}
@media(min-width:1365px){
	.mv-date_img{		width: 480px;}
}

.mv-tweet{
	position: absolute;
	right: 10px;
	top: 9px;
	margin: auto auto;
}
@media(max-width:768px){
.mv-tweet{
	display: none;
	}
}

.mv-tweet_sp{
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	top: 70vh;
	bottom: auto;
}


.mv-brandlogo{
	position: absolute;
	top: -10px;
	left: -5px;
	margin: auto auto;
}
.mv-brandlogo img{
	width: 100px;
}
@media(max-width:768px){
.mv-brandlogo{
	text-align: center;
	left: 0;
	right: 0;
	top: 77vh;
	bottom: auto;
	}
	.mv-brandlogo img{
		width: 80px;
	}
}

#mv_fadein_contetnt{
	opacity: 0;
	animation: appeare 1s ease 4.0s 1 normal forwards running;
  }

 @media(max-width:768px){
  #mv_fadein_contetnt{
	opacity: 0;
	animation: appeare 1s ease 3s 1 normal forwards running;
  }
}
  @keyframes appeare {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }

.mv-mu{
	position: fixed;
	/* z-index: 4; */
	left: 3%;
	bottom: 43%;
	/* height: 30vh; */
	transform: rotate(-4deg);
	margin: 0 auto;
}
@media(max-width:768px){
	.mv-mu{
		position: relative;
		left: auto;
		top: auto;
		bottom: auto;
		width: 80%;
		padding-top: 45px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		}
		.mv-mu_t img{
			width: 100%;
		}
	}
}

.mv-mu_tmb img{
	width: 20%;
}
@media(max-width:768px){
	.mv-mu_tmb img{
	width: 90%;
	}
}

	

.bottom-boader{
	width: 100%;
	position: absolute;
	bottom: -15px;
	z-index: 99;
}
@media(max-width:768px){
	.bottom-boader{	bottom: -7px;}
}

.top-boader{
	width: 100%;
	position: absolute;
	top: -15px;
	z-index: 99;
}
@media(max-width:768px){
	.top-boader{	top: -15px;}
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼NEWS　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.news-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #0b0b0b;
	background-image: url(../img/top/mv-bg.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
	z-index: 0;

	/* border-top: solid 2px #381639; */

}
@media(max-width:768px){
	.news-bg{
		background: none;
		background-color: none;
		background-image: none;
		z-index: none;
	}
	.news-bg::before{
		background-image: url(../img/mv-bg_sp.jpg);
		background-position: center;
		background-size: cover;
		display: block;
		position: fixed;
		-webkit-filter: blur(0px);
		filter: blur(0px);
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		top: 0%;
		left: 0%;
		width: 100vw;
		height: 100vh;
		content: "\A";
		z-index: -1;
	}
	.news-bg img{
		width: 100%;
	}
}


.news-content{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 65px;
}
@media(max-width:768px){
	.news-content{
		width: 100%;
		left: 0;
		right: 0;
		bottom: 20px;
		padding-bottom: 20px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.news-content{
		padding-bottom: 65px;
	}
}
@media(min-width:1365px){
}


.news-info{
	overflow-y:hidden;
	overflow-x:hidden;
	position: relative;
		height: 20vh;
		width: auto;
		/* background-image: url(../img/frame/f-560_450.png); */
		background-color: rgba(	255, 255, 255,0.5);
	border-right: #4fb2b1 solid 2px;
	border-bottom: #4fb2b1 solid 2px;
  background-size:auto 100% ;

  border-radius: 4px;  
  -webkit-border-radius: 4px;  
  -moz-border-radius: 4px;  

	margin: 0 auto;
}
@media(max-width:768px){
	.news-info{
		border: 2px solid #e62789 solid;
		/* -webkit-border-radius: 4;
		-moz-border-radius: 4;
		border-radius: 4px; */
		background-repeat: no-repeat;
		text-align: center;
		background-image: none;
		background-color: rgba(	255, 255, 255,0.7);
		background-size:auto 100%;
		width: 96vw;
		/* left: 1vw; */
		/* height: 400px; */
		margin: 0 auto;

		/* margin-left: 0px; */
	}
}
@media(max-width:1278px) and (min-width: 769px){
	.news-info{
		/* background-image: url(../img/frame/f-355_450.png); */
		width: 100%;
		/* padding-left: 5px; */
	}
	.news-info img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1364px) and (min-width: 1279px){
	.news-info{
		/* background-image: url(../img/frame/f-475_450.png); */
		width: 100%;
		/* padding-left: 5px; */
	}
	.news-info img{
		width: 100%;
		height: auto;
		}
}
@media(min-width:1365px){
	.news-info{
		padding-left: 5px;
	}
}

.news-twitter{
	position: relative;
	overflow: scroll;
		width: 560px;
		height: 450px;
		background-image: url(../img/frame/f-560_450.png);
  background-size:auto 100% ;
}
@media(max-width:768px){
	.news-twitter{
		float: none;
		width: 100%;
	}
	.news-twitter img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1278px) and (min-width: 769px){
	.news-twitter{
		background-image: url(../img/frame/f-355_450.png);
		width: 100%;
		padding-left: 5px;
	}
	.news-twitter img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1364px) and (min-width: 1279px){
	.news-twitter{
		background-image: url(../img/frame/f-475_450.png);
		width: 100%;
		padding-left: 5px;
	}
	.news-twitter img{
		width: 100%;
		height: auto;
		}
}
@media(min-width:1365px){
	.news-twitter{
		padding-left: 5px;
	}
}


.news-twitter{
	float: right;
	overflow: scroll;
	height: 450px;

}
@media(max-width:768px){
	.news-twitter{
		float: none;
		width: 100%;
	}
	.news-twitter img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1278px) and (min-width: 769px){
	.news-twitter{
		float: right;
		width: 50%;
		padding-left: 5px;
	}
	.news-twitter img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1364px) and (min-width: 1279px){
	.news-twitter{
		width: 50%;
		padding-left: 5px;
	}
	.news-twitter img{
		width: 100%;
		height: auto;
		}
}
@media(min-width:1365px){
	.news-twitter{
		width: 100%;
		max-width: 540px;
		}
}
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼INFO　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.info-bg{
	border-top: solid 2px rgba(215, 215, 215, 1);
	/* border-bottom: solid 2px rgba(240, 240, 240, 1); */

	position: relative;
	width: 100%;
	margin: 0 auto;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(120deg, transparent, transparent 16px, rgba(240, 240, 240, 1) 16px, rgba(240, 240, 240, 1) 40px );

	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
	z-index: 0;
}

.info-bg:before{
	content: "";
	position: absolute;
	display: block;
	background: inherit;
	margin: 1.5%;
	background-color: #efea3d;
	background-image:
	  radial-gradient(rgba(255, 255, 255,0.5) 25%, transparent 30%);
	background-size: 16px 16px;
	
	background-repeat: repeat;
	/* background-size: auto; */
	opacity: 1.0;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: -1;
}

@media(max-width:768px){
	.info-bg{
	background-image: none;
		display: block;
		width: auto;
	  height: 100%;
	  content: "";
	}
	.movie-bg img{
		width: 100%;
	}
}
@media(max-width:768px){
	.info-bg:before{
		opacity: 1.0;
	}
}


.info-content{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 65px
}
@media(max-width:768px){
	.info-content{
		width: 95%;
		left: 0;
		right: 0;
		bottom: 20px;
		padding-bottom: 20px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.info-content{
	}
}
@media(min-width:1365px){
}




/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼MOVIE　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.movie-bg{
	border-top: solid 2px rgba(215, 215, 215, 1);


	position: relative;
	width: 100%;
	margin: 0 auto;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(120deg, transparent, transparent 16px, rgba(240, 240, 240, 1) 16px, rgba(240, 240, 240, 1) 40px );

	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
	z-index: 0;
}

.movie-bg:before{
	content: "";
	position: absolute;
	display: block;
	background: inherit;
	margin: 1.5%;
	background-color: #92e4ff;
	background-image:
	  radial-gradient(rgba(255, 255, 255,0.5) 25%, transparent 30%);
	background-size: 16px 16px;
	
	background-repeat: repeat;
	/* background-size: auto; */
	opacity: 1.0;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: -1;
}

@media(max-width:768px){
	.movie-bg{
	/* background-image: none; */
		display: block;
		width: auto;
	  height: 100%;
	  content: "";
	}
	.movie-bg img{
		width: 100%;
	}
}
@media(max-width:768px){
	.movie-bg:before{
		opacity: 1.0;
	}
}

.movie-content{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 65px
}
@media(max-width:768px){
	.movie-content{
		width: 95%;
		left: 0;
		right: 0;
		padding-top: 20px;
		padding-bottom: 40px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.movie-content{
	}
}
@media(min-width:1365px){
}


.mov-frame{
	position: relative;
	width: 1134px;
	height: 663px;
	margin: 0 auto;
	background-image: url(../img/mov-frame_t.png);
;
}
@media(max-width: 768px){
	.mov-frame{
		position: relative;
		background-size: 360px 210px;
		width: 360px;
		height: 210px;
	}
	.mov-frame img{
		width: 100%;
		height: auto;
	}
}
@media(max-width:1278px) and (min-width: 769px){
	.mov-frame{

		background-size: 740px 433px;
		width: 740px;
		height: 433px;
	}
	.mov-frame img{
		width: 100%;
		height: auto;
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.mov-frame{
		background-size: 920px 538px;
		width: 920px;
		height: 538px;
	}
	.mov-frame img{
		width: 100%;
		height: auto;
	}
}
@media(min-width:1365px){

}

.mov-size{
	padding-top: 3px;
	width:1140px;
	height:643px;
}
@media(max-width: 768px){
	.mov-size{
		/*display: inline-block;*/
		padding-top: 5px;
		width: 100%;
		height: 33vh;
	}
	.mov-size img{
		width: 100%;
		height: auto;
	}
}
@media(max-width:1278px) and (min-width: 769px){
	.mov-size{
		padding-top: 4px;
		width: 720px;
		height: 409px;
	}
	.mov-frame img{
		width: 100%;
		height: auto;
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.mov-size{
		padding-top: 5px;
		width: 860px;
		height: 542px;
	}
	.mov-size img{
		width: 100%;
		height: auto;
	}
}
@media(min-width:1365px){
}


/*テーブル２分割*/
table.f-1140_tb2{
	width: 100%;
	border: 0px;
	border-spacing: 0;
	font-weight: bold;
}
table.f-1140_tb2 th{
	width: 30%;
	color: #4fb2b1;
	border-bottom: solid 2px #4fb2b1;
	padding: 16px 0;
	/* margin-right: 16px; */

	vertical-align: middle;
}
@media(max-width:768px){
	table.f-1140_tb2 th{
		/* width: 40%; */
	}
}
table.f-1140_tb2 td{
	display: inline-flex;
	width: 100%;
	border-bottom: solid 2px #ddd;

	padding: 16px 16px;
	margin-left: 16px;

	vertical-align: middle;
}
@media(max-width:768px){
	table.f-1140_tb2 td{
		/* width: 60%; */
		border-bottom: none;
	}
}
h1.f-1140_tb2{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: auto 0;
	font-weight: bold;
	color: #fff;
	background-color: #e62789;
	/* border-bottom: solid 2px #e62789; */
	padding: 14px 0;
}

/*テーブル３分割*/
table.f-1140_tb3{
	width: 100%;
	height: 100%;
	border: 0px;
	vertical-align: middle;
	font-weight: bold;

}
table.f-1140_tb3 th{
	width: 30%;
	color: #4fb2b1;
	border-bottom: solid 2px #4fb2b1;
	padding: 16px 0;
	/* margin-right: 16px; */

	vertical-align: middle;
}
}
table.f-1140_tb3 td{
	width: 35%;
		display: inline-flex;
	width: 100%;
	border-bottom: solid 2px #ddd;

	padding: 16px 16px;
	margin-left: 16px;

	vertical-align: middle;
}
@media(max-width:768px){
	table.f-1140_tb3 td{
		/* width: 60%; */
		border-bottom: none;
	}
}
h1.f-1140_tb3{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: auto 0;
	font-weight: bold;
	color: #fff;
	background-color: #e62789;
	/* border-bottom: solid 2px #e62789; */
	padding: 14px 0;
}

img.f-1140_tb3{
	vertical-align: middle;
}


.btn-base {
  -webkit-border-radius: 60;
  -moz-border-radius: 60;
  border-radius: 60px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #ef5f77;
  padding: 7px 30px 7px 30px;
  text-decoration: none;
}
@media(max-width:768px){
	.btn-base{
		background: none;
  	padding: 0px;
	}
}

a.btn-yoyaku{
	color: rgb(174, 174, 174);
	

}

.btn-yoyaku:hover {
	color: #ffffff;
	background: rgba(230, 40, 138, 0.5);
  	text-decoration: none;
}

.btn-yoyaku:visited {
	/* color: rgb(174, 174, 174); */
	/*background: #ef5f77;*/
  	text-decoration: none;
}

.btn-yoyaku {

  font-family: Arial;
  color: #38163a;
  font-size: 14px;
  background: rgba(	255, 255, 255,0.5);
  border: solid 2px #ddd;
  padding: 12px 80px 12px 80px;
  text-decoration: none;
	margin: 0 auto;
}
@media(max-width:768px){
	.btn-yoyaku{
	padding: 6px 20px 6px 20px;
	}
}

@media(max-width:1278px) and (min-width: 769px){
	.btn-yoyaku{
	padding: 12px 60px 12px 60px;
	}
}


a.btn-song{
  color: #c8eefb;
}

.btn-song:hover {
	color: #22baee;
  background: #c8eefb;
  text-decoration: none;
}

.btn-song:visited {
	color: #ffffff;
  text-decoration: none;

}

.btn-song {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 2px 4px rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #38163a;
  font-size: 14px;
  background: #eb5c01;
  padding: 8px 40px 8px 40px;

  text-decoration: none;
	margin: 0 auto;
	margin-bottom: 10px;
}
@media(max-width:768px){
	.btn-song{
	padding: 6px 20px 6px 20px;
	}
}


a.btn-origin{
	color: #ffffff;
}

.btn-origin:hover {
	color: #ffffff;
  background: #f5a33b;
  text-decoration: none;
}

.btn-origin:visited {
	color: #ffffff;
  text-decoration: none;
}


.btn-origin {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 2px 4px rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #eb5c01;
  padding: 8px 40px 8px 40px;
  text-decoration: none;
	margin: 0 auto;
}
@media(max-width:768px){
	.btn-origin{
  padding: 6px 20px 6px 20px;
	}
}

a.btn-char_type{
  color: #c8eefb;
}

.btn-char_type:hover {
	color: #22baee;
  background: #c8eefb;
  text-decoration: none;
}

.btn-char_type:visited {
	color: #ffffff;
	/*background: #ef5f77;*/
  text-decoration: none;
}

.btn-char_type {
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3), 0 2px 3px rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: Arial;
  font-weight: bold; 
  color: #ffffff;
  font-size: 14px;
  background: #22baee;
  padding: 6px 6px 6px 6px;
  text-decoration: none;
	margin: 0 auto;
}
@media(max-width:768px){
	.btn-char_type{
  padding: 6px 14px 6px 14px;
	}
}

a.btn-base{
  color: #ffffff;
}

.btn-base:hover {
	color: #ffffff;
  background: #ff96a8;
  text-decoration: none;
}

.btn-base:visited {
	color: #ffffff;
  text-decoration: none;
}


a.btn-ao{
  color: #ffffff;
}

.btn-ao:hover {
	color: #ffffff;
  background: #8fe4ff;
}

.btn-ao:visited {
	color: #ffffff;
}

.btn-ao {
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3), 0 2px 3px rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  background: #36c4f1;
  padding: 10px 36px 10px 36px;
  text-decoration: none;
	margin: 0 auto;
}
@media(max-width:768px){
	.btn-ao {
  font-size: 14px;
  padding: 8px 20px 8px 20px;
	}
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼作品紹介　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.product-bg{
	border-top: solid 2px #381639;

	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #0b0b0b;
	background-image: url(../img/product/storyb-bg.jpg),url(../img/product/storyb-bg.jpg);
	overflow: hidden;
	background-repeat: repeat,no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
	background-size:cover;
	z-index: 0;
}

/* .product-bg:before{
	content: "";
	position: absolute;
	display: block;
	background: inherit;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	top: -5px;
	bottom: -5px;
	left: -5px;
	right: -5px;
	z-index: -1;
} */

@media(max-width:768px){
	.product-bg{
		background-image: url(../img/product/storyb-bg.jpg);
		display: block;
	  height: 100%;
	  content: "";
	}
	.product-bg img{
		width: 100%;
	}
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼作品紹介　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.gallery-bg{
	border-top: solid 2px rgba(215, 215, 215, 1);


	position: relative;
	width: 100%;
	margin: 0 auto;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(120deg, transparent, transparent 16px, rgba(240, 240, 240, 1) 16px, rgba(240, 240, 240, 1) 40px );

	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
	z-index: 0;
}

.gallery-bg:before{
	content: "";
	position: absolute;
	display: block;
	background: inherit;
	margin: 1.5%;
	background-color: #ffb8dc;
	background-image:
	  radial-gradient(rgba(255, 255, 255,0.5) 25%, transparent 30%);
	background-size: 16px 16px;
	
	background-repeat: repeat;
	/* background-size: auto; */
	opacity: 1.0;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: -1;
}
@media(max-width:768px){
	.gallery-bg{
		/* background-image: none; */
			display: block;
			width: auto;
		  height: 100%;
		  content: "";
		}
	.gallery-bg img{
		width: 100%;
	}
}
@media(max-width:768px){
	.gallery-bg:before{
		opacity: 1.0;
	}
}

.gallery-content{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 65px
}
@media(max-width:768px){
	.gallery-content{
		width: 95%;
		left: 0;
		right: 0;
		padding-top: 20px;
		padding-bottom: 40px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.gallery-content{
	}
}
@media(min-width:1365px){
}


.gallery-tmb{
	text-align: center;
	display: inline-block;
	width: 32.5%;
	padding-left: 7px;
	margin: 4px 2px;
	/* color: #152179; */
}
@media(max-width:768px){
	.gallery-tmb{
		width: 49%;
		/*margin: 0px 5px 0px 5px ;*/
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.gallery-tmb{
		width: 32.5%;
		padding-left: 7px;
		margin: 4px 1px;
	}
}
.gallery-tmb img{
	width: 100%;
	-webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.gallery-tmb img:hover {
	width: 100%;
	-webkit-filter: contrast(75%) brightness(120%);
	-moz-filter: contrast(75%) brightness(120%);
	filter: contrast(75%) brightness(120%);
}

/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼物語　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/

.intro-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	/* background-color: #0b0b0b; */
	/* background-image: url(../img/top/mv-bg_shadow_b.jpg); */
	background-image: url(../img/intro/intro-bg.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
	z-index: 0;

	/* border-top: solid 2px rgba(215, 215, 215, 1); */
	border-top: solid 2px #4fb2b1;
	border-bottom: solid 2px #4fb2b1;

}


@media(max-width:768px){
	.intro-bg{
	
		position: relative;
		width: 100%;
		margin: 0 auto;
		background-size: auto auto;
		background-color: rgba(255, 255, 255, 0.5);
		background-image: repeating-linear-gradient(120deg, transparent, transparent 16px, rgba(240, 240, 240, 0.5) 16px, rgba(240, 240, 240, 0.5) 40px );
	
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-attachment:fixed;
		background-size:cover;
		z-index: 0;
	}
	
	.intro-bg:before{
		content: "";
		position: absolute;
		display: block;
		background: inherit;
		margin: 1.5%;
		background-color: rgba(64, 179, 189, 0.5);
		background-image:
		  radial-gradient(rgba(214, 236, 238, 0.5) 25%, transparent 30%);
		background-size: 16px 16px;
		
		background-repeat: repeat;
		/* background-size: auto; */
		opacity: 1.0;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		z-index: -1;
	}
}

.intro-text{
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 15px;
	letter-spacing: -1px;
	color: #000000;
	background-color: #e4ff02;
	padding-left: 30px;
	padding-right: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 15px;
}

.intro-text_emp{
	color: #ffffff;
	background-color: #ff0050;
}


.intro-left{
	text-align: center;
	display: inline-block;
	width: 80%;
}
@media(max-width:768px){
	.intro-left{
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.intro-left{
		width: 100%;
	}
}
@media(min-width:1365px){
}
.intro-left img{
	width: 100%;
}
.intro-left img:hover {
	width: 100%;
}

.intro-right{
	text-align: center;
	display: inline-block;
	float: right;
	width: 51%;
}
@media(max-width:768px){
	.intro-right{
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.intro-right{
	width: 55%;
	/* width: 100%; */
	}
}
@media(min-width:1365px){
}
.intro-right img{
	width: 100%;
}
.intro-right img:hover {
	width: 100%;
}

.intro-center{
	text-align: center;
	display: inline-block;
	margin: auto 0;
	width: 100%;
}
@media(max-width:768px){
	.intro-center{
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.intro-center{
		width: 100%;
	}
}
@media(min-width:1365px){
}
.intro-center img{
	width: 100%;
}
.intro-rcenter img:hover {
	width: 100%;
}

/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼物語　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/

.story-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	/* background-color: #0b0b0b; */
	/* background-image: url(../img/intro/intro-bg.jpg); */
	background-image: url(../img/top/mv-bg_shadow_b.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
	z-index: 0;

}


@media(max-width:768px){
	.story-bg{
		border-top: solid 2px rgba(215, 215, 215, 1);
	
		position: relative;
		width: 100%;
		margin: 0 auto;
		background-size: auto auto;
		background-color: rgba(255, 255, 255, 0.5);
		background-image: repeating-linear-gradient(120deg, transparent, transparent 16px, rgba(240, 240, 240, 0.5) 16px, rgba(240, 240, 240, 0.5) 40px );
	
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-attachment:fixed;
		background-size:cover;
		z-index: 0;
	}
	
	.story-bg:before{
		content: "";
		position: absolute;
		display: block;
		background: inherit;
		margin: 1.5%;
		background-color: rgba(240, 240, 240, 0.5);
		background-image:
		  radial-gradient(rgba(255, 255, 255,0.5) 25%, transparent 30%);
		background-size: 16px 16px;
		
		background-repeat: repeat;
		/* background-size: auto; */
		opacity: 1.0;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		z-index: -1;
	}
}

.story-text{
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 15px;
	letter-spacing: -1px;
	color: #000000;
	background-color: #e4ff02;
	padding-left: 30px;
	padding-right: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 15px;
}

.story-text_emp{
	color: #ffffff;
	background-color: #ff0050;
}


.story-left{
	text-align: center;
	display: inline-block;
	width: 80%;
}
@media(max-width:768px){
	.story-left{
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.story-left{
		width: 100%;
	}
}
@media(min-width:1365px){
}
.story-left img{
	width: 100%;
}
.story-left img:hover {
	width: 100%;
}

.story-right{
	text-align: center;
	display: inline-block;
	float: right;
	width: 80%;
}
@media(max-width:768px){
	.story-right{
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.story-right{
		width: 100%;
	}
}
@media(min-width:1365px){
}
.story-right img{
	width: 100%;
}
.story-right img:hover {
	width: 100%;
}

.story-center{
	text-align: center;
	width: 100%;
	display: inline-block;
	margin: auto 0;
}
@media(max-width:768px){
	.story-center{
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.story-center{
		width: 100%;
	}
}
@media(min-width:1365px){
}
.story-center img{
	width: 100%;
}
.story-rcenter img:hover {
	width: 100%;
}

/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼キャラクター　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/

.char01-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	/* background-color: #0b0b0b; */
	background-image: url(../img/char/char-bg_01.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
	z-index: 0;

	border-top: solid 2px rgba(215, 215, 215, 1);

}
@media(max-width:768px){
	.char01-bg{
		border-top: solid 2px rgba(215, 215, 215, 1);
	
		position: relative;
		width: 100%;
		margin: 0 auto;
		background-size: auto auto;
		background-color: rgba(34, 186, 238, 0.5);
		background-image: repeating-linear-gradient(120deg, transparent, transparent 16px, rgba(240, 240, 240, 0.25) 16px, rgba(240, 240, 240, 0.25) 40px );
	
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-attachment:fixed;
		background-size:cover;
		z-index: 0;
	}
	
	.char01-bg:before{
		content: "";
		position: absolute;
		display: block;
		background: inherit;
		margin: 1.5%;
		background-color: rgba(240, 240, 240, 0.75);
		background-image:
		  radial-gradient(rgba(255, 255, 255,0.75) 25%, transparent 30%);
		background-size: 16px 16px;
		
		background-repeat: repeat;
		/* background-size: auto; */
		opacity: 1.0;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		z-index: -1;
	}
}

.char02-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	/* background-color: #0b0b0b; */
	background-image: url(../img/char/char-bg_02.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
	z-index: 0;

	border-top: solid 2px rgba(215, 215, 215, 1);

}
@media(max-width:768px){
	.char02-bg{
		border-top: solid 2px rgba(215, 215, 215, 1);
	
		position: relative;
		width: 100%;
		margin: 0 auto;
		background-size: auto auto;
		background-color: rgba(239, 234, 61, 0.5);
		background-image: repeating-linear-gradient(120deg, transparent, transparent 16px, rgba(240, 240, 240, 0.25) 16px, rgba(240, 240, 240, 0.25) 40px );
	
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-attachment:fixed;
		background-size:cover;
		z-index: 0;
	}
	
	.char02-bg:before{
		content: "";
		position: absolute;
		display: block;
		background: inherit;
		margin: 1.5%;
		background-color: rgba(240, 240, 240, 0.75);
		background-image:
		  radial-gradient(rgba(255, 255, 255,0.75) 25%, transparent 30%);
		background-size: 16px 16px;
		
		background-repeat: repeat;
		/* background-size: auto; */
		opacity: 1.0;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		z-index: -1;
	}
}

.char03-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	/* background-color: #0b0b0b; */
	background-image: url(../img/char/char-bg_03.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
	z-index: 0;

	border-top: solid 2px rgba(215, 215, 215, 1);

}
@media(max-width:768px){
	.char03-bg{
		border-top: solid 2px rgba(215, 215, 215, 1);
	
		position: relative;
		width: 100%;
		margin: 0 auto;
		background-size: auto auto;
		background-color: rgba(241, 92, 158, 0.5);
		background-image: repeating-linear-gradient(120deg, transparent, transparent 16px, rgba(240, 240, 240, 0.25) 16px, rgba(240, 240, 240, 0.25) 40px );
	
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-attachment:fixed;
		background-size:cover;
		z-index: 0;
	}
	
	.char03-bg:before{
		content: "";
		position: absolute;
		display: block;
		background: inherit;
		margin: 1.5%;
		background-color: rgba(240, 240, 240, 0.75);
		background-image:
		  radial-gradient(rgba(255, 255, 255,0.75) 25%, transparent 30%);
		background-size: 16px 16px;
		
		background-repeat: repeat;
		/* background-size: auto; */
		opacity: 1.0;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		z-index: -1;
	}
}

.product-char{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 65px
}
@media(max-width:768px){
	.product-char{
		width: 95%;
		left: 0;
		right: 0;
		padding-top: 20px;
		padding-bottom: 40px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.product-char{
	}
}


.char-left{
	vertical-align: top;
	text-align: center;
	display: inline-block;
	width: 35%;
}
@media(max-width:768px){
	.char-left{
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.char-left{
		width: 40%;
	}
}
@media(min-width:1365px){
}
.char-left img{
	width: 100%;
}
.char-left img:hover {
	width: 100%;
}

.char-right{
	vertical-align: top;
	text-align: center;
	display: inline-block;
	float: right;
	width: 35%;
}
@media(max-width:768px){
	.char-right{
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.char-right{
		width: 40%;
	}
}
@media(min-width:1365px){
}
.char-right img{
	width: 100%;
}
.char-right img:hover {
	width: 100%;
}

.char-center{
	text-align: center;
	display: inline-block;
	margin: auto 0;
	width: 33%;
}
@media(max-width:768px){
	.char-center{
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.char-center{
		width: 100%;
	}
}
@media(min-width:1365px){
}
.char-center img{
	width: 100%;
}
.char-rcenter img:hover {
	width: 100%;
}

@media(max-width:768px){
	.char-text_sp{
		width: 100%;
		left: 0;
		right: 0;
		margin-top: -65vh;
	}
}

.char-blank{
	vertical-align: top;
	text-align: center;
	display: inline-block;
	width: 29.2%;
}
@media(max-width:1364px) and (min-width: 769px){
	.char-blank{
		width: 18%;
	}
}

.char-copy_01{
	position: absolute;
	top: 56vh;
	right: -1vw;
}
@media(max-width:768px){
	.char-copy_01{
		top: 40vh;
		width: 24%;
		right: 2vw;

	}
	.char-copy_01 img{
		width: 100%;
	}
}
@media(max-width:1278px) and (min-width: 769px){
	.char-copy_01{
		top: 40vh;
		right: -8vw;
	}
	.char-copy_01 img{
		width: 75%;
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.char-copy_01{
		/* width: 10%; */
		right: -4vw;

	}
	.char-copy_01 img{
		width: 85%;
	}
}


.char-copy_02{
	position: absolute;
	top: 25vh;
	right: 16vw;
}
@media(max-width:768px){
	.char-copy_02{
		top: 30vh;
		width: 16%;
		right: 2vw;

	}
	.char-copy_02 img{
		width: 100%;
	}
}
@media(max-width:1278px) and (min-width: 769px){
	.char-copy_02{
		top: 24vh;
		right: 5vw;
	}
	.char-copy_02 img{
		width: 75%;
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.char-copy_02{
		/* width: 10%; */
		right: 9vw;

	}
	.char-copy_02 img{
		width: 85%;
	}
}

.char-copy_03{
	position: absolute;
	top: 20vh;
	left: 16vw;
}
@media(max-width:768px){
	.char-copy_03{
		top: 14vh;
		width: 24%;
		left: auto;
		right: 2vw;

	}
	.char-copy_03 img{
		width: 100%;
	}
}
@media(max-width:1278px) and (min-width: 769px){
	.char-copy_03{
		top: 10vh;
		left: 6vw;
	}
	.char-copy_03 img{
		width: 75%;
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.char-copy_03{
		/* width: 10%; */
		left: 10vw;

	}
	.char-copy_03 img{
		width: 85%;
	}
}

.char-sd_01{
	position: absolute;
	bottom: 10vh;
	right: 15vw;
}
@media(max-width:768px){
	.char-sd_01{
		top: 60vh;
		bottom: auto;
		right: auto;
		left: 2vw;
		width: 48%;
	}
	.char-sd_01 img{
		width: 100%;
	}
}
@media(max-width:1278px) and (min-width: 769px){
	.char-sd_01{
		bottom: 10vh;
		right: 8vw;
	}
	.char-sd_01 img{
		width: 75%;
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.char-sd_01{
		/* width: 10%; */
		bottom: 10vh;
		right: 12vw;

	}
	.char-sd_01 img{
		width: 85%;
	}
}

.char-sd_02{
	position: absolute;
	bottom: 10vh;
	right: 10vw;
}
@media(max-width:768px){
	.char-sd_02{
		top: 45vh;
		bottom: auto;
		right: auto;
		left: 2vw;
		width: 48%;
	}
	.char-sd_02 img{
		width: 100%;
	}
}
@media(max-width:1278px) and (min-width: 769px){
	.char-sd_02{
		bottom: 10vh;
		right: -1vw;
	}
	.char-sd_02 img{
		width: 75%;
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.char-sd_02{
		/* width: 10%; */
		bottom: 10vh;
		right: 3vw;

	}
	.char-sd_02 img{
		width: 85%;
	}
}

.char-sd_03{
	position: absolute;
	float: left;
	bottom: 10vh;
	left: 10vw;
}
@media(max-width:768px){
	.char-sd_03{
		top: 45vh;
		bottom: auto;
		right: auto;
		left: 2vw;
		width: 48%;
	}
	.char-sd_03 img{
		width: 100%;
	}
}
@media(max-width:1278px) and (min-width: 769px){
	.char-sd_03{
		bottom: 10vh;
		left: 2vw;
	}
	.char-sd_03 img{
		width: 75%;
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.char-sd_03{
		bottom: 10vh;
		/* width: 10%; */
		left: 6vw;

	}
	.char-sd_03 img{
		width: 85%;
	}
}


.char-content{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 30px
}
@media(max-width:768px){
	.char-content{
		width: 95%;
		left: 0;
		right: 0;
		padding-top: 0px;
		padding-bottom: 20px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.char-content{
	}
}


@media(min-width:1365px){
}

.char-btn-content{
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}
@media(max-width:768px){
	.char-btn-content{
		text-align: center;
		width: 95%;
		left: 0;
		right: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.char-btn-contentt{
	}
}
@media(min-width:1365px){
}

.char-sv_box{
	position: absolute;
	bottom: 14px;
	left: 20px;
	right: auto;
	z-index:10;
}
@media(max-width:768px){
	.char-sv_box{
		width: 90vw;
		position: relative;
		bottom: 4px;
		left: auto;
		right: auto;
		z-index:1;
	}
}

.char-sv_box2{
	position: absolute;
	bottom: 14px;
	right: 20px;
	left: auto;
	z-index:10;
}
@media(max-width:768px){
	.char-sv_box2{
		width: 80%;
		position: relative;
		bottom: 4px;
		left: auto;
		right: auto;
		z-index:1;
	}
}



.btn-char_sv {
  padding: 10px 2px -20px 2px;
  text-decoration: none;
	margin: 0 auto;
}
@media(max-width:768px){
	.btn-char_sv{
	  font-size: 8px;
	  padding: 4px 3px -4px 3px;
	  
	}
	.btn-char_sv img{
		width: 80%;
	}
}

.btn-char_sv img{
	width: 100%;
	-webkit-filter: none;
  -moz-filter: none;
  filter: none;
}

.btn-char_sv:hover{
	-webkit-filter: contrast(75%) brightness(120%);
	-moz-filter: contrast(75%) brightness(120%);
	filter: contrast(75%) brightness(120%);
}



/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼体験版　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.trial-bg{
	border-top: solid 2px rgba(215, 215, 215, 1);
	/* border-bottom: solid 2px rgba(240, 240, 240, 1); */

	position: relative;
	width: 100%;
	margin: 0 auto;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(120deg, transparent, transparent 16px, rgba(240, 240, 240, 1) 16px, rgba(240, 240, 240, 1) 40px );

	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
	z-index: 0;
}

.trial-bg:before{
	content: "";
	position: absolute;
	display: block;
	background: inherit;
	margin: 1.5%;
	background-color: #efea3d;
	background-image:
	  radial-gradient(rgba(255, 255, 255,0.5) 25%, transparent 30%);
	background-size: 16px 16px;
	
	background-repeat: repeat;
	/* background-size: auto; */
	opacity: 1.0;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: -1;
}

@media(max-width:768px){
	.trial-bg{
	background-image: none;
		display: block;
		width: auto;
	  height: 100%;
	  content: "";
	}
	.trial-bg img{
		width: 100%;
	}
}
@media(max-width:768px){
	.trial-bg:before{
		opacity: 1.0;
	}
}

.trial-content{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 65px
}
@media(max-width:768px){
	.trial-content{
		width: 95%;
		left: 0;
		right: 0;
		padding-top: 20px;
		padding-bottom: 40px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.trial-content{
	}
}
@media(min-width:1365px){
}

.f-1140_box{
	position: relative;
	/* background-color: rgba(0, 0, 0,0.75); */

	width: 100%;
	height: 100%;
	padding: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
}
@media(max-width:768px){
	.f-1140_box{
		padding: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}



/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼製品概要　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.spec-bg{
	border-top: solid 2px rgba(215, 215, 215, 1);

	position: relative;
	width: 100%;
	margin: 0 auto;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(120deg, transparent, transparent 16px, rgba(240, 240, 240, 1) 16px, rgba(240, 240, 240, 1) 40px );

	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
	z-index: 0;
}

.spec-bg:before{
	content: "";
	position: absolute;
	display: block;
	background: inherit;
	margin: 1.5%;
	background-color: rgba(240, 240, 240, 1);
	background-image:
	  radial-gradient(rgba(255, 255, 255,0.5) 25%, transparent 30%);
	background-size: 16px 16px;
	
	background-repeat: repeat;
	/* background-size: auto; */
	opacity: 1.0;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: -1;
}
@media(max-width:768px){
	.spec-bg{
		/* background-image: url(../img/top/sp-bg.jpg); */
		display: block;
	  height: 100%;
	  content: "";
	}
	.spec-bg img{
		width: 100%;
	}
}

.spec-content{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 65px
}
@media(max-width:768px){
	.spec-content{
		width: 95%;
		left: 0;
		right: 0;
		padding-top: 20px;
		padding-bottom: 40px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.spec-content{
	}
}
@media(min-width:1365px){
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼特典情報　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */


.tokuten-hv{
	position: relative;
	width: 100%;
	height: 30vh;
	margin: 0 auto;
	background-color: #0b0b0b;
	background-image: url(../img/tokuten/tokuten-hv.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
}
@media(max-width:768px){
	.tokuten-hv{
		height: auto;
		background: none;
		background-color: none;
		background-image: none;
		z-index: none;
	}
	.tokuten-hv::before{
		background-image: url(../img/top/mv-bg_sp.jpg);
		background-position: center;
		background-size: cover;
		display: block;
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100vw;
		height: 8vh;
		content: "\A";
		z-index: -1;
	}
	.tokuten-hv img{
		width: 100%;
	}
}


.tokuten-bg{
	border-top: solid 2px rgba(215, 215, 215, 1);

	position: relative;
	width: 100%;
	margin: 0 auto;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(120deg, transparent, transparent 16px, rgba(240, 240, 240, 1) 16px, rgba(240, 240, 240, 1) 40px );

	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
	z-index: 0;
}

.tokuten-bg:before{
	content: "";
	position: absolute;
	display: block;
	background: inherit;
	margin: 1.5%;
	background-color: rgba(240, 240, 240, 1);
	background-image:
	  radial-gradient(rgba(255, 255, 255,0.5) 25%, transparent 30%);
	background-size: 16px 16px;
	
	background-repeat: repeat;
	/* background-size: auto; */
	opacity: 1.0;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: -1;
}

@media(max-width:768px){
	.tokuten-bg{
		/* background-image: url(../img/top/sp-bg.jpg); */
		display: block;
	  height: 100%;
	  content: "";
	}
	.tokuten-bg img{
		width: 100%;
	}
}


.tokuten-content{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 65px
}
@media(max-width:768px){
	.tokuten-content{
		width: 95%;
		left: 0;
		right: 0;
		padding-top: 20px;
		padding-bottom: 40px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.tokuten-content{
	}
}
@media(min-width:1365px){
}


.tokuten-h{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: auto 0;
}
@media(max-width:768px){
	.tokuten-h {
		padding-top: 5px;
		padding-bottom: 10px;
	}
}
.tokuten-h img{
		width: 50%;
		height: auto;
		}
@media(max-width:768px){
		.tokuten-h img{
		width: 90%;
		}
	}

.tokuten-h h1{
	font-weight: bold;
	color: #fff;
	background-color: #e62789;
	/* border-bottom: solid 2px #e62789; */
	padding: 14px 0;
}
.tokuten-h h2{
	border-bottom: solid 2px #ddd;

	padding: 16px 0px;
	/* margin-left: 16px; */
}



.tokuten-text{
	text-align: left;
	margin:2%;
	/* width: 90%; */
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.7);
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼汎用　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.hanyou-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-image: url(../img/2nd-bg.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
}

.hanyou-bg:before{
	content: "";
	position: absolute;
	display: block;
	background: inherit;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	top: -5px;
	bottom: -5px;
	left: -5px;
	right: -5px;
	z-index: -1;
}

@media(max-width:768px){
.hanyou-bg{
	/*background-image: url(../img/2nd-bg_sp.jpg);*/
	z-index: none;
}
.hanyou-bg::before{
	background-image: url(../img/2nd-bg_sp.jpg);
	background-position: center top;
	background-size: 100% auto;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*padding-bottom: 108px;*/
  content: "";
  z-index: -1;
	}
}

.hanyou-content{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 65px
}
@media(max-width:768px){
	.hanyou-content{
		width: 95%;
		left: 0;
		right: 0;
		padding-top: 20px;
		padding-bottom: 40px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.hanyou-content{
	}
}
@media(min-width:1365px){
}


.p-origin{
	color: #fff;
	text-shadow:1px 1px 0 #eb5c01, -1px -1px 0 #eb5c01,
				-1px 1px 0 #eb5c01, 1px -1px 0 #eb5c01,
				0px 1px 0 #eb5c01,  0-1px 0 #eb5c01,
				-1px 0 0 #eb5c01, 1px 0 0 #eb5c01;
  
  
  }
  


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼Twitterアイコン　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.twitter-bg{
	border-top: solid 2px #eb5c01;

	position: relative;
	width: 100%;
	/*height: 100%;*/
	margin: 0 auto;
	background-color: #0b0b0b;
	background-image: url(../img/product/storyb-bg.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
	z-index: 0;
}


/* .twitter-bg:before{
	content: "";
	position: absolute;
	display: block;
	background: inherit;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	top: -5px;
	bottom: -5px;
	left: -5px;
	right: -5px;
	z-index: -1;
} */

@media(max-width:768px){
.twitter-bg{
	/* background-image: none; */
	z-index: none;
}
.twitter-bg::before{

	background-image: url(../img/product/storyb-bg.jpg);
	background-position: center;
	background-size: auto 100%;
  display: block;
  width: auto;
  height: 100%;
  content: "";
  z-index: -1;
	}
}
.twitter-content{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 65px
}
@media(max-width:768px){
	.twitter-content{
		width: 95%;
		left: 0;
		right: 0;
		padding-top: 20px;
		padding-bottom: 40px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.twitter-content{
	}
}
@media(min-width:1365px){
}

.banner-textarea{
	width: 100%;
	height: 100px;
}

.tate-tmb{
	text-align: center;
	display: inline-block;
	width: 24%;
	padding-left: 7px;
	margin: 4px 2px;
}
@media(max-width:768px){
	.tate-tmb{
		width: 49%;
		/*margin: 0px 5px 0px 5px ;*/
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.tate-tmb{
		width: 24%;
		padding-left: 7px;
		margin: 4px 1px;
	}
}
.tate-tmb img{
	width:120px;
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼パンくず　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.pnkz-bg{
	position: fixed;
		padding-right: 141px;
	width: 100%;
	top:50px;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.7);
	overflow: hidden;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top left;
	z-index: 9;
}

@media(max-width:768px){
	.pnkz-bg{
		position: fixed;
		position: relative;
		padding-right: 0px;
	background-repeat: repeat;
		display: block;
		top:0px;
		padding-left: 40px;
	  height: 40px;
	  content: "";
	}
	.pnkz-bg img{
		width: 100%;
	}
}

.pnkz-box{

}

.pnkz-content{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media(max-width:768px){
	.pnkz-content{
		width: 95%;
		left: 0;
		right: 0;
		bottom: 20px;
		padding-bottom: 40px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.pnkz-content{
		/* padding-bottom: 65px; */
	}
}
@media(min-width:1365px){
}

.pnkz-btnbox{
	position: absolute;
	text-align: right;
	left: auto;
	right: 0;
	top: 10px;
	height: auto;
}
@media(max-width:768px){
	.pnkz-btnbox{
		position: relative;
		text-align: center;
		width: 95%;
		left: 0;
		right: 0;
		bottom: 0;

		display:none;
		margin: auto;
	}
}

.pnkz-btn{
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 11px;
	background-color: rgba(230, 39, 137, 0.6);
  padding: 5px 15px 5px 15px;
  text-decoration: none;
	margin: 0 auto;
}

a.pnkz-btn{
  color: #ffffff;
}

.pnkz-btn:hover {
	color: #ffffff;
	background-color: rgba(230, 39, 137, 0.3);
  text-decoration: none;
}

.pmkz-btn:visited {
	color: #ffffff;
  text-decoration: none;
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼History　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.history{
	position: absolute;
	width: 100%;
	/* height: 438px; */
	left: 5px;
	top: 5px;
	font-size: 3.0em;
	padding-top: 24px;
}
@media(max-width:768px){
	.history{
		position: relative;
			width: 100%;
			/* height: 438px; */
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			margin: auto;
			padding-top: 0px;
		}
		.history img{
			width: 100%;
			height: auto;
			}
	}
@media(max-width:1278px) and (min-width: 769px){
	.history{
		/* width: 343px; */
		/* height: 438px; */
		left: 5px;
		top: 5px;
	}
	.history img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1364px) and (min-width: 1279px){
	.history{
		/*overflow-y:hidden;*/
		/* width: 463px; */
		/* height: 438px; */
		left: 5px;
		top: 5px;
		/*padding-left: 5px;*/
	}
	.history img{
		width: 100%;
		height: auto;
		}
}
@media(min-width:1365px){
	.history{
		/*padding-right: 5px;*/
	}
}



.history-box{
	overflow-x:hidden;
	/* background-color: rgba(0, 0, 0,0.75); */
	width: 100%;
	height: 100%;
	padding-left: 20px;
	/*margin: 10px;*/

	height: 95%;
    padding-right: 50px;
    padding-bottom: 10px;
	top: 10px;
	margin-top: 10px;
    margin-right: 50px;
}
@media(min-width:1365px){
	.history-box{
	overflow-x:hidden;
	/* background-color: rgba(0, 0, 0,0.75); */
	width: 100%;
	height: 100%;
	padding-left: 10px;
	padding-top: 40px;
	/*margin: 10px;*/
	}
}
hr{
	width: 100%;
	margin-top: 10px;
	border-top: 1px #8ab5b4 solid;
	border-bottom: 1px #c2dada solid;
}
h1{
	padding-top: 12px;
	font-size: 1.2em;
	padding-left: 5px;
	padding-bottom: 8px;
	font-weight: bold;
	color: #3a3a3a;
}
p{
	font-size: 1.0em;
}

@media(max-width:768px){
	.history-box{
		/* width: 350px; */
		/*font-size: 10px;*/
		padding-right: 10px;
		padding-bottom: 10px;
		}
		p{
			/* font-size: 10px; */
		}
	}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼twitter　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.twitter-box{
	overflow-y:hidden;
	position: absolute;
	/* background-color: rgba(0, 0, 0,0.75); */
	/* width: 520px; */
	/* height: 420px; */
	/* left: 20px; */
	top: 10px;
}
@media(max-width:768px){
	.twitter-box{
		position: relative;
		overflow-y: none;
		width: 100vw;
		height: 438px;
		left: 0;
		top: 0;
	}
	.twitter-box img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1278px) and (min-width: 769px){
	.twitter-box{
		width: 343px;
		height: 438px;
		left: 5px;
		top: 5px;
	}
	.twitter-box img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1364px) and (min-width: 1279px){
	.twitter-box{
		width: 463px;
		height: 438px;
		left: 5px;
		top: 5px;
		/*padding-left: 5px;*/
	}
	.twitter-box img{
		width: 100%;
		height: auto;
		}
}
@media(min-width:1365px){
	.twitter-box{
		/*padding-right: 5px;*/
	}
}

.footer-bg{
	  position: relative;
  width: 100%;
	/*height: 100%;*/
  margin: 0 auto;
	text-align: center;
	color: #ffffff;
	background-color: #e62789;
	padding-top: 10px;
	padding-bottom: 14px;
		overflow: hidden;
}
.content-box_foote{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_foote{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_foote{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_foote{
	width: 960px;
}
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼ページ　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */


.page-bg{
	border-top: solid 2px rgba(215, 215, 215, 1);

	position: relative;
	width: 100%;
	margin: 0 auto;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(120deg, transparent, transparent 16px, rgba(240, 240, 240, 1) 16px, rgba(240, 240, 240, 1) 40px );

	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
	z-index: 0;
}

.page-bg:before{
	content: "";
	position: absolute;
	display: block;
	background: inherit;
	margin: 1.5%;
	background-color: rgba(240, 240, 240, 1);
	background-image:
	  radial-gradient(rgba(255, 255, 255,0.5) 25%, transparent 30%);
	background-size: 16px 16px;
	
	background-repeat: repeat;
	/* background-size: auto; */
	opacity: 1.0;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: -1;
}

@media(max-width:768px){
	.page-bg{
		/* background-image: url(../img/top/sp-bg.jpg); */
		display: block;
	  height: 100%;
	  content: "";
	}
	.page-bg img{
		width: 100%;
	}
}

.page-content{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 65px
}
@media(max-width:768px){
	.page-content{
		width: 95%;
		left: 0;
		right: 0;
		padding-top: 20px;
		padding-bottom: 40px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.page-content{
	}
}
@media(min-width:1365px){
}


.page_img {
	position: relative;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	/*padding-left: 2px;*/
	/*margin: 2px 2px;*/
}
@media(max-width:768px){
	.page_img {
		width: 100%;
		/*margin: 0px 5px 0px 5px ;*/
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.page_img {
		width: 80%;
	}
}
@media(min-width:1365px){
}
.page_img  img{
	width: 100%;
}
.page_img  img:hover {
	width: 100%;
}

a.btn-page{
	color: #ffffff;

}

.btn-page:hover {
	color: #ffffff;
	background: rgba(230, 40, 138, 0.5);
  	text-decoration: none;
}

.btn-page:visited {
	/* color: rgb(174, 174, 174); */
	/*background: #ef5f77;*/
  	text-decoration: none;
}

.btn-page {

  font-family: Arial;
  color: #38163a;
  font-size: 14px;
  background:#4fb2b1;
  border: solid 2px #ddd;
  padding: 12px 80px 12px 80px;
  text-decoration: none;
	margin: 0 auto;
}
@media(max-width:768px){
	.btn-page{
	padding: 6px 20px 6px 20px;
	}
}

@media(max-width:1278px) and (min-width: 769px){
	.btn-page{
	padding: 12px 30px 12px 30px;
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.btn-page{
		padding: 12px 40px 12px 40px;
	}
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼POINT　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */


/*バナーサイズ*/
/*画像サイズ:1/1*/

.point_text {
	text-align: center;
	font-size: 1.2em;
	line-height: 1.8em;
}
@media(max-width:768px){
	.point_text {
	text-align: left;
	margin: 8;
	}
}

.point_img {
	position: relative;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	/*padding-left: 2px;*/
	/*margin: 2px 2px;*/
}
@media(max-width:768px){
	.point_img {
		width: 100%;
		/*margin: 0px 5px 0px 5px ;*/
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.point_img {
		width: 80%;
	}
}
@media(min-width:1365px){
}
.point_img  img{
	width: 100%;
}
.point_img  img:hover {
	width: 100%;
}

.point_gallery {
	position: relative;
	text-align: center;
	width: 76%;
	margin: 0 auto;
	/*padding-left: 2px;*/
	/*margin: 2px 2px;*/
}
@media(max-width:768px){
	.point_gallery {
		width: 100%;
		/*margin: 0px 5px 0px 5px ;*/
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.point_gallery {
		width: 80%;
	}
}
@media(min-width:1365px){
}
.point_gallery  img{
	width: 100%;
}
.point_gallery img:hover {
	width: 100%;
}

.point_h {
	position: relative;
	text-align: center;
	width: 65%;
	margin: 0 auto;
	/*padding-left: 2px;*/
	/*margin: 2px 2px;*/
}
@media(max-width:768px){
	.point_h {
		width: 100%;
		/*margin: 0px 5px 0px 5px ;*/
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.point_h {
		width: 80%;
	}
}
@media(min-width:1365px){
}
.point_h  img{
	width: 100%;
}
.point_h img:hover {
	width: 100%;
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼見出し　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.top-h{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: auto 0;
}
@media(max-width:768px){
	.top-h {
		padding-top: 5px;
		padding-bottom: 10px;
	}
}
.top-h img{
		width: 45%;
		height: auto;
		}
@media(max-width:768px){
		.top-h img{
		width: 70%;
		}
	}

.page-h{
	text-align: center;
	padding-top: 70px;
	padding-bottom: 20px;
	margin: auto 0;
}
@media(max-width:768px){
	.page-h {
		padding-top: 5px;
		padding-bottom: 10px;
	}
}
.page-h img{
		width: 50%;
		height: auto;
		}
@media(max-width:768px){
		.page-h img{
		width: 90%;
		}
	}



.cf:before,
.cf:after{
  content:"";
  display: table;
}
.cf:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.cf{
  *zoom:1;
}



.head_v{
										/* ドット（水玉）模様のCSS */
	/* background-color   : #3333; */

	/* background-color: -moz-linear-gradient(to left,#FFF,#FFC778 50%,#F89174);  */
	/* background-color: -webkit-linear-gradient(to left,#FFF,#FFC778 50%,#F89174);  */
	/* background-color: #f3bdd9;  */
	background-color: rgb(179, 236, 255);


	background-image   : radial-gradient(rgba(255, 255, 255, 0.56) 10%, transparent 13%),
						 radial-gradient(rgba(255, 255, 255, 0.56) 10%, transparent 13%);
	background-position: 0 0, 17px 17px;
	background-size    : 34px 34px;
	/* background-repeat: repeat; */

	text-align: center;
	/* position: fixed; */
	display: block;
	top:0;
	left: 0;
	right: 0;
	bottom: auto;

	width: 100%;
	height: 460px;
	margin: auto 0;
}
@media(max-width:768px){
	.head_v {
	height: 150px;
	}
  }
.head_v_img{
	text-align: center;
	/* position: fixed; */
	z-index: 0;
	top: 0;
	margin: 0 auto;
}
@media(max-width:768px){
	.head_v_img{
		width: 100%;
	}
  }
  

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼SPメニュー　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

/*ヘッダーまわりはご自由に*/
.g-nav_sp {
	padding:5px;
	z-index: 10;
	/* background: skyblue; */
  }
  
  #nav-drawer {
	position: fixed;
  }
  
  /*チェックボックス等は非表示に*/
  .nav-unshown {
	display:none;
  }
  
  /*アイコンのスペース*/
  #nav-open {
	  display: inline-block;
	  width: 30px;
	  height: 22px;
	  vertical-align: middle;
  }
  
  /*ハンバーガーアイコンをCSSだけで表現*/
  #nav-open span, #nav-open span:before, #nav-open span:after {
	  position: absolute;
	  height: 3px;/*線の太さ*/
	  width: 25px;/*長さ*/
	  border-radius: 3px;
	  background: rgba(255, 255, 255, 0.5);
	  display: block;
	  content: '';
	  cursor: pointer;
  }
  #nav-open span:before {
	  bottom: -8px;
  }
  #nav-open span:after {
	  bottom: -16px;
  }
  
  /*閉じる用の薄黒カバー*/
  #nav-close {
	  display: none;/*はじめは隠しておく*/
	  position: fixed;
	  z-index: 99;
	  top: 0;/*全体に広がるように*/
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: black;
	  opacity: 0;
	  transition: .3s ease-in-out;
  }
  
  /*中身*/
  #nav-content {
	  overflow: auto;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 9999;/*最前面に*/
	  width: 30%;/*右側に隙間を作る*/
	  /* max-width: 330px; */
	  /*最大幅*/
	  height: 100%;
	  /* background-color: rgba(235, 92, 1, 0.9); */
	  background-color:rgba(230, 39, 137,0.9);
	
  background-position: 0 100px,50% 50%;
  background-attachment: scroll ,fixed;
  background-size: 5px 5px, cover;
  /* background-repeat: repeat,no-repeat; */
	  transition: .3s ease-in-out;/*滑らかに表示*/
	  -webkit-transform: translateX(-105%);
	  transform: translateX(-105%);/*左に隠しておく*/
  }
  
  /*チェックが入ったらもろもろ表示*/
  #nav-input:checked ~ #nav-close {
	  display: block;/*カバーを表示*/
	  /* opacity: .5; */
  }
  
  #nav-input:checked ~ #nav-content {
	  -webkit-transform: translateX(0%);
	  transform: translateX(0%);/*中身を表示*/
	  box-shadow: 6px 0 25px rgba(0,0,0,.15);
  }
  

.pagetop{
	display: none;
	position: fixed;
	right: 2%;
	bottom: 2%;
	z-index: 1;
}

@media(max-width:768px){
	.pagetop{
	text-align: right;
	right: 1%;
	bottom: 1%;
	}
	.pagetop img{
	width: 50%;
	}
}


.inline-pop_box{
	height:95vh;
	/* width: 100%; */
	text-align: center;
	margin: 0 auto;

}
#inline-popup{
	/* background-color: #fff; */
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;

  }

.itv-tweet_stn{
	position: absolute;
	/* top: 0; */
	bottom: 14.8vh;
	left: -56vh;
	right: 0;
}

.itv-tweet_close{
	position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
}