@charset "utf-8";
/* 機動戦士ガンダム サンダーボルト */
body.tbWrap {
	text-align: left;
	font-size: 14px;
	line-height: 1.7em;
	background: #000 url(../images/bg.jpg) fixed center top;
}
.gundam-tbWrap p, .gundam-tbWrap02 p, .gundam-tbWrap03 p, .gundam-tbWrap04 p, .gundam-tbWrap05 p, .gundam-tbWrap06 p {
	margin-bottom: 14px;
}
.main {
	background: url(../images/ttl_bg.png) no-repeat center 313px;
	color: #fff;
	padding-top: 38px;
}
.photo {
	max-width: 1600px;
	margin: 20px auto 0;
}
.main .logo {
	width: 100%;
}
.main .ttl {
	width: 400px;
	margin: 36px 0 40px -8px;
}
.main img {
	width: 100%;
}
.container {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}

@media only screen and (max-width: 960px) {
body.tbWrap {
	background-repeat: no-repeat; 
}
.main {
	padding-top: 20px;
	background: none;
}
.photo {
	margin-top: 0;
}
.container {
	width: 96%;
}
.main .logo {
	margin-bottom: 15px;
}
.main .ttl {
	width: 100%;
	margin: 15px 0 15px -8px;
}
}

@media only screen and (max-width: 720px) {
.container {
	width: 96%;
}
}
.story {
	color: #fff;
	padding: 60px 0 50px;
}
.character {
	background-color: rgba( 0, 175, 249, 0.5 );
	color: #fff;
	padding: 60px 0 50px;
}
.cast {
	color: #fff;
	padding: 60px 0 20px;
}
.point {
	color: #fff;
	padding: 60px 0 0;
}
.ttl, .subttl {
	text-align: center;
	margin-bottom: 30px;
}
.move {
	position: relative;
	width: 96%;
	padding-top: 56.25%;
	margin: 0 auto;
}
.move iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.point01 {
	overflow: hidden;
	position: relative;
	display: table;
	width: 100%;
	max-width: 1400px;
	min-width: 1100px;
	margin: 0 auto;
	background: url(../images/point01_sp.jpg) no-repeat center right scroll;
	background-size: auto 100%;
}
.point01 .container {
	background: url(../images/01.png) no-repeat bottom left scroll;
}
.point02 {
	overflow: hidden;
	position: relative;
	display: table;
	width: 100%;
	max-width: 1400px;
	min-width: 1100px;
	margin: 0 auto;
	background: url(../images/point02_sp.jpg) no-repeat center left scroll;
	background-size: auto 100%;
}
.point02 .container {
	background: url(../images/02.png) no-repeat bottom right scroll;
}
.point03 {
	overflow: hidden;
	position: relative;
	display: table;
	width: 100%;
	max-width: 1400px;
	min-width: 1100px;
	margin: 0 auto;
	background: url(../images/point03_sp.jpg) no-repeat center right scroll;
	background-size: auto 100%;
}
.point03 .container {
	background: url(../images/03.png) no-repeat bottom left scroll;
}
.point01 .container, .point02 .container, .point03 .container {
	min-height: 410px;
}
h5.ttlPoint, h4.ttlName, h5.ttlName {
	margin: 50px 0 16px;
}
h5.ttlPoint img, h4.ttlName img, h5.ttlName img {
	width: 100%;
	max-width: 640px;
}
.special {
	color: #fff;
	padding: 0px;
	min-height: 410px;
}
.special .soon {
	margin-top: 150px;
	text-align: center;
}

.special01 {
	overflow: hidden;
	position: relative;
	display: table;
	width: 100%;
	max-width: 1400px;
	min-width: 1100px;
	min-height: 410px;
	margin: 0 auto 10px;
}
.special01 .container {
	margin: 0px auto;
	width: 900px;
}
h5.ttlSpecial {
	margin: 0px 0px 16px;
}
h5.ttlSpecial img {
	width: 100%;
	max-width: 640px;
}
.special01 p {
	line-height: 1.7em;
	font-weight: bold;
	margin: 50px 0px 0px;
}
.special01 dl {
	line-height: 1.7em;
}
.special01 dt {
	font-weight: bold;
	color: #52cdfa;
	float: left;
	width: 3em;
}
.special01 dd {
	margin: 0px 0px 20px;
}
.specialph01 {
	width: 46%;
	float: right;
	margin: 0px 0px 50px 4%;
}
.specialph02 {
	width: 46%;
	float: left;
	margin: 0px 4% 50px 0px;
}

.character .soon {
	margin: 80px auto;
	text-align: center;
}
.cast dl {
	margin-bottom: 5px;
}
.cast dt, .cast dd {
	display: inline-block;
}
.cast dt {
	color: #FFF9B6;
}
.cast .info {
	text-align: center;
	padding-top: 40px;
}
.info .c {
	font-size: 10px;
	text-align: center;
}

