@charset "utf-8";
#wrapper .txt_l {
	font-size: 120%;
}
#wrapper .txt_m {
	font-size: 100%;
}

p{
	line-break: strict;
	line-height: 1.85em;
}
#contentsBox {
	background-color:#DDEFF9;
}

#mainvisual {
	background-image: url(/smartphone/sports/vaam/campaign/summertraining/common/img/mv_back.gif);
	background-position: center top;
	background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	-moz-background-size: 28px 28px;
	padding: 20px;
}
#mainvisual .inner{
	background-color: #FFF;
	position: relative;
	padding-bottom: 20px;
}
#mainvisual .title {
	text-align: center;
}
#mainvisual .title img {
	width: 150px;
	margin-top: -20px;
}
#mainvisual h1 {
	text-align: center;
	margin-top: 10px;
}
#mainvisual h1 img {
	width: 250px;
}
#mainvisual .subtitle {
	text-align: center;
	margin-top: 10px;
}
#mainvisual .subtitle img {
	width: 225px;
}
#mainvisual .balloon {
	width: 280px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 194px;
	margin-top: 20px;
}
#mainvisual .balloon .circle {
	position: absolute;
	left: 140px;
	top: 97px;
}
#mainvisual .balloon .chara {
	position: absolute;
}
#mainvisual .balloon .circle img {
	height: 194px;
	width: 194px;
	position: absolute;
	left: -97px;
	top: -97px;
	display: block;
}
#mainvisual .balloon#balloon1 .chara {
	padding-right: 0px;
	padding-bottom: 0px;
	right: 5px;
	bottom: 0px;
}
#mainvisual .balloon#balloon1 .chara img{
	width: 60px;
}
#mainvisual .balloon#balloon2 .chara {
	bottom: 0px;
	left: 10px;
}
#mainvisual .balloon#balloon2 .chara img{
	width: 46px;
}
#mainvisual .balloon#balloon3 .chara {
	right: 5px;
	bottom: 0px;
}
#mainvisual .balloon#balloon3 .chara img{
	width: 60px;
}
#mainvisual .balloon#balloon4 .chara {
	padding-right: 0px;
	padding-bottom: 0px;
	bottom: 0px;
	left: 10px;
}
#mainvisual .balloon#balloon4 .chara img{
	width: 48px;
}

#footer {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#profile {
	background-image: url(/smartphone/sports/vaam/campaign/summertraining/common/img/pro_back.gif);
	background-position: center top;
	background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	-moz-background-size: 28px 28px;
	padding: 20px;
	margin-top: 30px;
}
#profile .inner{
	background-color: #FFF;
	position: relative;
	padding-bottom: 20px;
}
#profile .p_center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 20px;
	
}
#profile .p_center img {
	width: 135px;
	background:url(/smartphone/sports/vaam/campaign/summertraining/common/img/profile_p1.png) no-repeat;
	background-size:contain;
}
#profile .txt_l {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
}
#profile .txt_m {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
}
#faq {
	background-image: url(/smartphone/sports/vaam/campaign/summertraining/common/img/faq_back.gif);
	background-position: center top;
	background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	-moz-background-size: 28px 28px;
	padding: 20px;
	margin-top: 70px;
	position: relative;
}
#faq .title {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: -60px;
}
#faq .title img {
	width: 240px;
}
#faq .inner{
	background-color: #FFF;
	position: relative;
	padding-bottom: 20px;
	margin-top: 10px;
}
#faq .subhead  {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#faq .subhead img {
	width: 100%;
	margin-top: 10px;
}
#faq #que_area {
	margin-left: 10px;
	margin-right: 10px;
}
#faq #que_area .number {
	text-align: center;
	padding-bottom: 20px;
	padding-top: 20px;
}
#faq #que_area .number img {
	width: 64px;
}
#faq #que_area .sec .accordion .txt_m {
	margin-top: 10px;
	font-size: 120%;
	line-height: 1.8em;
}
#faq #que_area .balloon  {
	text-align: center;
	padding-bottom: 20px;
	padding-top: 20px;
	border-bottom: 1px solid #CBCBCB;
}
#faq #que_area .balloon img {
	width: 20px;
}
#faq #que_area .balloon.no_border {
	border-bottom-style: none;
}
#faq #que_area .lock .txt_l {
	color: #009FE8;
	font-weight: bold;
	font-size: 150%;
	margin-right: -5px;
	line-height: 1.4em;
