@charset "UTF-8";

/* margin,padding リセット
---------------------------------------------------------*/
/* html5doctor.com Reset Stylesheet v1.6.1 */
/* http://html5doctor.com/html-5-reset-stylesheet/ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* ----------------------------------------------------- */



/* HTML5 新要素 - ブロックボックス・レンダリング用
---------------------------------------------------------*/
/* html5doctor.com Reset Stylesheet v1.6.1 */
/* http://html5doctor.com/html-5-reset-stylesheet/ */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}



/* ボックス要素に border, padding を含める */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}



/* リストスタイル クリア用 */
ol,ul {
	list-style: none;
}

/* 画像下のディセンダスペース クリア ＆ ボーダー クリア用 */
img {
	vertical-align: bottom; /*  or display: block; */
	border: none;
}

/* abbr（省略形） もしくは acronym（頭文字・IE6 のみ） 表示用 */
abbr,acronym {
	border-bottom: .1em dotted;
}

/* 上付き文字 行間調整用 */
sup {
	vertical-align: text-top;
}

/* 下付き文字 行間調整用 */
sub {
	vertical-align: baseline;
}

/* バックグラウンド拡張 フロート解除用 */
.clearfix:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}



/* Firefox 用
---------------------------------------------------------*/
/* アウトライン非表示用 */
a {
	outline: none;
}



















html {
	font-size: 100%; 
}

body, button, input, select, textarea {
	font: 100%/1.5 "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	_font: 100%/1.5 "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* Windows XP でメイリオがインストール済みの回避用 (IE6) 用 */
	*font-size: 1em; 
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	_font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* Windows XP でメイリオがインストール済みの回避用 (IE6) 用 */
	color: #000;
}

/* Font-size Adjustment
---------------------------------------------------------

10px = 0.625em
11px = 0.6875em
12px = 0.75em
13px = 0.8152em
14px = 0.875em
15px = 0.9375em
16px = 1em
17px = 1.0625em
18px = 1.15em
19px = 1.1875em
20px = 1.25em
21px = 1.3125em
22px = 1.375em
23px = 1.4375em
24px = 1.5em
25px = 1.5625em
26px = 1.625em

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






/* link
---------------------------------------------------------*/
*+html a {
	text-decoration: none; /* for IE7 */
	cursor: pointer;
}









/* Framework
---------------------------------------------------------*/
body {
	margin: 0 auto;
	padding: 0;
	max-width: 1000px;
}









/* header
---------------------------------------------------------*/
.header {
	margin: 0;
	padding: 0;
	width: 1000px;
	/* border: solid 1px #000; */
}



.logoH1 {
	margin: 50px 0 0;
	padding: 0;
	line-height: 1;
}

.headerLead {
	margin: -160px 0 20px 316px;
	padding: 0;
	width: 662px;
	line-height: 1;
}



.headerAnchorBtn {
	margin: 0 0 22px;
	padding: 0;
	width: 1000px;
	height: 95px;
	line-height: 1;
	border: solid 6px #090204;
	display: block;
	position: relative;
}

.headerAnchorBtn img {
	margin: auto;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}



.headerPurchaseWrap {
	margin: 0 0 20px;
	padding: 0;
	/* Flexbox */
	display: -webkit-box; /* Android */
	display: -webkit-flex; /* safari */
	display: -ms-flexbox; /* IE10 */
	-js-display : flex; /* IE9 flexibility.js */
	display: flex;
	/* 縦中央配置 */
	-webkit-box-align: center; /* Android */
	-webkit-align-items: center; /* safari */
	-ms-flex-align: center; /* IE10 */
	align-items: center;
}

