@charset "utf-8";

/*----------------------
   top
-----------------------*/

/*
#top {
	background:url(../images/pc/top/mv.jpg) no-repeat center 0 fixed;
	background-size:cover;
	min-width:1080px;
}

#top #mv{
	position:fixed;
	z-index:1;
	top:0;
	left:0;
#	background:url(../images/pc/top/mv_obj.png) no-repeat center bottom;
#	background-size:contain;
}

#top #mv h1{
	position:absolute;
	top:30px;
	left:30px;
}

#top #mv .btnMenu{
	position:absolute;
	top:166px;
	left:83px;
	width: 77px;
	cursor:pointer;
	z-index: 10;
}

#top #mv .btnMenu .b {
	top: 0;
	left: 0;
	width: 77px;
	position: absolute;
	z-index: 2;
	-webkit-transform:perspective(0);
}

#top #mv .btnMenu .b:hover {
	opacity: 0.9;
}

#top #mv .btnMenu .t {
	top: 53px;
	left: 22px;
	width: 33px;
	position: absolute;
	z-index: 3;
}

#top #mv .btnMenu .l1 {
	top: 23px;
	left: 22px;
	width: 32px;
	position: absolute;
	z-index: 4;
}

#top #mv .btnMenu .l2 {
	top: 33px;
	left: 22px;
	width: 32px;
	position: absolute;
	z-index: 4;
}

#top #mv .btnMenu .l3 {
	top: 43px;
	left: 22px;
	width: 32px;
	position: absolute;
	z-index: 4;
}

#top #mv .btnMenu.om .l1 {
	-webkit-animation: mn_mov 0.5s 1 cubic-bezier(0.785, 0.135, 0.15, 0.86);
	animation: mn_mov 0.5s 1 cubic-bezier(0.785, 0.135, 0.15, 0.86);
	animation-fill-mode: forwards;
}

#top #mv .btnMenu.om .l2 {
	-webkit-animation: mn_mov2 0.4s 1 cubic-bezier(0.785, 0.135, 0.15, 0.86);
	animation: mn_mov2 0.4s 1 cubic-bezier(0.785, 0.135, 0.15, 0.86);
	animation-fill-mode: forwards;
}

#top #mv .btnMenu.om .l3 {
	-webkit-animation: mn_mov3 0.3s 1 cubic-bezier(0.785, 0.135, 0.15, 0.86);
	animation: mn_mov3 0.3s 1 cubic-bezier(0.785, 0.135, 0.15, 0.86);
	animation-fill-mode: forwards;
}

@-webkit-keyframes mn_mov {
	0% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	} 
	50% {
		transform: translate(0, -20px);
		-webkit-transform: translate(0, -20px);
	}
	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	}
}

@keyframes mn_mov {
	0% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	} 
	50% {
		transform: translate(0, -22px);
		-webkit-transform: translate(0, -22px);
	}
	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	}
}

@-webkit-keyframes mn_mov2 {
	0% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	} 
	50% {
		transform: translate(0, -15px);
		-webkit-transform: translate(0, -15px);
	}
	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	}
}

@keyframes mn_mov2 {
	0% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	} 
	50% {
		transform: translate(0, -15px);
		-webkit-transform: translate(0, -15px);
	}
	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	}
}

@-webkit-keyframes mn_mov3 {
	0% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	} 
	50% {
		transform: translate(0, -9px);
		-webkit-transform: translate(0, -9px);
	}
	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	}
}

@keyframes mn_mov3 {
	0% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	} 
	50% {
		transform: translate(0, -9px);
		-webkit-transform: translate(0, -9px);
	}
	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	}
}

#top #mv .btnMenu .sp{
	display: none;
}

#top #mv ul{
	position:absolute;
	top:20px;
	right:40px;
	z-index:4;
}
#top #mv ul li{
	float:left;
	margin-left:15px;
	position: relative;
	z-index: 1;
}
#top #mv ul li:last-child{ margin-left:20px;}

#top #mv .arrow{
	background:url(../images/pc/top/arrow.png) no-repeat 0 0;
	background-size:contain;
	width:77px;
	height:45px;
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-38.5px;
	opacity:0;
	cursor: pointer;
	z-index: 10;
}

#mv .mv_obj{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:3;
}
#mv .mv_obj p.img{
	position:absolute;
	bottom:0;
	right:0;
	width:54%;
	opacity:0;
}

#mv .mv_obj .txtBlock{
	position:absolute;
	top:18%;
	left:16%;
	width:40%;
}


#mv .mv_obj p.txt1{
	width:110%;
	opacity:0;
}
#mv .mv_obj p.txt2{
	width:55%;
	margin-left:7%;
	opacity:0;
}

#mv .mv_obj img{ width:100%; height:auto;}
*/