/*letter-spacing: -0.1em;*/
}
#faq #que_area .accordion .answer_img {
	margin-top: 20px;
}
#faq #que_area .accordion .answer_img .icon1.center,#faq #que_area .accordion .answer_img .icon2.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 20%;
}

#faq #que_area .accordion .float_l {
	width: 20%;
	float: left;
}
#faq #que_area .accordion .icon1 img {
	width: 100%;
	background:url(/smartphone/sports/vaam/campaign/summertraining/common/img/answer.png) no-repeat;
	background-size:contain;
}
#faq #que_area .accordion .answer_img .icon2 img {
	width: 100%;
	background:url(/smartphone/sports/vaam/campaign/summertraining/common/img/answer2.png) no-repeat;
	background-size:contain;
}
#faq #que_area .accordion .img_r {
	width: 75%;
	float: right;
}
#faq #que_area .accordion .img_r img {
	width: 100%;
}

#faq #que_area .accordion .q1_img img{
	background:url(/smartphone/sports/vaam/campaign/summertraining/common/img/q1_img.png) no-repeat;
	background-size:contain;
}
#faq #que_area .accordion .q2_img img{
	background:url(/smartphone/sports/vaam/campaign/summertraining/common/img/q2_img.png) no-repeat;
	background-size:contain;
}
#faq #que_area .accordion .q3_img img{
	background:url(/smartphone/sports/vaam/campaign/summertraining/common/img/q3_img.png) no-repeat;
	background-size:contain;
}
#faq #que_area .accordion .q4_img1 img{
	background:url(/smartphone/sports/vaam/campaign/summertraining/common/img/q4_img1.png) no-repeat;
	background-size:contain;
}
#faq #que_area .accordion .q4_img2 img{
	background:url(/smartphone/sports/vaam/campaign/summertraining/common/img/q4_img2.png) no-repeat;
	background-size:contain;
}
#faq #que_area .accordion .q4_img3 img{
	background:url(/smartphone/sports/vaam/campaign/summertraining/common/img/q4_img3.png) no-repeat;
	background-size:contain;
}
#faq #que_area .accordion .q4_img4 img{
	background:url(/smartphone/sports/vaam/campaign/summertraining/common/img/q4_img4.png) no-repeat;
	background-size:contain;
}
#faq #que_area .accordion .q5_img img{
	background:url(/smartphone/sports/vaam/campaign/summertraining/common/img/q5_img.png) no-repeat;
	background-size:contain;
}
#faq #que_area .accordion .q6_img img{
	background:url(/smartphone/sports/vaam/campaign/summertraining/common/img/q6_img.png) no-repeat;
	background-size:contain;
}
#faq #que_area .accordion .q7_img img{
	background:url(/smartphone/sports/vaam/campaign/summertraining/common/img/q7_img.png) no-repeat;
	background-size:contain;
}
#faq #que_area .accordion .q8_img1 img{
	background:url(/smartphone/sports/vaam/campaign/summertraining/common/img/q8_img1.png) no-repeat;
	background-size:contain;
}
#faq #que_area .accordion .q8_img2 img{
	background:url(/smartphone/sports/vaam/campaign/summertraining/common/img/q8_img2.png) no-repeat;
	background-size:contain;
}
#faq #que_area .accordion .q9_img img{
	background:url(/smartphone/sports/vaam/campaign/summertraining/common/img/q9_img.png) no-repeat;
	background-size:contain;
}
#faq #que_area .accordion .q10_img img{
	background:url(/smartphone/sports/vaam/campaign/summertraining/common/img/q10_img.png) no-repeat;
	background-size:contain;
}
#faq #que_area .accordion .txt_l  {
	color: #5DCF1D;
	margin-top: 30px;
	font-weight: bold;
	/*letter-spacing: -0.1em;*/
	font-size: 150%;
	margin-right: -5px;
}
#faq #que_area .accordion .img_cen  {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
#faq #que_area .accordion .img_cen img {
	width: 100%;
}
#faq #que_area .accordion .txt_m .float_l  {
	width: 48%;
	float: left;
}
#faq #que_area .accordion .txt_m .float_r  {
	width: 48%;
	float: right;
}
#faq #que_area .accordion .tml {
	letter-spacing: -0.5em;
}
#diacrisis {
	-moz-background-size: 28px 28px;
	padding: 10px;
	margin-top: 15px;
	text-align: center;
}
#diacrisis .balloon  {
	margin-top: 0px;
	padding-top: 0px;
}
#diacrisis .balloon img {
	width: 100%;
}
#diacrisis .btn {
	margin-top: 20px;
}
#diacrisis .btn img {
	width: 100%;
}
#diacrisis .float_l  {
	float: left;
	width: 49%;
	margin-top: 20px;
	margin-right: 2%;
}
#diacrisis .float_l img {
	width: 54%;
}
#diacrisis .float_r {
	float: right;
	width: 48%;
	margin-top: 20px;
}
#diacrisis .float_r img {
	width: 54%;
}
#items {
	background-image: url(../img/items_back.gif);
	background-position: center top;
	background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	-moz-background-size: 28px 28px;
	padding: 20px;
	margin-top: 70px;
	position: relative;
}
#items .title {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: -57px;
}
#items .title img {
	width: 93%;
}
#items .inner{
	background-color: #FFF;
	position: relative;
	padding-bottom: 20px;
	margin-top: 10px;
}
#items .subhead  {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
}
#items .txtarea  {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: -30px;
	z-index: 10;
	margin-bottom: 5px;
	text-align: left;
}
#items .txtarea .txt_l {
	font-weight: bold;
	margin-top: 10px;
}
#items .txtarea .txt_l .spc {
	/*letter-spacing: -0.1em;*/
}
#items .btn  {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 10px;
}
#items .btn img {
	width: 70%;
}
#items .txtarea .txt_m {
	line-height: 1.25em;
}
#items #item1 .subhead img {
	width: 75%;
}
#items #item1 .item_img {
	z-index: 5;
	text-align: right;
	margin-right: -10px;
}
#items #item1 .item_img img {
	width: 93%;
}
#items #item2 .subhead img {
	width: 85%;
}
#items #item2 .item_img {
	z-index: 5;
	text-align: right;
	margin-right: -10px;
}
#items #item2 .item_img img {
	width: 93%;
}
#items #item3 .subhead img {
	width: 65%;
}
#items #item3 .item_img {
	z-index: 5;
	text-align: center;
}
#items #item3 .item_img img {
	width: 87%;
}
#items #item4 .subhead img {
	width: 65%;
}
#items #item4 .item_img {
	z-index: 5;
	text-align: center;
}
#items #item4 .item_img img {
	width: 37%;
}
#items #item5 .subhead img {
	width: 81%;
}
#items #item5 .item_img {
	z-index: 5;
	text-align: center;
}
#items #item5 .item_img img {
	width: 40%;
}
#items #item5 .txtarea {
	margin-top: -60px;
}
#footer .sponsor  {
	margin-bottom: 10px;
	float: left;
	margin-right: 10px;
}
#footer .sponsor img {
	height: 12px;
	display: block;
}
#footer .copyright  {
}
#footer .copyright img  {
	height: 12px;
	display: block;
}
.pdt10 {
	padding-top: 10px;
}

.bnrBox img{
	margin:10px 0;
	width:100%;
}

@media screen and (max-width:320px){
   #header_height{
	   min-height: 47px;;
   }
}

@media screen and (min-width:321px){
   #header_height{
	   min-height: 57px;
   }
}

@media screen and (min-width:414px){
   #header_height{
	   min-height: 62px;
   }
}

@media screen and (min-width:568px){
   #header_height{
	   min-height: 77px;
   }
}

@media screen and (min-width:640px){
   #header_height{
	   min-height: 87px;
   }
}