@charset "utf-8";

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

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

html,body{min-width:375px;}

#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; }

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

.innerTable { width: 79%; display:-webkit-flex; display:-moz-flex; display:flex;-webkit-align-items: center;-moz-align-items: center;align-items: center;-webkit-justify-content: center;-moz-justify-content: center;justify-content: center;margin: auto; }
.innerTable .cell { vertical-align: middle; }

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

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

.header .topArea { padding: 2px 0px; text-align: left; }
.header .topArea img{ width: auto;height: 23px;}
.header .btmArea { background: #fff;width: 100%;}
.header .btmArea .innerTable .cell01 { padding-right: 12px; }
.header .btmArea .innerTable .cell01 .imgArea { width: 58px; height: 26px; text-align: center; }
.header .btmArea .innerTable .cell01 .imgArea img{ width:auto; height: 26px;}
.header .btmArea .innerTable .cell02 .imgArea img{ width:auto; height: 93px;}

.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(/smartphone/sports/vaam/marathon/100qa/img/faq_koma01_bg.png) top center; background-size: 100vw; }
.koma02 #main { background: url(/smartphone/sports/vaam/marathon/100qa/img/faq_koma02_bg.png) top center; background-size: 100vw; }
.koma03 #main { background: url(/smartphone/sports/vaam/marathon/100qa/img/faq_koma03_bg.png) top center; background-size: 100vw; }
.koma04 #main { background: url(/smartphone/sports/vaam/marathon/100qa/img/faq_koma04_bg.png) top center; background-size: 100vw; }
#main { padding: 40px 0 22px; }

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

.block { 
    /*position: relative;*/
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}
.block.ans { -webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;flex-direction: row-reverse; }
.block .imgArea { /*position: absolute; top: -10px;*/ }
.block.que .imgArea {left: 0px; }
.block.ans .imgArea {right: 0px; }

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

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

.block .txtArea { width: 100%; max-width: 232px;}
.block.que .txtArea { padding:10px 0 22px 22px; text-align: left; }
.block.ans .txtArea { padding:10px 22px 22px 0; text-align: right; }
.block:last-child .txtArea { padding-bottom:0; }

.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: 14px; width: 22px; height: 14px; }
.block.que .txtArea .bgWrap:before { left: -21px;  background: url(/smartphone/sports/vaam/marathon/100qa/img/yajirushi_p.png) top right no-repeat; background-size: 22px auto;}
.block.ans .txtArea .bgWrap:before { right: -21px; background: url(/smartphone/sports/vaam/marathon/100qa/img/yajirushi_b.png) top left no-repeat; background-size: 22px auto;}

.block .txtArea p { text-align: justify; font-size: 0.85em;line-height: 1.3; letter-spacing: 0.7px; color: #fff; padding: 14px; }

.block .txtArea .imgBlock { text-align: center; padding: 10px 10px 0px; }
.block .txtArea .imgBlock .cell { display: inline-block; }
.block .txtArea .imgBlock .cell + .cell { margin-left: 8px; }
.block .txtArea .imgBlock .cell p { text-align: center; line-height: 1.2em; padding: 0px; }
.block .txtArea .imgBlock .cell img{ max-width: 76px; }

.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: 10px 0px; }

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

.hide { display: none; }

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

#gfooter {
  margin: 0 0 18px 0;
}
#gfooter center{
  height: 11px;
}
#gfooter center img{
  height: 9px;
  vertical-align: top;
}

#header_height{
  overflow: hidden;

}