/* mv_new */
#top #mv {
	display: none;
}
#mv_new {
	width: 100%;
	margin-top: 120px;
}
#mv_new > .open-view > .closed-view {
	position: relative;
	width: 940px;
	height: 700px;
	background-image: url(../../assets/images/pc/top/ooh_mv.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 700px;
	margin: 0 auto;
}
#mv_new > .open-view {
	width: 100%;
	height: 700px;
	text-align: center;
	background-color: #f5f5f5;
}
#mv_new > .open-view > img {
	box-sizing: border-box;
	width: 90%;
	max-width: 438px;
	margin: 60px 0;
}
#mv_new > .open-view div {
	position: relative;
}
#mv_new > .open-view div > .arrow {
	position: absolute;
	top: 0;
	left: 50%;
	width: 61px;
	height: 32px;
	cursor: pointer;
	z-index: 10;
	margin-left: -30px;

	display: none;
}
#mv_new.opened > .open-view div > .arrow {
	display: block;
}

/* .mv_scroll_down_btn */
#mv_new .mv_scroll_down_btn {
	position: absolute;
	display: block;
	width: 50px;
	height: 60px;
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: red;
	font-size: 14px;
	text-align: center;
	margin: 0;
	padding: 38px 0 0 0;
	cursor: pointer;
	transform-origin: 0 0;
	top: 450px;
    left: 700px;
}

/*
#mv_new .closed-view > .mv_scroll_down_btn:nth-child(2) {left: 150px;}
#mv_new .closed-view > .mv_scroll_down_btn:nth-child(3) {left: 230px;}
#mv_new .closed-view > .mv_scroll_down_btn:nth-child(4) {left: 310px;}
*/


#mv_new .mv_scroll_down_btn::before,
#mv_new .mv_scroll_down_btn::after {
	content: "";
	position: absolute;
	top: 22px;
	left: 13px;
	display: block;
	width: 25px;
	height: 3px;
	background-color: red;
	-webkit-transform-origin: center;
	transform-origin: center center;

	/* animated */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;

	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;

	 -webkit-transition-duration: 0.5s;
	 transition-duration: 0.5s;
}
#mv_new .mv_scroll_down_btn::before {
	transform: rotate(0deg);
	-webkit-animation-name: pulse-b;
	animation-name: pulse-b;
}
#mv_new .mv_scroll_down_btn::after {
	transform: rotate(90deg);
	-webkit-animation-name: pulse-a;
	animation-name: pulse-a;
}


#mv_new.opened .mv_scroll_down_btn {
	text-indent: -9999px;
}
#mv_new.opened .mv_scroll_down_btn::before {
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	transform: rotate(45deg);
	-webkit-animation-name: none;
	animation-name: none;
}
#mv_new.opened .mv_scroll_down_btn::after {
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	transform: rotate(135deg);
	-webkit-animation-name: none;
	animation-name: none;
}


