@charset "utf-8";

/* ****************************************************
Title: layout.css
***************************************************** */

/* -------------------------------------------------------------------- 
 body
-------------------------------------------------------------------- */

#main,#gheader {
	color: #2b0e06;
	font-family:	"HiraginoKaku-W3-90msp-RKSJ-H", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック",  Verdana, Osaka, "MS PGothic", Sans-Serif;
	/*font-family:"HiraginoKaku-W3-90msp-RKSJ-H","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;*/
	font-size: 13px;
	*font-size:small;
	*font:x-small;
	text-align: center;
	text-size-adjust: 100%;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	/*max-height: 999999px;*/
}
#main p, #main span, #main dt, #main dd, #main th, #main td, #main li, #main h3 { /*max-height: 999999px;*/ background-image: url(/smartphone/sports/vaam/marathon/100qa/img/spacer.gif); }

#main,#gheader, #main:before, #main:after { box-sizing: border-box; line-height: 1em; }

.innerTable {width: 100%; }
.innerTable .cell { display: block; vertical-align: middle; }

/* -------------------------------------------------------------------- 
 header
-------------------------------------------------------------------- */

#gheader {
	background: url(/smartphone/sports/vaam/marathon/100qa/img/header_bg_01.jpg) center center no-repeat;
	background-size: cover;
	height: 278px; }


.header {
	position: relative;
	background: url(/smartphone/sports/vaam/marathon/100qa/img/header_inner_bg_02.png) top center no-repeat;
    background-size: 100% auto;
	width: 100%;
    height: 278px;
	margin: auto;
}

.header .txtArea { width: 70%; position: absolute; bottom: 0px; right: 0px;height: auto; }
.header .txtArea .innerTable .cell { text-align: justify; }
.header .txtArea .innerTable .cell p { color: #fff; }
.header .txtArea .innerTable .cell01 p { font-size: 11px; font-weight: bold; white-space: nowrap;  padding: 10px 10px 5px;}
.header .txtArea .innerTable .cell02 p { font-size: 9px; letter-spacing: -1px; line-height:1;  padding:  5px 10px 10px; }

/* -------------------------------------------------------------------- 
 main
-------------------------------------------------------------------- */

.block { margin: 18px 0px; }

/*-----------------------*/

.block01 .txtArea p { font-size: 9px; /*line-height: 30px;*/letter-spacing:-0.7px; font-weight: bold; color: #0A41A8; }

/*-----------------------*/

.block02 .txtArea {
	background: url(/smartphone/sports/vaam/marathon/100qa/img/bl02_bg.png) top center no-repeat; background-size: 100% auto; width: 215px; height: 69px; margin: auto;
	text-align: justify;padding: 8px 12px 0 72px; box-sizing: border-box;}
.block02 .txtArea p + p { margin-top: 4px; }
.block02 .txtArea p.name { font-size: 11px; font-weight: bold; color: #fff; }
.block02 .txtArea p.text { font-size: 8px; line-height: 1.05; color: #fff; letter-spacing: -1.195px;}

/*-----------------------*/

.block03 .koma { width: 96%; margin: auto; margin-bottom: 5px; }
.block03 .koma ul li { margin-bottom: 6px; }

.block03 .koma01 .btnArea {}
/*.block03 .koma02 .btnArea { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_btn02.png) top center no-repeat; background-size: 100% auto; width: 100%; height: auto; }
.block03 .koma03 .btnArea { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_btn03.png) top center no-repeat; background-size: 100% auto; width: 100%; height: auto; }
.block03 .koma04 .btnArea { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_btn04.png) top center no-repeat; background-size: 100% auto; width: 100%; height: auto; }*/

.block03 .koma .btnArea { position: relative;}
.block03 .koma .btnArea img{ width: 100%; }
.block03 .koma .btnArea span{ position: absolute;top:calc(50% - 9px);bottom:calc(50% - 9px);left:0;right:0;}
.block03 .koma .btnArea p { font-size: 18px; color: #fff; }

.block03 .koma .innerTable { display:table;}
.block03 .koma .innerTable .cell { display:table-cell;}

.block03 .koma01 .innerTable { background: rgba(218,34,134,.1); }
.block03 .koma02 .innerTable { background: rgba(149,44,145,.1); }
.block03 .koma03 .innerTable { background: rgba(79,55,157,.1);  }
.block03 .koma04 .innerTable { background: rgba(10,65,168,.1);  }

.block03 .koma .cell01 { width: 44px; }
.block03 .koma .cell01 div { width: 36px; height: 16px; margin: auto; }
.block03 .koma01 .q01 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q01.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma01 .q02 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q02.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma01 .q03 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q03.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma01 .q04 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q04.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma01 .q05 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q05.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma01 .q06 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q06.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma02 .q07 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q07.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma02 .q08 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q08.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma02 .q09 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q09.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma02 .q10 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q10.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma03 .q11 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q11.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma03 .q12 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q12.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma03 .q13 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q13.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma03 .q14 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q14.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma03 .q15 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q15.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma03 .q16 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q16.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma04 .q17 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q17.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma04 .q18 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q18.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma04 .q19 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q19.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma04 .q20 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q20.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma04 .q21 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q21.png) top center no-repeat; background-size: 34px auto; }
.block03 .koma04 .q22 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q22.png) top center no-repeat; background-size: 34px auto; }

.block03 .koma .cell03 { width: 60px; }
.block03 .koma .cell03 div {
	width: 44px; height: 12px; margin: auto; background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_check.png) top center no-repeat; background-size: 100% auto; }