.cnm {
	display: table;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.cnm p {
	width: 76%;
	margin-right: auto;
	margin-left: auto;
}
.cnm01 {
	overflow: hidden;
	position: relative;
	display: table;
	width: 50%;
	height: 570px;
	float: left;
	margin-top: 20px;
	background: url(../images/cimg01.png) no-repeat top right scroll;
	background-size: auto 100%;
}
.cnm01 .container {
	margin: 0px;
	float: left;
}
.cnm02 {
	overflow: hidden;
	position: relative;
	display: table;
	width: 50%;
	height: 570px;
	float: right;
	margin-top: 20px;
	background: url(../images/cimg02.png) no-repeat top left scroll;
	background-size: auto 100%;
}
.cnm02 .container {
	margin: 0px;
	float: right;
}
.cnm03 {
	overflow: hidden;
	position: relative;
	display: table;
	width: 50%;
	height: 570px;
	float: left;
	background: url(../images/cimg03.png) no-repeat top left scroll;
	background-size: auto 100%;
}
.cnm03 .container {
	margin: 0;
	float: right;
}
.cnm04 {
	overflow: hidden;
	position: relative;
	display: table;
	width: 50%;
	height: 570px;
	float: right;
	background: url(../images/cimg04.png) no-repeat top right scroll;
	background-size: auto 100%;
}
.cnm04 .container {
	margin: 0;
	float: left;
}
.mnm {
	display: table;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.mnm p {
	width: 76%;
	margin-right: auto;
	margin-left: auto;
}
.mnm01 {
	overflow: hidden;
	position: relative;
	display: table;
	width: 100%;
	height: 786px;
	margin-top: 20px;
	background: url(../images/mimg01.png) no-repeat top right scroll;
	background-size: auto 100%;
}
.mnm01 .container {
	margin: 0;
	float: left;
}
.mnm02 {
	overflow: hidden;
	position: relative;
	display: table;
	width: 100%;
	height: 650px;
	margin-top: 20px;
	background: url(../images/mimg02.png) no-repeat top left scroll;
	background-size: auto 100%;
}
.mnm02 .container {
	margin: 0px 15% 0px 0px;
	float: right;
}
.mnm03 {
	overflow: hidden;
	position: relative;
	display: table;
	width: 100%;
	height: 642px;
	background: url(../images/mimg03.png) no-repeat top right scroll;
	background-size: auto 100%;
}
.mnm03 .container {
	margin: 0px 0px 0px 15%;
	float: left;
}
.mnm04 {
	overflow: hidden;
	position: relative;
	display: table;
	width: 100%;
	height: 646px;
	background: url(../images/mimg04.png) no-repeat top left scroll;
	background-size: auto 100%;
}
.mnm04 .container {
	margin: 0px 15% 0px 0px;
	float: right;
}

.lnkbtn {
	margin: 20px 0 60px;
}

.lnkbtn ul {
	margin: 0px auto;
	width: 460px;
}

.lnkbtn li {
	width: 460px;
	margin: 0px 10px;
}
.info .lnkbtn {
	margin: 20px 0 30px;
}


@media only screen and (max-width: 1400px) {
h5.ttlPoint, h4.ttlName, h5.ttlName {
	margin: 20px 0;
}
.point01 .container, .point02 .container, .point03 .container {
	min-height: 390px;
	transition-duration : 0.2s;
}
}
@media only screen and (max-width: 1280px) {
.point01 .container, .point02 .container, .point03 .container {
	min-height: 340px;
	transition-duration : 0.2s;
}
}
@media only screen and (max-width: 960px) {
.point01, .point02, .point03 {
	min-width: 100%;
}
.point01, .point02, .point03, .point01 .container, .point02 .container, .point03 .container {
	background: none;
}
.point .grid_2 {
	width: 60%;
	padding: 0 2% 2%;
}
h5.ttlPoint, h4.ttlName, h5.ttlName {
	margin: 20px 0;
}
.subttl img {
	width: 100%;
}
.main .ttl img {
	height: auto;
}

.cnm p {
	width: 86%;
}
.cnm01, .cnm03, .cnm02, .cnm04 {
	width: 80%;
	height: 570px;
	float: none;
	margin: 0px auto;
}
.cnm03 {
	background: url(../images/cimg03.png) no-repeat top right scroll;
}
.cnm04 {
	background: url(../images/cimg04.png) no-repeat top left scroll;
}
.cnm01 .container {
	margin: 40px 0px 0px;
	float: left;
}
.cnm02 .container {
	margin: 40px 0px 0px;
	float: right;
}
.cnm03 .container {
	margin: 40px 0px 0px;
	float: left;
}

.cnm04 .container {
	margin: 40px 0px 0px;
	float: right;
}

.mnm p {
	width: 86%;
}
.mnm01 {
	background: url(../images/mimg01.png) no-repeat top center scroll;
}
.mnm01 .container {
	margin: 786px auto 0;
	float: none;
}
.mnm02 {
	background: url(../images/mimg02.png) no-repeat top center scroll;
}
.mnm02 .container {
	margin: 650px auto 0;
	float: none;
}
.mnm03 {
	background: url(../images/mimg03.png) no-repeat top center scroll;
}
.mnm03 .container {
	margin: 642px auto 0;
	float: none;
}
.mnm04 {
	background: url(../images/mimg04.png) no-repeat top center scroll;
}
.mnm04 .container {
	margin: 646px auto 0;
	float: none;
}

.lnkbtn {
	margin: 20px 0 0px;
}

.special01 {
	width: 96%;
	max-width: 96%;
	min-width: 96%;
	margin: 0 auto 30px;
}
.special01 .container {
	margin: 0px auto;
	width: 96%;
}
h5.ttlSpecial {
	margin: 0px 0px 16px;
}
h5.ttlSpecial img {
	width: 100%;
	max-width: 640px;
}
.special01 p {
	margin: 0px;
}
.specialph01, .specialph02 {
	width: 96%;
	float: none;
	margin: 0px 2% 30px;
}

}
@media only screen and (max-width: 720px) {
.story, .character {
	padding: 40px 0 20px;
}
.point {
	padding: 40px 0 0;
}
.cast {
	padding: 40px 0 10px;
}
.ttl, .subttl {
	margin-bottom: 20px;
}
.ttl img {
	height: 36px;
}
h5.ttlPoint, h4.ttlName, h5.ttlName {
	margin: 10px 0;
}
h5.ttlPoint img, h4.ttlName img, h5.ttlName img {
	width: 100%;
}
.point01, .point02, .point03 {
	background: none;
}
.point .grid_2 {
	width: 98%;
	padding: 0 1% 2%;
}
.special {
	color: #fff;
	padding: 40px 0 30px;
	min-height: 200px;
}
.special .soon {
	margin-top: 60px;
}
.character .soon {
	margin: 40px auto;
	text-align: center;
}
.cast .grid_3 {
	margin-bottom: 20px;
}
.cast .info {
	text-align: left;
	padding-top: 40px;
	margin-top: -30px;
}

.cnm p {
	width: 96%;
}
.cnm01, .cnm03, .cnm02, .cnm04 {
	width: 100%;
	min-height: 570px;
	float: none;
	margin: 10px auto 0px;
}
.cnm01 {
	background: url(../images/cimg01.png) no-repeat top center scroll;
}
.cnm02 {
	background: url(../images/cimg02.png) no-repeat top center scroll;
}
.cnm03 {
	background: url(../images/cimg03.png) no-repeat top center scroll;
}
.cnm04 {
	background: url(../images/cimg04.png) no-repeat top center scroll;
}
.cnm01 .container, .cnm02 .container, .cnm03 .container, .cnm04 .container {
	margin: 570px 0px 0px;
	float: none;
}

.mnm p {
	width: 100%;
}
.mnm01, .mnm02, .mnm03, .mnm04 {
	background: url(none);
	width: 100%;
	height: auto;
}
.mnm01 .container, .mnm02 .container, .mnm03 .container, .mnm04 .container {
	margin: 0px;
	float: none;
}

.lnkbtn ul {
	margin: 0px auto;
	width: 100%;
}

.lnkbtn li {
	width: 96%;
	margin: 30px auto 0px;
	float: none;
}
.info .lnkbtn {
	margin: 0px 0 20px;
}
.special01 {
	margin: 0 auto 0;
}
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}
* html .clearfix, *:first-child+html .clearfix {
	zoom: 1
}
.sns {
	width: 360px;
	margin: 0 auto;
	padding: 20px 0px;
}
.sns li {
	float: left;
	padding: 0;
	margin: 0px 10px;
	list-style: none;
}
.sns .litwt {
	width: 74px;
}
.sns .lifb {
	width: 100px;
}
.sns .liline {
	width: 82px;
}
/* ------------------------------
	レスポンシブ
------------------------------ */
.sp {
	display: none;
}
.grid_1 {
	width: 96%;
	padding: 0 2% 4%;
}
.grid_2 {
	width: 46%;
	padding: 0 2% 2%;
}
.grid_3 {
	width: 38%;
	padding: 0 2% 2% 10%;
}
.grid_4 {
	width: 41%;
	padding: 0 2% 2%;
}
.grid_5 {
	width: 72%;
}
.grid_6 {
	width: 36%;
}
.grid_7 {
	width: 50%;
}
.L {
	float: left;
}
.R {
	float: right;
}
@media only screen and (max-width: 960px) {
.grid_4 {
	width: 96%;
	padding: 0 2% 2%;
}
.grid_5, .grid_6 {
	width: 76%;
}
.grid_7 {
	width: 100%;
}
.point .sp {
	display: block;
}
.point .pc {
	visibility: hidden;
	display: none;
}
}
@media only screen and (max-width: 720px) {
.sp {
	display: block;
}
.pc {
	visibility: hidden;
	display: none;
}
.grid_3, .grid_2, .grid_1, .grid_5, .grid_6 {
	width: 96%;
	padding: 0 2% 2%;
}
}