/*
#mv_new .closed-view > .mv_scroll_down_btn:hover::before {
	-webkit-animation-name: toClose-b;
	animation-name: toClose-b;
}
#mv_new .closed-view > .mv_scroll_down_btn:hover::after {
	-webkit-animation-name: toClose-a;
	animation-name: toClose-a;
}
*/


/* flash
#mv_new .closed-view > .mv_scroll_down_btn:nth-child(1)::before,
#mv_new .closed-view > .mv_scroll_down_btn:nth-child(1)::after {
	-webkit-animation-name: flash;
	animation-name: flash;
}
 */
/* pulse
#mv_new .closed-view > .mv_scroll_down_btn:nth-child(2)::before {
	-webkit-animation-name: pulse-b;
	animation-name: pulse-b;
}
#mv_new .closed-view > .mv_scroll_down_btn:nth-child(2)::after {
	-webkit-animation-name: pulse-a;
	animation-name: pulse-a;
}
 */
/* fadeOut
#mv_new .closed-view > .mv_scroll_down_btn:nth-child(3)::before,
#mv_new .closed-view > .mv_scroll_down_btn:nth-child(3)::after {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
 */
/* rotateIn
#mv_new .closed-view > .mv_scroll_down_btn:nth-child(4)::before {
	-webkit-animation-name: rotateIn-b;
	animation-name: rotateIn-b;
}
#mv_new .closed-view > .mv_scroll_down_btn:nth-child(4)::after {
	-webkit-animation-name: rotateIn-a;
	animation-name: rotateIn-a;
}
 */


/* flash */
@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}


/* pulse */
@-webkit-keyframes pulse-b {
  from {
    -webkit-transform: scaleX(0.9) rotate(0deg);
    transform: scaleX(0.9) rotate(0deg);
  }

  50% {
    -webkit-transform: scaleX(1) rotate(0deg);
    transform: scaleX(1) rotate(0deg);
  }

  to {
    -webkit-transform: scaleX(0.9) rotate(0deg);
    transform: scaleX(0.9) rotate(0deg);
  }
}

@keyframes pulse-b {
  from {
    -webkit-transform: scaleX(0.9) rotate(0deg);
    transform: scaleX(0.9) rotate(0deg);
  }

  50% {
    -webkit-transform: scaleX(1) rotate(0deg);
    transform: scaleX(1) rotate(0deg);
  }

  to {
    -webkit-transform: scaleX(0.9) rotate(0deg);
    transform: scaleX(0.9) rotate(0deg);
  }
}

@-webkit-keyframes pulse-a {
  from {
    -webkit-transform: scaleY(0.9) rotate(90deg);
    transform: scaleY(0.9) rotate(90deg);
  }

  50% {
    -webkit-transform: scaleX(1) rotate(90deg);
    transform: scaleX(1) rotate(90deg);
  }

  to {
    -webkit-transform: scaleY(0.9) rotate(90deg);
    transform: scaleY(0.9) rotate(90deg);
  }
}

@keyframes pulse-a {
  from {
    -webkit-transform: scaleY(0.9) rotate(90deg);
    transform: scaleY(0.9) rotate(90deg);
  }

  50% {
    -webkit-transform: scaleX(1) rotate(90deg);
    transform: scaleX(1) rotate(90deg);
  }

  to {
    -webkit-transform: scaleY(0.9) rotate(90deg);
    transform: scaleY(0.9) rotate(90deg);
  }
}


/* pulse */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}



/* fadeOut */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}


/* rotateIn */
@-webkit-keyframes rotateIn-b {
  from {
    -webkit-transform: rotate(-500deg);
    transform: rotate(-500deg);
    opacity: 0;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn-b {
  from {
    -webkit-transform: rotate(-500deg);
    transform: rotate(-500deg);
    opacity: 0;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes rotateIn-a {
  from {
    -webkit-transform: rotate(-590deg);
    transform: rotate(-590deg);
    opacity: 0;
  }

  to {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 1;
  }
}

@keyframes rotateIn-a {
  from {
    -webkit-transform: rotate(-590deg);
    transform: rotate(-590deg);
    opacity: 0;
  }

  to {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 1;
  }
}


/* toClose */
@-webkit-keyframes toClose-b {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0;
  }

  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 1;
  }
}

@keyframes toClose-b {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0;
  }

  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 1;
  }
}

