@charset "utf-8";

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

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

#gheader,
#main{
	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;
}

#gheader,#main p, #main span, #main dt, #main dd, #main th, #main td, #main li, #main h3 { max-height: 999999px; background-image: url(/sports/vaam/marathon/100qa/img/spacer.gif); }, h3 { max-height: 999999px; background-image: url(/sports/vaam/marathon/100qa/img/spacer.gif); }

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

.wrap1000 { width: 1000px; margin: auto; }

.innerTable { display: table; margin: auto; }
.innerTable .cell { display: table-cell; vertical-align: middle; }

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

.koma01 #gheader { background: #DA2286; border-bottom: 8px solid #DA2286; }
.koma02 #gheader { background: #952C91; border-bottom: 8px solid #952C91; }
.koma03 #gheader { background: #4F379D; border-bottom: 8px solid #4F379D; }
.koma04 #gheader { background: #0A41A8; border-bottom: 8px solid #0A41A8; }

.header .topArea { padding: 4px 0px; text-align: left; }
.header .btmArea { background: #fff; }
.header .btmArea .innerTable .cell01 { padding-right: 30px; }
.header .btmArea .innerTable .cell01 .imgArea { width: 144px; height: 68px; text-align: center; }

.koma01 .header .btmArea .innerTable .cell01 .imgArea { background: #DA2286; }
.koma02 .header .btmArea .innerTable .cell01 .imgArea { background: #952C91; }
.koma03 .header .btmArea .innerTable .cell01 .imgArea { background: #4F379D; }
.koma04 .header .btmArea .innerTable .cell01 .imgArea { background: #0A41A8; }

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

.koma01 #main { background: url(/sports/vaam/marathon/100qa/img/faq_koma01_bg.png) top center; background-size: 100vw; }
.koma02 #main { background: url(/sports/vaam/marathon/100qa/img/faq_koma02_bg.png) top center; background-size: 100vw; }
.koma03 #main { background: url(/sports/vaam/marathon/100qa/img/faq_koma03_bg.png) top center; background-size: 100vw; }
.koma04 #main { background: url(/sports/vaam/marathon/100qa/img/faq_koma04_bg.png) top center; background-size: 100vw; }
#main { padding-top: 80px; }

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

.block { position: relative; }
.block .imgArea { position: absolute; top: -20px; }
.block.que .imgArea { left: 0px; }
.block.ans .imgArea { right: 0px; }

.block .imgArea .top { width: 170px; height: 170px; margin: auto; margin-bottom: 5px; }
.block .imgArea .btm { width: 108px; height:  42px; margin: auto; }
.block .imgArea .top,
.block .imgArea .btm { background-position: top center; background-repeat: no-repeat; }

.block.que .imgArea .top.bs       { background-image: url(/sports/vaam/marathon/100qa/img/illust_01_bu.png); }
.block.que .imgArea .top.ganbaru  { background-image: url(/sports/vaam/marathon/100qa/img/illust_02_ganbaru.png); }
.block.que .imgArea .top.shitsumon{ background-image: url(/sports/vaam/marathon/100qa/img/illust_03_shitsumon.png); }
.block.que .imgArea .top.nigawarai{ background-image: url(/sports/vaam/marathon/100qa/img/illust_04_nigawarai.png); }
.block.que .imgArea .top.uhm      { background-image: url(/sports/vaam/marathon/100qa/img/illust_05_uhm.png); }
.block.que .imgArea .top.huan     { background-image: url(/sports/vaam/marathon/100qa/img/illust_06_huan.png); }
.block.que .imgArea .top.genkou   { background-image: url(/sports/vaam/marathon/100qa/img/illust_07_genkou.png); }
.block.que .imgArea .top.ho       { background-image: url(/sports/vaam/marathon/100qa/img/illust_08_ho.png); }
.block.que .imgArea .top.bikkuri  { background-image: url(/sports/vaam/marathon/100qa/img/illust_09_bikkuri.png); }
.block.que .imgArea .top.sokka    { background-image: url(/sports/vaam/marathon/100qa/img/illust_10_sokka.png); }
.block.que .imgArea .top.sousou   { background-image: url(/sports/vaam/marathon/100qa/img/illust_11_sousou.png); }
.block.que .imgArea .top.unun     { background-image: url(/sports/vaam/marathon/100qa/img/illust_12_unun.png); }
.block.ans .imgArea .top.bs       { background-image: url(/sports/vaam/marathon/100qa/img/photo_01_bu.png); }
.block.ans .imgArea .top.yokudeki { background-image: url(/sports/vaam/marathon/100qa/img/photo_02_yokudeki.png); }
.block.ans .imgArea .top.point    { background-image: url(/sports/vaam/marathon/100qa/img/photo_03_point.png); }
.block.ans .imgArea .top.naze     { background-image: url(/sports/vaam/marathon/100qa/img/photo_04_naze.png); }
.block.ans .imgArea .top.ganbare  { background-image: url(/sports/vaam/marathon/100qa/img/photo_05_ganbare.png); }
.block.ans .imgArea .top.ganbare2 { background-image: url(/sports/vaam/marathon/100qa/img/photo_06_ganbare2.png); }
.block.ans .imgArea .top.dame     { background-image: url(/sports/vaam/marathon/100qa/img/photo_07_dame.png); }
.block.ans .imgArea .top.ok       { background-image: url(/sports/vaam/marathon/100qa/img/photo_08_ok.png); }
.block.ans .imgArea .top.uhm      { background-image: url(/sports/vaam/marathon/100qa/img/photo_09_uhm.png); }
.block.que .imgArea .btm { background-image: url(/sports/vaam/marathon/100qa/img/name_pink.png); }
.block.ans .imgArea .btm { background-image: url(/sports/vaam/marathon/100qa/img/name_blue.png); }

.block .txtArea { width: 100%; padding: 10px 180px 60px; }
.block.que .txtArea { padding-left:  240px; text-align: left; }
.block.ans .txtArea { padding-right: 240px; text-align: right; }

.block .txtArea .bgWrap { position: relative; display: inline-block; }
.block.que .txtArea .bgWrap { background: #E757A4; }
.block.ans .txtArea .bgWrap { background: #1AAEF3; }

.block .txtArea .bgWrap:before {
	content: ""; display: inline-block; position: absolute; top: 40px; width: 53px; height: 33px; }
.block.que .txtArea .bgWrap:before { left: -50px;  background: url(/sports/vaam/marathon/100qa/img/yajirushi_p.png) top right no-repeat; }
.block.ans .txtArea .bgWrap:before { right: -50px; background: url(/sports/vaam/marathon/100qa/img/yajirushi_b.png) top left no-repeat; }

.block .txtArea p { text-align: justify; font-size: 30px; line-height: 42px; color: #fff; padding: 30px; }

.block .txtArea .imgBlock { text-align: center; padding: 30px 30px 0px; }
.block .txtArea .imgBlock .cell { display: inline-block; }
.block .txtArea .imgBlock .cell + .cell { margin-left: 20px; }
.block .txtArea .imgBlock .cell p { text-align: center; line-height: 1.2em; padding: 0px; }

.block:last-child,
.block.mgbtm { min-height: 240px; }

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

.koma01 #gfooter { background: #DA2286; }
.koma02 #gfooter { background: #952C91; }
.koma03 #gfooter { background: #4F379D; }
.koma04 #gfooter { background: #0A41A8; }

.footer { padding: 30px 0px; }

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

.hide { display: none; }


/* -------------------------------------------------------------------- 
 HPC add
-------------------------------------------------------------------- */

#gfooter {
  height: 90px;
  overflow: hidden;
  margin: 0 0 50px 0;
}

.l-footer-inner {
    color: #666;
}