.block03 .koma01 .cell01 div, .block03 .koma01 .cell03 div { background-color: #DA2286; }
.block03 .koma02 .cell01 div, .block03 .koma02 .cell03 div { background-color: #952C91; }
.block03 .koma03 .cell01 div, .block03 .koma03 .cell03 div { background-color: #4F379D; }
.block03 .koma04 .cell01 div, .block03 .koma04 .cell03 div { background-color: #0A41A8; }

.block03 .koma .cell02 { text-align: left; padding: 8px 0px; }
.block03 .koma .cell02 p { font-size: 9px; }


a.js_toggleBtn:hover {
	cursor: pointer;
}

/*---2017/03/26 追加--------------------------------------*/

.block03 .koma .cell01 div.new { width: 36px; height: 26px; margin: auto; background-size: 34px auto !important; }

.block03 .koma01 .q23 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q23.png) top center no-repeat; }
.block03 .koma01 .q24 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q24.png) top center no-repeat; }
.block03 .koma01 .q25 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q25.png) top center no-repeat; }
.block03 .koma01 .q26 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q26.png) top center no-repeat; }
.block03 .koma01 .q27 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q27.png) top center no-repeat; }
.block03 .koma02 .q28 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q28.png) top center no-repeat; }
.block03 .koma02 .q29 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q29.png) top center no-repeat; }
.block03 .koma02 .q30 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q30.png) top center no-repeat; }
.block03 .koma02 .q31 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q31.png) top center no-repeat; }
.block03 .koma02 .q32 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q32.png) top center no-repeat; }
.block03 .koma02 .q33 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q33.png) top center no-repeat; }

.block03 .koma03 .q34 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q34.png) top center no-repeat; }
.block03 .koma03 .q35 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q35.png) top center no-repeat; }
.block03 .koma03 .q36 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q36.png) top center no-repeat; }
.block03 .koma03 .q37 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q37.png) top center no-repeat; }

.block03 .koma04 .q38 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q38.png) top center no-repeat; }
.block03 .koma04 .q39 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q39.png) top center no-repeat; }
.block03 .koma04 .q40 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q40.png) top center no-repeat; }
.block03 .koma04 .q41 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q41.png) top center no-repeat; }
.block03 .koma04 .q42 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q42.png) top center no-repeat; }
.block03 .koma04 .q43 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q43.png) top center no-repeat; }
.block03 .koma04 .q44 .cell01 div { background: url(/smartphone/sports/vaam/marathon/100qa/img/bl03_q44.png) top center no-repeat; }


/*--------------------------------------------------------*/

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

#gfooter {
	background: url(/smartphone/sports/vaam/marathon/100qa/img/footer_bg.jpg) top center no-repeat;
	background-size: 100% 8px;
	height: 8px; }
.footer { padding: 30px 0px; }

/* -------------------------------------------------------------------- */

.hide { display: none; }

#footerLinks ul li {
    font-size: 14px;
}

#gfooter {
  display: none;
}


#header_height{
  overflow: hidden;

}