@-webkit-keyframes toClose-a {
  from {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 1;
  }
}

@keyframes toClose-a {
  from {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 1;
  }
}




/* .modal */
*:focus {
  outline: none;
}

#mv_new .modal_open_btn {
	position: absolute;
	display: block;
	width: 72px;
	height: auto;
	border: none;
	background-color: transparent;
	box-shadow: none;
	color: red;
	font-size: 14px;
	text-align: center;
	margin: 0;
	padding: 0;
	cursor: pointer;
	left: 845px;
	top: 370px;

	transform-origin: 0 0;
#	-webkit-animation-name: pulse;
#	animation-name: pulse;

	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;

	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;

	 -webkit-transition-duration: 0.5s;
	 transition-duration: 0.5s;
}
#mv_new .modal_open_btn > img {
	width: 100%;
	height: auto;
}

.modal {
	display: none;
}
.modal > .modal-wrapper {
	position: fixed;
	top: 50%;
	left: 50%;
	display: inline-block;
	background-color: #FFF;
	padding: 1.5%;
	transform: translate(-50%, -50%);
	z-index: 110000;
}
.modal > .modal-wrapper > .modal-close {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 40px;
	height: 40px;
	background-color: red;
	border: 5px solid #FFF;
	border-radius: 50%;
	cursor: pointer;
	transform-origin: right top;
}
.modal > .modal-wrapper > .modal-close::before,
.modal > .modal-wrapper > .modal-close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 45px;
	height: 5px;
	background-color: #FFF;
	transform-origin: center center;
}
.modal > .modal-wrapper > .modal-close::before {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.modal > .modal-wrapper > .modal-close::after {
	transform: translate(-50%, -50%) rotate(45deg);
}


.modal > .modal-wrapper > .modal-inner {
	float: left;
	display: inline-block;
}
.modal > .modal-wrapper > .modal-inner > iframe {
	width: 100%;
	height: 100%;
}

.modal + .modal-back {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 100000;
	pointer-events: none;
	opacity: 0;
}


@media only screen and (min-width: 0px) and (max-width: 768px){
	#mv_new > .open-view > .closed-view {
		width: 100%;
		height: calc(100vw * 463 / 720);
		background-image: url(../../assets/images/pc/top/ooh_mv_sp.png);
		background-position: center top;
		background-size: 100% auto;
	}
	#mv_new > .open-view {
	    height: calc(100vw * 463 / 720);
	    text-align: center;
	}

	#mv_new .modal_open_btn {
		position: absolute;
		width: 58px;
		height: auto;
	}

	#mv_new .mv_scroll_down_btn {
		width: 52px;
		height: 75px;
		padding-top: 48px;
	}
	#mv_new .mv_scroll_down_btn::before,
	#mv_new .mv_scroll_down_btn::after {
		left: 2px;
		width: 46px;

	}


}
/* mv_new */




#top #contents{
	padding:70px 0 87px;
	background:url(../images/cmn/bg_bottom.gif) repeat-x 0 bottom #f2f2f2;
	background-size:6px;

#	box-sizing: border-box;
#	width: 100%;
#	padding: 70px 20px;
}


#top #contents ul.thumList{
	margin-left:-10px;
}

#top #contents ul.thumList::after{
	content: "";
	clear: both;
	display: block;
}



#top #contents ul.thumList li{
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	height:450px;
	width:340px;
	position:relative;
}

#top #contents ul.thumList li.col2{
	width:690px;
}
#top #contents ul.thumList li.bnr{
	height:168px;
}

#top #contents ul.thumList li.col3{
	width:1024px;
}



