/*----------基本設定----------*/
html,body {
margin: 0;
padding: 0;
height:100%;
}

body {
margin: 0;
padding: 0;
color: #333;
background: #fff;
font-family: "游ゴシック", YuGothic ,'Yu Gothic',sans-serif;
font-size: 14pt;
text-justify: auto;
}

img {margin: 0 auto!important; padding: 0;}

/*----------画像センタリング----------*/
.img-center {display: block; margin: 10px auto;}

/*----------見出し----------*/
h1,h2,h3,h4,h5 {
  line-height: 1.1;
  margin: 0;
  padding: 0;
}

[class*="subhead-"] {
border-top: 2px solid #a9a169;
margin: 0;
padding: 20px 0;
clear: both;
}

.subhead-red {background: #c60000;}
.subhead-blue {background: #0075a9;}
.subhead-green {background: #3a8702;}
.subhead-orange {background: #fd7201;}

.sh {
text-align: center;
font-size: 120%;
font-weight: bold;
margin: 30px auto;
padding: 50px 0;
max-width: 880px;
color: #c60000;
}

/*----------背景色指定（h1、見出し背景など）----------*/
.bg-red {background: #c60000;} /*--赤--*/
.bg-blue {background: #0075a9;} /*--青--*/
.bg-dblue {background: #085070;} /*--青--*/
.bg-green {background: #638c0b;} /*--緑--*/
.bg-dgreen {background: #486704;} /*--緑--*/
.bg-orange {background: #fe7816;} /*--オレンジ--*/
.bg-gold {background: #807109;} /*--ゴールド--*/
.bg-black {background: #222;} /*--黒--*/

/*----------ヘッダー----------*/
.head {
margin: 0 auto;
padding: 0 0 140px;
background: #fff;
border-bottom: 90px solid #0075a9;
}

.logo {
background: #fdfdfc;
padding: 10px 2%;
border-bottom: 1px solid #e9e5dc;
}

.copy {
max-width: 970px;
width: 98%;
margin: 0px auto 0;
text-align: center;
    font-size: 1.3em;
}

.copy img {
float: none;
margin: 0 auto;
}

.copy img:first-child {
padding: 0 0 10px;}

.p0 {padding: 0;}

.sp {display: block;}
.pc {display: none;}

@media screen and (min-width: 768px) {
.head {
margin: 0 auto;
padding: 0 0 210px;
background: #fff;
border-bottom: 145px solid #0075a9;
}

.logo {
background: #fdfdfc;
padding: 10px 0;
border-bottom: 1px solid #e9e5dc;
}

.copy {
max-width: 970px;
}

.copy img {float: left;}

.copy img:first-child {
padding: 0 10px 0 0 ;}

.sp {display: none;}
.pc {display: block;}
}

/*----------コンテンツ----------*/
.content {
  max-width: 940px;
  clear: both;
  padding: 30px 0 !important;
  margin: 0 auto !important;
}

p {
max-width: 700px;
line-height: 1.75;
margin-top: 0;
margin-right: auto;
margin-bottom: 2em;
margin-left: auto;
text-justify:auto;
}

.w860 {
max-width: 860px;
margin: 0 auto;
text-align: left;
}

/*----------吹き出し----------*/
.fukidashi {
max-width:940px;
min-height: 430px;
margin: 0 auto 30px;
padding: 70px 60px 0;
background: url(../img/fukidashi.png) no-repeat;
}

.fukidashi p.b {font-size: 180%;}
.fukidashi p {font-size: 140%;}

/*----------ボックス----------*/
.box {
max-width: 800px;
margin: 10px auto;
padding: 20px;
text-align: left;
border:5px solid;
font-size: 90%;
border-radius: 10px;
}

/*----------お客様の声----------*/
.voice {
max-width: 800px;
margin: 30px auto;
padding: 3px;
text-align: left;
background: #e9e5dc;
border-radius: 15px;
}

.vinner {
border-radius: 12px;
margin: 0;
border: 2px solid #fff;
padding: 20px 25px;
}

.vinner p {
margin: 0 auto 10px;
}

.vheader {
text-align: center;
font-size: 130%;
font-weight: bold;
margin: 0 auto;
padding: 20px 0;
max-width: 880px;
color: #c60000;
font-size: 120%;
}

.prof p {
font-size: 90%;
}

/*----------見出しスタイル----------*/
.check {
background: url(../img/check.png) no-repeat left;
padding: 10px 0 10px 45px;
line-height: 1.25;
}	/*-----チェック見出し-----*/

.square {
	margin: 30px 0;
	padding: 0 0 0 15px;
	font-size: 2em;
	line-height: 50px;
	height: 50px;
	border-left: 50px solid 
}	/*-----スクエア見出し-----*/

/*----------見出し共通----------*/
[class*="header-"] {
  margin: 30px auto;
  max-width: 680px;
  padding: 10px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}	/*-----白抜き見出し-----*/

/*----------見出し背景----------*/
.header-red {background: #c60000;}
.header-blue {background: #00468b;}
.header-dblue {background: #085070;}
.header-green {background: #638c0b;} /*--緑--*/
.header-dgreen {background: #486704;} /*--緑--*/
.header-orange {background: #fe7816;}
.header-gold {background: #807109;}

/*----------フッター----------*/
#footer {
text-align: center;
padding: 50px 0;
margin: 0 auto;
color: #666;
font-size: 80%;
}

#footer a {color: #666;}
.copyright {margin: 10px auto;}

/*----------テキスト装飾----------*/
.white {color: #fff;}	/*-----白文字-----*/
.red {color: #c60000;}	/*-----赤文字-----*/
.blue {color: #00468b;}	/*-----青文字-----*/
.green {color: #00782d;}/*-----緑文字-----*/
.orange {color: #fe7816;}/*-----オレンジ文字-----*/
.gold {color: #807109;}	/*-----ゴールド文字-----*/

.b {
	font-weight: bold;
}	/*-----太字-----*/

.bb {
	font-weight: bold;
	font-size: 1.8em;
}	/*-----太字（大）-----*/

.small, p.small {font-size: 80%;}	/*-----小文字-----*/
.line {background: #fce89a;}	/*-----マーカー-----*/
.u {border-bottom: 1px solid;}	/*-----下線-----*/

/*----------コンテンツ枠線共通----------*/
[class*="border-"] {
max-width: 800px;
padding: 0 10px;
margin: 50px auto;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/*----------コンテンツ枠線スタイル----------*/
.border-blue {border: 5px solid #0075a9;} /*--青--*/
.border-dblue {border: 5px solid #085070;} /*--青--*/
.border-green {border: 5px solid #3a8702;} /*--緑--*/
.border-pink {border: 5px solid #ffb0b3;} /*--ピンク--*/
.border-yellow {border: 5px solid #ffcc00;} /*--黄--*/
.border-bage {border: 5px solid #ad9d6d;} /*--ベージュ--*/
.border-orange {border: 5px solid #fe7816;}
.border-red {border: 5px solid #c60000;}

/*----------コンテンツ枠 破線スタイル----------*/
.border-blue-dot {border: 5px dotted #d9e7f1;} /*--青--*/
.border-green-dot {border: 5px dotted #a6e9bf;} /*--緑--*/
.border-pink-dot {border: 5px dotted #ffb0b3;} /*--ピンク--*/
.border-yellow-dot {border: 5px dotted #ffcc00;} /*--黄--*/
.border-bage-dot {border: 5px dotted #faebd7;} /*--ベージュ--*/

.bullet {
max-width: 800px;
margin: 0 auto 50px;
padding: 0;
}

.bullet img {
padding: 30px 0;
}

/*----------コンテンツ枠シャドウスタイル----------*/
.shadow
{
padding: 10px 40px;
margin-bottom: 30px;
background: #fff;
-webkit-box-shadow: 0 0 30px 0 #eee;
box-shadow: 0 0 30px 0 #eee;
}

/*----------左寄せ、右寄せ----------*/
.pull-left {margin-right: 15px; margin-bottom: 15px;}
.pull-right {margin-left: 15px; margin-bottom: 15px;}

/*----------hr余白----------*/
hr {
border: none;
clear: both;
margin: 0;
padding: 0;
height: 30px;
display: block;
background: none;
}



/*----------ボタン----------*/
.gtb {
width: 70%;
background: #f8b551;
color: #362e2b;
-webkit-border-radius: 30px;
border-radius: 30px;
border: 2px solid #fff;
padding: 10px;
margin: 30px auto 0;
}

a.gtb-big {
display: block;
margin: 0px 2%;
padding: 15px;
font-size: 100%;
max-width: 600px;
background: #f8b551;
color: #362e2b;
-webkit-border-radius: 45px;
border-radius: 45px;
border: 2px solid #fff;
text-align: center;
}

a.gtb-big:hover {
background: #ff9900;
color: #fff;
text-decoration: none;
}

.spcontainer {margin: 0 2%;}

@media screen and (min-width: 640px) {
.ftitle img {float:left;}
.middle {padding-top: 100px;display: block;}

a.gtb-big {
display: block;
margin: 20px auto;
padding: 30px;
font-size: 110%;
max-width: 800px;
background: #f8b551;
color: #362e2b;
-webkit-border-radius: 60px;
border-radius: 60px;
border: 2px solid #fff;
text-align: center;
}
}

table {
font-size: 80%;
margin: 0px auto;
max-width: 800px !important;
color: #666;
}

td {vertical-align:middle !important;}

hr.h100 {
    height: 100px;
}

hr.h10 {
height: 10px;
}

.pd30 {padding: 30px 10px;}
.pdb30 {padding-bottom: 30px;}
.mgb20 {margin-bottom: 20px;}



dd #subform1-name-label .required::before {
    content: "性";
    font-size: 90%;
    margin-right: -10px;
    margin-left: 10px;
}

dd #subform1-fstName-label .required::before {
    content: "名";
    font-size: 90%;
    margin-right: -10px;
    margin-left: 10px;
}

#header, #header2 {
  border-bottom: none;
}

img.img-responsive.img-centered.box-title {
  position: absolute;
  left: -45px;
  margin: initial !important;
  top: -10px;
}

.box p {
    font-size: 1em;
    margin: 0px;
}

.header4 {
  margin: 0px 0px 20px 0px;
  padding: 0px 0 0px 40px;
  color: #ee2d17;
  font-size: 1.7em;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
  border-top: none;
  border-bottom: none;
  clear: both;
}
.header5 {
  margin: 10px 0px 20px 0px;
  padding: 0px 0 0px 0px;
  color: #ee2d17;
  font-size: 1.7em;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
  clear: both;
}
.contents {
  padding: 0px 1% 30px;
}
.contents {
  max-width: 960px !important;
}

@media (min-width: 1025px){
.policy2 {
  width: 920px !important;
}
}

.intro-text {
  background: url("https://tpromote-tyo.s3.amazonaws.com/treasure-books/booky/img/kg_book_lp_head_bg10.gif");
  background-repeat: repeat-x;
}

.order {
    color: #333;
    font-size: 21px;
    background-color: #e7e7e7;
    border-radius: 10px;
    max-width: 940px;
    margin: 0px auto 0px;
    padding: 10px;
}

.order2 {
    color: #333;
    font-size: 21px;
    margin-bottom: 30px;
}

.order2 a {
    display: block;
}

.box2 {
  max-width: 940px !important;
  border: 3px solid #cdcdcd;
  padding: 40px 50px 0px;
  margin: 0 auto 10px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  position: relative;
}

p.middle {
  font-size: 1.2em;
  line-height: 1.3;
  margin: 0 0 1.2em;
}

p.black {
  color: #000;
}

.header5 {
    margin: 10px auto 0px;
    padding: 0px 0 0px 0px;
    color: #333;
    font-size: 1.7em;
    font-weight: normal;
    line-height: 1.5;
    clear: both;
    width: 930px;
    text-align: center;
    background-color: #ececec;
}

.goriyou_all {
    width: 950px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    overflow: hidden;
}

.goriyou {
    float: left;
    width: 310px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.4;
    text-align: justify;
}

.goriyou h5 {
    line-height: 40px;
    color: #333;
    background-color: #f9f9f9;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #A67D00;
    margin-top: 8px;
    padding-left: 10px;
    font-size: 16px;
    font-weight: bold;
}

.price {
    vertical-align: middle;
}

.container.container-book {
    padding: 0px !important;
    margin: 50px auto 20px;
    border: none;
    max-width: 960px;
}

.boxbook00 {
    max-width: 460px;
    margin: 30px auto 0px;
    padding: 20px 10px 60px;
    border: 3px solid #ccc;
    font-size: 80%;
    text-align: left;
    float: left;
    width: 100%;
}

.boxbook01 {
    max-width: 460px;
    margin: 30px auto 0px;
    padding: 20px 10px 0px;
    border: 3px solid #00357e;
    font-size: 80%;
    text-align: left;
    float: left;
    width: 100%;
}

.boxbook02 {
    max-width: 460px;
    margin: 30px auto 0px;
    padding: 20px 10px 84px;
    border: 3px solid #007d55;
    font-size: 80%;
    text-align: left;
    float: right;
    width: 100%;
}

.boxbook03 {
    max-width: 460px;
    margin: 30px auto 0px;
    padding: 20px 10px 0px;
    border: 3px solid #d28300;
    font-size: 80%;
    text-align: left;
    float: left;
    width: 100%;
}

.boxbook04 {
    max-width: 460px;
    margin: 30px auto 0px;
    padding: 20px 10px 192px;
    border: 3px solid #ca5381;
    font-size: 80%;
    text-align: left;
    float: right;
    width: 100%;
}

.boxbook05 {
    max-width: 460px;
    margin: 30px auto 0px;
    padding: 20px 10px 0px;
    border: 3px solid #c70025;
    font-size: 80%;
    text-align: left;
    float: left;
    width: 100%;
}

.boxbook06 {
    max-width: 460px;
    margin: 30px auto;
    padding: 20px 10px 110px;
    border: 3px solid #7d4698;
    font-size: 80%;
    text-align: left;
    float: right;
    width: 100%;
}

.color00 {
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid;
    font-size: 150% !important;
    margin: 0 auto 0.5em !important;
}

p.color01 {
    color: #00357e;
    font-weight: bold;
    border-bottom: 1px solid;
    font-size: 150% !important;
    margin: 0 auto 0.5em !important;
}

p.color02 {
    color: #007d55;
    font-weight: bold;
    border-bottom: 1px solid;
    font-size: 150% !important;
    margin: 0 auto 0.5em !important;
}

p.color03 {
    color: #d28300;
    font-weight: bold;
    border-bottom: 1px solid;
    font-size: 150% !important;
    margin: 0 auto 0.5em !important;
}

p.color04 {
    color: #ca5381;
    font-weight: bold;
    border-bottom: 1px solid;
    font-size: 150% !important;
    margin: 0 auto 0.5em !important;
}

p.color05 {
    color: #c70025;
    font-weight: bold;
    border-bottom: 1px solid;
    font-size: 150% !important;
    margin: 0 auto 0.5em !important;
}

p.color06 {
    color: #7d4698;
    font-weight: bold;
    border-bottom: 1px solid;
    font-size: 150% !important;
    margin: 0 auto 0.5em !important;
}

.first {
    margin-top: 65px !important;
}

.clear {
    clear: both;
}

label {
    font-weight: normal !important;
    color: #333;
    width: 90%;
    padding: 3px 0;
    display: inline;
}

img.icon {
    padding: 0;
    position: relative;
    top: -1px;
}

.voice.mailvoice {
    max-width: 90%;
}

.bullet .mailvoice img {
    padding: 0;
}

img.img-responsive.img-center.tt3 {
    padding-bottom: 10px;
}

.bullet p.small.text-center {
    margin-bottom: 4em;
}

.head {
    margin: 0px auto 0;
    padding: 0px 0 30px;
    background: #fff;
    border-bottom: 25px solid #fff;
}

.logo {
    background: #085070;
    padding: 10px 0;
    border-bottom: 1px solid #dcdcdc;
}

@media screen and (min-width: 768px){
.copy {
    max-width: 970px;
    margin: 0px auto 0;
    font-size: 2em;
}
}

.box-profile {
    max-width: 700px;
    width: 100%;
    border: none !important;
    padding: 0px 20px 0px;
    margin: 0 auto 30px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    background-color: #fff;
    font-size: 20px;
    text-align: left !important;
    border: 1px solid #ccc !important;
}

.entry-talk-box {
  border-collapse: separate;
  border-spacing: 15px 2px;
  display: table;
  margin: 30px auto;
  table-layout: fixed;
  max-width: 700px;
  width: 100%;
}
.entry-talk-img {
  display: table-cell;
  vertical-align: top;
  width: 100px;
}
.entry-talk-img img {
  border-radius: 50%;
  width: 100px;
}
.entry-talk-txt {
  background-color: #ddefff;
  border-bottom: 1px solid #ddd;
  border-radius: 8px;
  display: table-cell;
  padding: 10px;
  position: relative;
}
.entry-talk-txt-left:after {
  content: '';
  position: absolute;
  border-right: 12px solid #ddefff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  left: -12px;
  top: 40px;
}
.entry-talk-txt-right:after {
  content: '';
  position: absolute;
  border-left: 12px solid #ddefff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  right: -12px;
  top: 40px;
}
.entry-talk-txt p {
    line-height: 1.4;
    margin: 0;
    font-size: 103%;
}

p.interviewtxt {
    float: left;
    width: 57%;
}

img.interviewimg {
    width: 40%;
    float: right;
    margin: 0;
}

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

.brsp {
    display: block;
}

.entry-talk-img img {
    border-radius: 50%;
    width: 50px;
}

.entry-talk-img {
    display: table-cell;
    vertical-align: top;
    width: 50px;
}
.entry-talk-txt-left.entry-talk-txt {
    width: 100%;
    float: left;
}

.bullet {
    max-width: 800px;
    margin: 0 auto 50px;
    padding: 10px;
}

.entry-talk-txt-left:after {
    content: '';
    position: absolute;
    border-right: 12px solid #ddefff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    left: -12px;
    top: 15px;
}

p.interviewtxt {
    width: 100%;
}

img.interviewimg {
    width: 60%;
    float: none;
}


}

input[type=radio], input[type=checkbox] {
    margin: 5px 5px 0px 15px;
    margin-top: 1px \9;
    line-height: normal;
    font-size: 11px;
}