@charset "UTF-8";

/* ==================================================================
CSS information
style info :「guard」 用
================================================================== */

/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { background:#fffef6; }
.nojs { display: none;}

#mainvisual .layout {
	background:url(../_img/guard/mv_bg2.png) center top no-repeat;
	margin-bottom: 10px;
}
#mainvisual .btn_pv {
	padding-top: 35px;
	text-align:center;
}
#mainvisual .btn_more {
	padding-top:20px; padding-bottom:30px;
	text-align:center;
}
#mainvisual .info{
	margin: 20px 52px 10px 52px;
	background: url(../_img/guard/info_bg02.png) 50% 50% no-repeat;
	
}
#mainvisual .info .infoinner{
	width: 100%;
	background: url(../_img/guard/info_bg01.png) 50% 0 no-repeat;
}
#mainvisual .info p{
	width: 100%;
	background: url(../_img/guard/info_bg03.png) 50% 100% no-repeat;
}
#mainvisual .info p a{
	font-size: 20px;
	line-height: 1.4;
	padding: 16px 12px 14px 130px;
	display: block;
}
#mainvisual .btn_tiral{
	margin: 20px 52px 10px 52px;
	
}

/* --------------------------------------------------------
#c1
-------------------------------------------------------- */
#c1 {
	background:#2372e8;
}

/* --------------------------------------------------------
#c2
-------------------------------------------------------- */
#c2 {
  background: #1c5be0;
}
#c2 .video {
	height:327px;
	background:url(../_img/guard/video_bg.jpg) center top no-repeat;
}
#c2 #video-box { width: 530px; height: 300px; margin: 0 auto 39px; padding: 11px 0 0; position: relative; background-size:cover;}
.not #video-box iframe { display: none; }
.not #video-box .nojs { display: block; }

#c2 .talk .talk_l dt {
  float: left;
}
#c2 .talk .talk_l dd {
  float: right;
}
#c2 .talk .talk_r dt {
  float: right;
}
#c2 .talk .talk_r dd {
  float: left;
}

/* --------------------------------------------------------
#c3
-------------------------------------------------------- */
#c3 {
  background: #2372e8;
}
#c3 .c3_inner {
  margin-top: 45px;
  background: #fffef6;
}
#c3 .c3_inner .video {
	height:320px;
	background:url(../_img/guard/c3_video_bg.jpg) center top no-repeat;
}
#c3 #video-box2 { width: 428px; height: 241px; margin: 0 auto; padding: 16px 0 0; position: relative; background-size:cover;}
.not #video-box2 iframe { display: none; }
.not #video-box2 .nojs { display: block; }

#c3 .c3_inner .last {
  padding-top: 51px;
  padding-bottom: 58px;
  text-align: center;
}

#c3 .c3-amiibo { text-align: center; position: relative; max-width: 580px; margin: 0 auto 20px;}
#c3 .c3-amiibo .inew { position: absolute; top: 0; left: 0;}

/* --------------------------------------------------------
#c4
-------------------------------------------------------- */
#c4 {
	padding-bottom:40px;
	background:#2372e8;
}
#c4 .last {
	width:100%;
	padding-top: 25px;
	text-align:center;
}


/* --------------------------------------------------------
#c5
-------------------------------------------------------- */
#c5 {
	position:relative;
}


/* --------------------------------------------------------
#c6
-------------------------------------------------------- */
#c6 { background: #2372e8; position: relative;}
#c6 .inew { position: absolute; top: 0; left: 0; }

#c6 .c6_ttl { padding-top:15px; padding-bottom:32px; text-align:center; }
#c6 .txt { text-align:center; padding-bottom:38px; }

#c6 .c6_inner {
	padding-top:50px; padding-bottom: 10px;
	background: #fffef6 url(../_img/guard/c6_bg.png) center top repeat-x;
}
#c6 .c6_inner dt { margin-bottom: 20px;}
#c6 .c6_inner dd { margin-bottom: 40px;}

#c6 .c6_inner .picList { text-align: center; }
#c6 .c6_inner .picList li { display: block; text-align: center; margin-bottom: 20px; }

#c6 .c6_inner .create { text-align: center; margin-bottom: 70px; }
#c6 .c6_inner .create .picList { padding-top: 12px;}

#c6 .c6_inner .play { text-align: center; }
#c6 .c6_inner .play .picList { padding-top: 12px;}
#c6 .c6_inner .play .picList li { margin-bottom: 40px; }


/* --------------------------------------------------------
#footer
-------------------------------------------------------- */

#spec_wrap { background:#054fbd; height:786px; }
#spec li { position:relative; }
#spec .spec_double p {
	padding-bottom:20px;
	text-align:center;
}
#spec .spec_single p {
	position:absolute;
	left:30px; top:199px;
}

#footer_wrap { background:#00398e; }




/* ----------------------------------------------------------------------------------------------------------------
#colorbox.forMV
---------------------------------------------------------------------------------------------------------------- */
.forMV #cboxClose { top: 0px; right: 0px;}