#top #contents ul.thumList li.sns{
	height:168px;
}
#top #contents ul.thumList li.sns img {
	display: inline-block;
}
#top #contents ul.thumList li.sns .sp {
	display: none;
}
#top #contents ul.thumList li.no{/* height:445px; overflow:hidden; */}
#top #contents ul.thumList li.no img {
	display: inline-block;
}
#top #contents ul.thumList li.no .sp {
	display: none;
}

#top #contents ul.thumList li.sns dl{
	margin-left:-10px;
}
#top #contents ul.thumList li.sns dd{
	float:left;
	margin-left:10px;
	margin-bottom:12px;
}

#top #contents ul.thumList li.sns a{ margin:0 !important; position:relative !important;}
#top #contents ul.thumList li.sns img{
	width:165px !important;
	height:77px !important;
}
#top #contents ul.thumList li.sns dl dd.sns-fb img{
	width:340px !important;
}

#top #contents ul.thumList li.sns.tate  dd:nth-of-type(1) img,#top #contents ul.thumList li.sns.tate  dd:nth-of-type(2) img{
	width:340px !important;
	height:128px !important;
}


/*SNS and BN 2col */

#top #contents ul.thumList li.bnr3{
    float: left;
    height: 168px;
}
#top #contents ul.thumList li.bnr4{
    float: left;
    height: 168px;
    left: -350px;
    position: relative;
    top: 225px;
}

#top #contents ul.thumList li.sns-col2 dd {
	margin-bottom: 12px;
}
#top #contents ul.thumList li.sns-col2 a {
    background-color: #fff;
    display: table-cell;
    height: 218px;
    position: static;
    vertical-align: middle;
}

#top #contents ul.thumList li.sns-col2-social dd:nth-child(1) a {
    background-color: #3b5a8f;
}
#top #contents ul.thumList li.sns-col2-social dd:nth-child(2) a {
    background-color: #489dd7;
}
#top #contents ul.thumList li.sns-col2-social dd:nth-child(3) a {
    /*background-color: #00ac80;*/
	background-color: #d35635;
}
#top #contents ul.thumList li.sns-col2-social dd:nth-child(4) a {
    background-color: #d35635;
}

/* end SNS and BN 2col */

#top #contents ul.thumList li a{
	display:block;
	text-decoration:none;
	position:absolute;
#	top:100px;
	left:0;
#	opacity: 0;
}

#top #contents ul.thumList li i{
	display:block;
	background:url(../images/pc/top/new.png) no-repeat;
	height:58px;
	width:58px;
	background-size:58px;
	position:absolute;
	/*top:13px; 2016/06/17迄*/ 
	top:20px;
	left:13px;
}

#top #contents ul.thumList li i.orange{
	display:block;
	background:url(../images/pc/top/new_orange.png) no-repeat;
	height:58px;
	width:58px;
	background-size:58px;
	position:absolute;
	/*top:13px; 2016/06/17迄*/ 
	top:20px;
	left:13px;
}

#top #contents ul.thumList li i.white{
	display:block;
	background:url(../images/pc/top/new_white.png) no-repeat;
	height:58px;
	width:58px;
	background-size:58px;
	position:absolute;
	/*top:13px; 2016/06/17迄*/ 
	top:20px;
	left:13px;
}

/*
#top #contents ul.thumList li.col3:first-child i {
    bottom: 120px;
	top: auto;
}
*/