.headerPurchaseBtn {
	background: #e4007f;
	margin: 0;
	padding: 0;
	width: 515px;
	height: 75px;
	line-height: 1;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/* IE7 & IE8 not Support Border Radius */
	display: block;
	position: relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.headerPurchaseBtn img {
	margin: auto;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.headerPurchaseBtn:link, .headerPurchaseBtn:visited {
	background: #e4007f;
	
}

.headerPurchaseBtn:hover {
	background: #c50065;
}

.priceHeaderFigure {
	margin: 0 0 0 42px;
	padding: 0;
}



/* Header SNS Btn */
.headerSNSBtn {
	margin: 0 0 55px;
	padding: 0;
	line-height: 1;
	display: block;
}

.headerSNSBtn #twitter-widget-0 {
	margin-right: 20px;
	float: left;
}

.headerSNSBtn iframe {
	vertical-align: bottom;
}









/* introduction - はじめに
---------------------------------------------------------*/
.introduction {
	background: url(/lp/yaritaikoto/images/bg-introduction.png) right top no-repeat;
	margin: 0 0 110px;
	padding: 0;
	overflow: hidden;
}



.introductionH2 {
	margin: 67px 0 45px;
	padding: 0;
	line-height: 1;
}



.introductionColumns {
	-webkit-columns: 2;
	-moz-columns: 2;
	-ms-columns: 2;
	-o-columns: 2;
	columns: 2;
	-webkit-column-gap: 60px;
	-moz-column-gap: 60px;
	-ms-column-gap: 60px;
	-o-column-gap: 60px;
	column-gap: 60px;
}

.introductionPra {
	color: #3a3a3a;
	margin: 0 0 1.4em;
	padding: 0;
	font-size: 1.0625em; /* 17px */
	line-height: 1.6;
}

.break {
	-webkit-break-after: column;
	-moz-break-after: column;
	-ms-break-after: column;
	-o-break-after: column;
	break-after: column;
}









/* Psychological Test - 心理テスト
---------------------------------------------------------*/
.psychologicalTest {
	background: url(/lp/yaritaikoto/images/bg-psychological-test.png) right top no-repeat;
	margin: 0 0 22px;
	padding: 0;
	/* overflow: hidden; */
}



.psychologicalTestH2 {
	margin: 0 0 40px;
	padding: 0;
	line-height: 1;
}

.psychologicalTestPra {
	color: #3a3a3a;
	margin: 0 0 1.4em;
	padding: 0;
	font-size: 1.0625em; /* 17px */
	line-height: 1.6;
}



.psychologicalTestH3 {
	color: #000;
	margin: 0 0 0.4em;
	padding: 0;
	font-size: 2.375em; /* 38px */
	line-height: 1;
}

.psychologicalTestH3 span {
	color: #e4007f;
}

.psychologicalTestH3 + .psychologicalTestPra {
	font-size: 1.1875rem; /* 19px */
}



.psychologicalTestDList {
	margin: 0 0 20px;
	padding: 0;
}

.psychologicalTestDList dt {
	background: url(/lp/yaritaikoto/images/bg-psychological-test-d_list.png) left top repeat;
	color: #000;
	margin: 0;
	padding: 1.4em 1em;
	font-size: 1.625em; /* 26px */
	font-weight: bold;
	line-height: 1.4;
	border: solid 7px #000;
}

.psychologicalTestDList dd {
	margin: -7px 0 0;
	padding: 0;
	border: solid 7px #000;
}



.psychologicalTestOList {
	margin: 20px auto;
	padding: 0;
	width: 946px;
	counter-reset: number;
	/* Flexbox */
	display: -webkit-box; /* Android */
	display: -webkit-flex; /* safari */
	display: -ms-flexbox; /* IE10 */
	-js-display : flex; /* IE9 flexibility.js */
	display: flex;
	/* 折り返し複数行 */
	-webkit-flex-wrap: wrap ;/* safari */
	-ms-flex-wrap: wrap; /* IE10 */
	flex-wrap: wrap;
	/* 左右均等分布 */
	-webkit-box-pack: justify; /* Android */
	-webkit-justify-content: space-between; /* safari */
	-ms-flex-pack: justify; /* IE10 */
	justify-content: space-between;
}

.psychologicalTestOList li {
	margin: 0;
	padding: 0;
	width: 50%;
	font-size: 1.1875em; /* 19px */
	line-height: 1;
}

.psychologicalTestOList li:first-child,
.psychologicalTestOList li:nth-child(2) {
	margin: 0 0 25px;
}

.psychologicalTestOList li:before{
	counter-increment: number; /* 任意の名前 */
	content: counter(number); /* 名前を付けたカウンターを呼び出し */
	color: #000;
	margin: 0 0.6em 0 0;
	padding: 0;
	width: 40px;
	height: 40px;
	font-size: 1.375rem; /* 22px */
	line-height: 40px;
	text-align: center;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	/* IE7 & IE8 not Support Border Radius */
	-moz-box-shadow: 0 0 0 2px rgba(0,0,0,1.0) inset;
	-webkit-box-shadow: 0 0 0 2px rgba(0,0,0,1.0) inset;
	-ms-box-shadow: 0 0 0 2px rgba(0,0,0,1.0) inset;
	box-shadow: 0 0 0 2px rgba(0,0,0,1.0) inset;
	display: inline-block;
}



.answerBtn {
	background: #e4007f;
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 80px;
	line-height: 1;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/* IE7 & IE8 not Support Border Radius */
	display: block;
	position: relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.answerBtn img {
	margin: auto;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.answerBtn:link, .answerBtn:visited {
	background: #e4007f;
	
}

.answerBtn:hover {
	background: #c50065;
}

.answerBtn:after {
	content: "";
	margin: auto;
	padding: 0;
	width: 18px;
	height: 18px;
	border-top: solid 5px #fff;
	border-right: solid 5px #fff;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 260px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	}

.answerBtn.active:after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 12px;
	}



.answer {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.answerH3 {
	margin: 40px 0;
	padding: 0;
	line-height: 1;
}

.answerPra {
	color: #3a3a3a;
	margin: 0 0 1.4em;
	padding: 0;
	font-size: 1.0625em; /* 17px */
	line-height: 1.6;
}

.answerH4 {
	color: #000;
	margin: 0 0 1.2em;
	padding: 0;
	font-size: 1.6875em; /* 27px */
	line-height: 1;
}

.answerH4:before {
	content: url(/lp/yaritaikoto/images/burette-h4-answer.png);
	margin: 0 0.6em 0 0;
	vertical-align: middle;
}

.answerDList {
	margin: 0;
	padding: 0;
}

.answerDList dt {
	color: #000;
	margin: 0 0 0.2em;
	padding: 0;
	font-size: 1.3125em; /* 21px */
	line-height: 1;
}

.answerDList dd {
	color: #3a3a3a;
	margin: 0 0 1.6em 1.6em;
	padding: 0;
	font-size: 1.0625em; /* 17px */
	line-height: 1.6;
}



.answerEm {
	color: #000;
	margin: 2em 0 0.2em;
	padding: 0;
	font-size: 1.6875em; /* 27px */
	font-weight: bold;
	font-style: normal;
	text-align: center;
	display: block;
}

.answerPurchaseBtn {
	background: #e4007f;
	margin: 0 auto 100px;
	padding: 0;
	width: 515px;
	height: 80px;
	line-height: 1;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/* IE7 & IE8 not Support Border Radius */
	display: block;
	position: relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.answerPurchaseBtn img {
	margin: auto;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.answerPurchaseBtn:link, .answerPurchaseBtn:visited {
	background: #e4007f;
	
}

.answerPurchaseBtn:hover {
	background: #c50065;
}









/* index - もくじ
---------------------------------------------------------*/
.index {
	background: url(/lp/yaritaikoto/images/bg-index.png) right top no-repeat;
	margin: 0 0 100px;
	padding: 0;
	overflow: hidden;
}



.indexH2 {
	margin: 96px 0 45px;
	padding: 0;
	line-height: 1;
}



.indexH3 {
	color: #000;
	margin: 0 0 0.6em;
	padding: 0 0 0.2em;
	font-size: 1.8125em; /* 29px */
	line-height: 1;
	border-bottom: solid 4px #000;
	/* counter-increment : chapter; */
}

/* .indexH3:before {
	content : "第" counter(chapter) "章";
	margin: 0 1em 0 0;
} */

.indexH3 span {
	font-size: 1.0625rem; /* 17px */
	font-weight: normal;
}



.indexOList {
	margin: 0 0 2em;
	padding: 0;
	counter-reset: number;
}

.indexOList li {
	color: #3a3a3a;
	margin: 0 1em 0 0;
	padding: 0;
	font-size: 1.125em; /* 18px */
	line-height: 1.6;
	display: inline-block;
}

.indexOList li:before{
	counter-increment: number; /* 任意の名前 */
	content: counter(number)"）"; /* 名前を付けたカウンターを呼び出し */
}

.chapter2 {
	counter-reset: number 5;
}

.chapter3 {
	counter-reset: number 10;
}

.chapter4 {
	counter-reset: number 15;
}

.chapter5 {
	counter-reset: number 20;
}









/* author
---------------------------------------------------------*/
.author {
	background: url(/lp/yaritaikoto/images/bg-author.png) 40px 460px no-repeat;
	margin: 0 0 100px;
	padding: 0;
}



.authorH2 {
	color: #000;
	margin: 0 0 0.6em 250px;
	padding: 0;
	font-size: 1.6875em; /* 27px */
	line-height: 1;
}

.authorPra {
	color: #3a3a3a;
	margin: 0 0 1em 250px;
	padding: 0;
	font-size: 1.125em; /* 18px */
	line-height: 1.8;
}

.authorH3 {
	color: #000;
	margin: 0 0 0.4em 250px;
	padding: 0;
	font-size: 1.125em; /* 18px */
	line-height: 1;
}

.authorPra + .authorH2 {
	margin: 2.4em 0 0.6em 250px;
}



.authorPraLink:link, .authorPraLink:visited {
	color: #e5007f;
}

.authorPraLink:hover {
	color: #c50065;
	text-decoration: none;
}



.authorItemWrap {
	margin: 0 0 0 250px;
	padding: 0;
	width: 500px;
	/* Flexbox */
	display: -webkit-box; /* Android */
	display: -webkit-flex; /* safari */
	display: -ms-flexbox; /* IE10 */
	-js-display : flex; /* IE9 flexibility.js */
	display: flex;
}

.authorItem {
	margin: 0;
	padding: 0;
	width: 250px;
}

.authorItemWrap .authorH3,
.authorItemWrap .authorPra {
	margin-left: 0;
}









/* books
---------------------------------------------------------*/
.books {
	margin: 0;
	padding: 0;
	border-top: solid 6px #000;
	/* Flexbox */
	display: -webkit-box; /* Android */
	display: -webkit-flex; /* safari */
	display: -ms-flexbox; /* IE10 */
	-js-display : flex; /* IE9 flexibility.js */
	display: flex;
}



.booksInfo {
	margin: 0;
	padding: 0;
	width: 670px;
	text-align: center;
}



.booksInfo.yaritaikoto {
	margin: 33px 0 37px;
}

.booksInfo.yaritaikoto .bookslead {
	margin: 0 0 50px;
	padding: 0;
}

.booksInfo.yaritaikoto .booksH2 {
	margin: 0 0 20px;
	padding: 0;
}

.booksInfo.yaritaikoto .booksPurchaseBtn {
	color: #fff;
	background: #e4007f;
	margin: 0 auto;
	padding: 0;
	width: 435px;
	height: 53px;
	font-size: 1.375em; /* 22px */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 53px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/* IE7 & IE8 not Support Border Radius */
	display: block;
	position: relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.booksInfo.yaritaikoto .booksPurchaseBtn:link, .booksInfo.yaritaikoto .booksPurchaseBtn:visited {
	background: #e4007f;
	text-decoration: none;
}

.booksInfo.yaritaikoto .booksPurchaseBtn:hover {
	background: #c50065;
}



.booksInfo.moterobo {
	margin: 37px 0;
}

.booksInfo.moterobo .bookslead {
	margin: 0;
	padding: 0;
}

.booksInfo.moterobo .booksH2 {
	margin: 0 0 30px;
	padding: 0;
}

.booksInfo.moterobo .booksPra {
	margin: 0 0 6px;
	padding: 0;
}

.booksInfo.moterobo .booksReadBtn {
	color: #fff;
	background: #000;
	margin: 0 auto 14px;
	padding: 0;
	width: 435px;
	height: 53px;
	font-size: 1.375em; /* 22px */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 53px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/* IE7 & IE8 not Support Border Radius */
	display: block;
	position: relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.booksInfo.moterobo .booksReadBtn:link, .booksInfo.moterobo .booksReadBtn:visited {
	background: #000;
	text-decoration: none;
}

.booksInfo.moterobo .booksReadBtn:hover {
	background: #444;
}



.booksInfo.moterobo .booksPurchaseBtn {
	color: #fff;
	background: #fc5996;
	margin: 0 auto;
	padding: 0;
	width: 435px;
	height: 53px;
	font-size: 1.375em; /* 22px */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 53px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/* IE7 & IE8 not Support Border Radius */
	display: block;
	position: relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.booksInfo.moterobo .booksPurchaseBtn:link, .booksInfo.moterobo .booksPurchaseBtn:visited {
	background: #fc5996;
	text-decoration: none;
}

.booksInfo.moterobo .booksPurchaseBtn:hover {
	background: #dc3a7c;
}



.booksPhoto {
	margin: 33px 0 35px;
	padding: 0;
}









/* footer
---------------------------------------------------------*/
.footer {
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-top: solid 6px #000;
}



small {
	color: #000;
	margin: 74px 0 155px;
	padding: 0;
	width: 100%;
	font-size: 1.125em; /* 18px */
	text-align: center;
	line-height: 1;
	display: block;
}