@charset "UTF-8";

body { background-color: #2B393C; background-image: url(../img/book03back.png); background-position: center top; }
header { background-color: #2C393D; font-size: 0.8em; color: #9E9881; font-weight: 500; }
header h1 { width: 980px; margin-right: auto; margin-left: auto; }
footer { background-color: #2C393D; font-size: 0.8em; color: #9E9881; font-weight: 500; }
footer  div { width: 980px; margin-right: auto; margin-left: auto; }
article div h1 .sp_none_display { width: 100%; margin-top: 35px; text-align: center; }
article div h1 img { margin-right: auto; margin-left: auto; }

#book_lp_wrap { box-shadow: 1px 1px 1px rgba(0,0,0,0.2); margin-left: auto; margin-rigth:;auto; margin-right: auto; 1px; border: 1px solid #DFDCE1; outline: solid 1px #999; background-color: #FFF; width: 980px; padding-right: 50px; padding-left: 50px; padding-bottom: 50px; background-image: url(../img/book03_02.png); background-repeat: no-repeat; background-position: center top; padding-top: 0px; }
#book_lp_wrap h2 { font-size: 1.5em; margin-top: 3%; margin-bottom: 3%; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; line-height: 1.5em; }
.main_title { color: #336666; }
.konyu { margin-top: 20px; margin-bottom: 10px; font-size: 1.2em; color: #3C6; font-weight: bold; }
.why { margin-top: 8%; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-size: 1.3em; line-height: 1.8em; font-weight: bold; margin-bottom: 8%; float: left; width: 63%; }
#summary_a { margin-top: 0%; margin-bottom: 5%; overflow: hidden; }
#summary_a h1 { margin-bottom: 3%; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-size: 2em; line-height: 1.3em; margin-top: 3%; }
#summary_a h3 { color: #2E7F7F; line-height: 1.6em; margin-top: 0px; margin-right: 0px; margin-bottom: 1%; margin-left: 0px; font-size: 1.5em; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
#summary_b { padding: 40px; background-color: #29373A; border: 1px solid #DFDCE1; outline: solid 1px #999; color: #C1C4C6; background-image: url(../img/g_line_the_answer.png); background-repeat: no-repeat; background-position: center bottom; font-size: 1.2em; line-height: 1.4em; } 
#summary_b h3 { font-size: 1.5em; margin-bottom: 20px; color: #FFF; }
#summary_c { margin-top: 3%; }
#summary_c h1 { margin-bottom: 3%; font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-size: 2.9em; line-height: 1.3em; margin-top: 3%; }
#summary_c h2 { font-size: 1.5em; color: #2E7F7F; margin-top: 3%; }
#summary_c .left { float: left; width: 620px; }
#summary_c img { float: left; width: 250px; }
#summary_c p { width: 100%; clear: both; }
#summary_c ul li { border: 1px solid #DFDCE1; outline: solid 1px #999; text-shadow: 1px 1px 1px #000; background-color: #9F7D33; padding: 20px; color: #FFFFFF; margin-bottom: 2%; font-weight: bold; font-size: 1.2em; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; background-image: url(../img/g_line_the_answer02.png); }
#summary_d h1 { font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-size: 3em; line-height: 1.3em; margin-top: 3%; margin-bottom: 3%; }
#summary_d h2 { font-size: 1.4em; margin-top: 1%; margin-bottom: 1%; font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; padding: 0px; }
.win #summary_d h2 { font-size: 1.4em; margin-top: 1%; margin-bottom: 1%; font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "メイリオ", "Meiryo" "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; padding: 0px; }

#summary_d h3 { font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-size: 2em; margin-top: 6%; margin-bottom: 3%; }

.contents  { width: auto;  overflow: hidden; padding-bottom: 50px; }
#profile p { float: left; width: 520px; }
hr { width: auto; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #0E1321; border-top-style: none; border-right-style: none; border-left-style: none; }
.point_a { color: #F5D132; font-weight: bold; padding-right: 10px; padding-left: 10px; }
.point_b { color: #F5D132; font-size: 1.6em; font-weight: bold; padding-right: 10px; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
.point_c { font-size: 1.5em; font-weight: bold; color: #2D7F7F; padding-right: 8px; line-height: 1.3em; }
.cart { width: 600px; padding-top: 20px; }
.goods_con .cart h1 { font-size: 1.5em; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
#a_voice_con { margin-top: 2%; }
.a_voice_box { overflow: hidden; border: 1px solid #CCC; padding: 1; margin-bottom: 2%; }
.a_voice_box img { float:left; }
.a_voice_box h3  { float: left; margin-bottom: 2%; color: #2C7F7F; font-size: 1.3em; margin-top: 2%; }
.a_voice_box p { float: left; width: 650px; }
.a_voice_box p span { display: block; font-weight: bold; color: #B0934F; margin-top: 1%; }
.pc_none_display { display: none; }
.sp_none_display { display: block; }


#kingaku { }
#kingaku h3 { font-size: 24px; margin-bottom: 5px; overflow: hidden; }
#kingaku h3 .shurui { width: 150px; display: block; float: left; }
#kingaku h3 .kingaku { width: 100px; display: block; float: left; text-align: right; }
#kingaku h3 .tax { font-size: 14px; color: #666; }



@media handheld, only screen and (max-width: 720px) {

}

 @media screen and (max-width: 980px) {
header h1 {width: 100%;}
footer div {width: 100%;}
.pc_none_display { display: block; }
.sp_none_display { display: none; }
article div h1 { margin-top: 0px; }
#book_lp_wrap { margin-left: auto; margin-rigth:;auto; margin-right: auto; 1px; background-color: #FFF; width: 100%; background-image: none; padding: 3%; }
.why { float: none; margin-bottom: 1%; width: 100%; }
.why + div { margin-right: auto; margin-left: auto; text-align: center; width: 100%; }

#summary_c .left { float: none; width: 100% ; }
#summary_c .left + div { margin-right: auto; margin-left: auto; text-align: center; width: 100%;  }
#summary_c img { float: none; width: 250px; }

.cart { width: 100%; padding-top: 20px; }
#profile p { float: none; width: 100%; }
.a_voice_box { overflow: hidden; border: 1px solid #CCC; margin-bottom: 2%; text-align: center; padding: 2%; }
.a_voice_box img { float: none; margin-right: auto; margin-left: auto; text-align: center; width: 140px; }
.a_voice_box h3  { float: none; margin-bottom: 2%; color: #2C7F7F; font-size: 1.3em; margin-top: 2%; }
.a_voice_box p { float: none; width: 100%; text-align: left; }
}

 @media screen and (max-width: 480px) {
#summary_a h1 { font-size: 1.5em; }
#summary_c h1 { font-size: 1.5em; }
#summary_a h3 { font-size: 1.2em; }
#summary_d h1 { font-size: 1em; }
#summary_b { padding: 5%; }
#summary_d h1 { font-size: 1.5em; }
#summary_d h2 { font-size: 1.2em;  }
#summary_d h3 { font-size: 1.2em;  }

.point_b { font-size: 1.2em; padding: 0px; margin-bottom: 5%; width: 100%; display: block; line-height: 1.3em; }
.point_c { font-size: 1.2em; }

}
 @media screen and (max-width: 320px) {

.why { font-size: 1em; }

#summary_a h3  { font-size: 1.1em; }
#summary_b h3 { font-size: 1.2em;  }


}