#top #contents ul.thumList li .textArea{
	background:url(../images/pc/top/box_bg.gif) repeat-x 0 bottom #fff;
	background-size: 4px;
}
#top #contents ul.thumList li .textArea .inner{
	padding:15px 20px 20px;
	height:73px;
	position:relative;
	width:auto;
	width:300px;
}
#top #contents ul.thumList li.col2 .textArea .inner{
	width:650px;
}
#top #contents ul.thumList li.col3 .textArea .inner{
	width:1000px;
}
#top #contents ul.thumList li .textArea p{
	font-size:14px;
	font-weight:bold;
	line-height:1.4;
	/*white-space:nowrap;*/
}
#top #contents ul.thumList li .textArea span{
	display:block;
	position:absolute;
	bottom:20px;
	left:20px;
	color:#ff0000;
	padding-left:20px;
}
#top #contents ul.thumList li .textArea span.icon_sp{ background:url(../images/cmn/icon_sp.png) no-repeat 0 50%; background-size:15px;}
#top #contents ul.thumList li .textArea span.icon_cm{ background:url(../images/cmn/icon_cm.png) no-repeat 0 50%; background-size:15px;}
#top #contents ul.thumList li .textArea span.icon_info{ background:url(../images/cmn/icon_info.png) no-repeat 0 50%; background-size:15px;}
#top #contents ul.thumList li .textArea span.icon_cp{ background:url(../images/cmn/icon_cp.png) no-repeat 0 50%; background-size:15px;}


#top #contents #sp_mv{ display:none;}

.thumList_mo {
	-webkit-animation: th_scaleout 0.4s 1 cubic-bezier(0.215, 0.61, 0.355, 1);
	animation: th_scaleout 0.3s 1 cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-fill-mode: forwards;
	
}

@-webkit-keyframes th_scaleout {
	0% { -webkit-transform: scale(1.0); }
	100% {
		-webkit-transform: scale(1.05);
		opacity: 1.0;
	}
}

@keyframes th_scaleout {
	0% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	} 100% {
		transform: scale(1.05);
		-webkit-transform: scale(1.05);
	}
}

.thumList_mt {
	-webkit-animation: th_scaleout_t 0.4s 1 ease-in-out;
	animation: th_scaleout_t 0.4s 1 ease-in-out;
	animation-fill-mode: forwards;
}

@-webkit-keyframes th_scaleout_t {
	0% { -webkit-transform: scale(1.05) }
	100% {
		-webkit-transform: scale(1.0);
	}
}

@keyframes th_scaleout_t {
	0% {
		transform: scale(1.05);
		-webkit-transform: scale(1.05);
	} 100% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}


@media only screen and (min-width: 0px) and (max-width: 768px){

	#top {
		background:none;
		background-size:cover;
		min-width:inherit !important;
	}

	#top #mv{
		display: block;
		position:fixed;
		z-index:1;
		top:0;
		left:0;
		background:url(../images/pc/top/box_bg2.png) repeat-x 0 0 #fff;
		border-bottom: 3px solid #e50112;
		width: 100%;
		height:auto !important;
		padding:20px 0 15px;
		background-size:4px;
		z-index:10;
	}

	#top #mv h1{
		position:relative;
		top:auto;
		left:auto;
		width:80px;
		margin:0 auto;
		padding-left:10px;
	}
	
	#top #mv .btnMenu{
		position:absolute;
		top:30px;
		left:30px;
		cursor:pointer;
		width:40px;
	}
	
	#top #mv .btnMenu img {
		display: none;
	}
	#top #mv .btnMenu .sp{
		display: block;
	}
	
	#top #mv ul{
		position:absolute;
		top:20px;
		right:40px;
		display:none;
	}
	#top #mv .arrow{ display:none;}
	#top #mv .mv_obj{ display:none;}



	#top #contents{
		padding:88px 0 37px;
		padding:0 0 37px;
		background:url(../images/cmn/bg_bottom.gif) repeat-x 0 bottom #f2f2f2;
		background-size:4px;
		margin-top:0 !important;
	}
	
	#top #contents ul.thumList{
		margin-left:0;
		margin-top:20px;
	}
	#top #contents ul.thumList li{
		float:none;
		margin-left:0;
		margin-bottom:2%;
		height:auto;
		width:100%;
		position:relative;
		opacity:1 !important;
	}
	#top #contents ul.thumList li img{ width:100% !important; height:auto !important; margin:0 !important;}
	#top #contents ul.thumList li.col2{
		width:auto;
	}
	#top #contents ul.thumList li.col3{
		width:auto;
	}
	#top #contents ul.thumList li.bnr{
		height:auto;
		float:left;
		width:49%;
	}
	#top #contents ul.thumList li.bnr2{ margin-left:2%;}
	
	
/*SNS and BN 2col */

	#top #contents ul.thumList li.sns-col2 a {
		height: auto !important;
	}
	
	#top #contents ul.thumList li.sns-col2-link {
		width:100%;
		margin-bottom:0 !important;
	}
	#top #contents ul.thumList li.sns-col2-link dl {
		margin-left: -10px
	}

	
	#top #contents ul.thumList li.sns-col2 dd {
		margin-bottom: 2%;
		margin-left:2%;
		width: 48%;
		float: left;
	}
	
/* end SNS and BN 2col */
	
	#top #contents ul.thumList li.sns{
		height:auto;
	}
	#top #contents ul.thumList li.no{ opacity:1 !important; height:auto;}
	
	#top #contents ul.thumList li.no img {
		display: none;
	}
	#top #contents ul.thumList li.no .sp {
		display: inline-block;
	}
	
	#top #contents ul.thumList li.sns dl{
		margin-left:2%x;
	}
	#top #contents ul.thumList li.sns dd{
		float:left;
		margin-left:2%;
		margin-bottom:2%;
		width:48%;
	}
	#top #contents ul.thumList li.sns dd.sns-fb {
		width:98% !important;
	}
		
	#top #contents ul.thumList li.sns a{ margin:0 !important; position:relative !important;}
	#top #contents ul.thumList li.sns img{
		width:100% !important;
		height:auto !important;
	}
	
	#top #contents ul.thumList li.sns dl dd.sns-fb img{
		width:100% !important;
		height:auto !important
	}
	
	#top #contents ul.thumList li.sns.tate  dd:nth-of-type(1) img,#top #contents ul.thumList li.sns.tate  dd:nth-of-type(2) img{
		width:100% !important;
		height:auto !important;
	}
	
	#top #contents ul.thumList li.sns img {
		display: none;
	}
	#top #contents ul.thumList li.sns .sp {
		display: inline-block;
	}
	#top #contents ul.thumList li a{
		display:block;
		text-decoration:none;
		position:relative;
		top:0px;
		left:0;
		opacity:1 !important;
	
	}
	
	#top #contents ul.thumList li i{
		display:block;
		background:url(../images/pc/top/new.png) no-repeat;
		height:58px;
		width:58px;
		background-size:58px;
		position:absolute;
		top:13px;
		left:13px;
	}
	
	#top #contents ul.thumList li.col3 i {
		bottom: auto;
		top:13px;
	}
	
	i.newbtm {
		bottom: 120px !important;
		top: auto !important;
	}
	
	#top #contents ul.thumList li .textArea{
		background:url(../images/pc/top/box_bg.gif) repeat-x 0 bottom #fff;
		background-size:4px;
		width:100% !important;
		height:auto !important;
		margin:0 auto !important;
	}
	#top #contents ul.thumList li .textArea .inner{
		padding:15px 20px 20px;
		height:73px;
		position:relative;
		width:auto;
		width:auto;
	}
	#top #contents ul.thumList li.col2 .textArea .inner{
		width:auto;
	}
	#top #contents ul.thumList li.col3 .textArea .inner{
		width:auto;
	}
	#top #contents ul.thumList li .textArea p{
		font-size:16px;
		font-weight:bold;
	}
	#top #contents ul.thumList li .textArea span{
		display:block;
		position:absolute;
		bottom:20px;
		left:20px;
		color:#ff0000;
		padding-left:20px;
	}

/*
	#top #contents #sp_mv{ display:block;}
*/

}