@charset "UTF-8";
/* base
----------------------------------------------------------*/
html {
  height: 100%;
  font-size: 62.5%;
}

body {
  font-family: GENJ;
  letter-spacing: 0.06em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  color: #000;
  background-color:#dc6361;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-width:1050px;
}
body * {
}
sup {
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}

@media all and (-ms-high-contrast: none) {
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}

a {
  color: #fff;
}
a:hover.hv-c-white,
a:hover .hv-c-white {
  color: #fff;
}
a:hover.hv-c-gray,
a:hover .hv-c-gray {
  color: #fff;
  text-decoration: underline;
}
a:hover.hv-c-black,
a:hover .hv-c-black {
  color: #333;
}
a:hover.hv-bg-blue,
a:hover .hv-bg-blue {
  background: #0066cc;
}


/* フェードイン
----------------------------------------------------------*/
.fadeInUp {
  opacity : 0;
  transform: translateY(20px);
  transition: 1s;
}

/* 余白
----------------------------------------------------------*/
.pdL20{
	padding-left: 20px;
}
.mL20{
	margin-left: 20px;
}
.pT20{
	margin-top: 20px;
}


/* フォント
----------------------------------------------------------*/

.yellowB{
	color: #fff000;
	font-weight: 800;
}

.siro{
	color: #fff;
}

.fs{
 font-size: 14px!important;
}

.fs_ls{
 font-size: 14px!important;
 line-height: 1em!important;
}

.fL{
 font-size: 28px!important;
	letter-spacing: 0.06em;
	line-height: 1.7em;
}

.fb{
	font-weight: bold;
}

.fbL{
	font-weight: bold;
	font-size: 1.2em;
}

.fbLL{
	font-weight: bold;
	font-size: 1.32em;
}


/* 源柔ゴシックのサブセット
----------------------------------------------------------*/
.genjyuu{
    font-family: GENJ!important;
}


/* フェード（仮）
----------------------------------------------------------*/
.effect-fade {
　opacity : 0;
　transform : translate(0, 45px);
　transition : all 300ms;
}

.effect-fade.effect-scroll {
　opacity : 1;
　transform : translate(0, 0);
}


.clear{ display: block; clear: both!important;}

.wrapper {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}

.cf:after {
  content: "";
  clear: both;
  display: block;
}

.c-w {
  color: #fff;
}

.c-r {
  color: #f04c47;
}

.c-o {
  color: #ff8b04;
}

.fl-l {
  float: left;
}

.fl-r {
  float: right;
}

.txt-l {
  text-align: left;
}

.txt-c {
  text-align: center;
}

.txt-r {
  text-align: right;
}

.block {
  display: block;
}


.table-style {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.cell {
  display: table-cell;
}

.va-top {
  vertical-align: top;
}

.va-mid {
  vertical-align: middle;
}

.va-bot {
  vertical-align: bottom;
}

.p-r {
  position: relative;
}

.h100 {
  height: 100%;
}

.w100 {
  width: 100%;
}

.m-center {
  margin-left: auto;
  margin-right: auto;
}

.hidden {
  display: none !important;
}

.inner{
	width:1430px;
	margin:auto;
	display:table;
	position:relative;
}

@media (min-width: 800px) {
  .sp-mode {
    display: none !important;
  }

}
@media only screen and (max-width: 800px) {
body{
	min-width:inherit;
}
  .pc-mode {
    display: none !important;
  }

  .fl-l,
  .fl-r {
    float: none;
  }
.inner{
	width:100%;
	border:none !important;
}
}

/* header
---------------------------------------------------------- */
.global-header {
	display: block;
	clear: both;
	background-color: #dc6361;
	z-index: 1;
	width: 100%;
	max-height: auto;
	position: relative;
}
.global-header .inner{
	border-top:none;
	border-bottom:none;
}

.global-header h1{
	display: block;
	clear:both;
	max-width: 1200px;
	padding: 0 0 0 0;
	margin: auto;
	position: relative;
}

.global-header .hd01{
}

.snsBtn{
	display: block;
	max-width:1000px;
	clear: both;
	padding: 20px 0 26px 0!important;
	position: absolute;
	margin: auto;
	z-index: 1000;
	}

.snsBtn ul{
	position: absolute;
	left: 260px;
	width: 500px;
	height: 50px;
	}
	
.snsBtn li{
	display: block;
	width: 100px;
	height: 50px;
	float: left!important;
	}


.tokuten_bn{
	display: block;
	margin: auto;
	clear: both;
	max-width: 940px;
	padding-bottom: 40px;
	}	

@media (min-width: 801px) and (max-width: 1430px) {
.global-header {
	display: block;
	clear: both;
	background-color: #dc6361;
	z-index: 1;
	width: 100%;
	max-height: auto;
	position: relative;
}
.global-header .inner{
	border-top:none;
	border-bottom:none;
	width: 100%;
	padding: 0 0 0 0!important;
	margin: 0;
}

.global-header h1{
	display: block;
	clear:both;
	width: 100%;
	padding: 0 0 0 0!important;
	margin: auto;
	position: relative;
}

.global-header h1 img{
	display: block;
	clear:both;
	width: 100%!important;
}

.snsBtn{
	display: block;
	max-width:100%;
	height: 40px;
	clear: both;
	padding: 20px 0 26px 0!important;
	position: absolute;
	}

.snsBtn ul{
	position: absolute;
	left: 90px!important;
	}
	
.snsBtn li{
	display: block;
	width: 100px;
	height: 40px;
	float: left!important;
	}

.tokuten_bn{
	display: block;
	margin: auto;
	clear: both;
	max-width: 940px;
	padding-bottom: 40px;
	}	
}

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

.global-header {
    background-color: #dc6361;
	z-index: 10;
	max-height: auto;
	position: relative;
}

.global-header h1{
	clear:both;
	margin: auto;
	width: 100%!important;
	padding: 0 0 0 0;
}
	
.global-header h1 img{
		width: 100%;
		}

.global-header dd.dd2 img{
	width:auto;
}
	
.snsBtn{
	display: block;
	width:100%;
	clear: both;
	padding: 20px 0 0 0!important;
	position: relative;
	}
	
.snsBtn ul{
	position: absolute;
	right: 0px!important;
	}
	
.snsBtn li{
	display: block;
	width: 100px;
	height: 30px;
	float: left!important;
	}

.tokuten_bn{
	display: block;
	margin: auto;
	clear: both;
	max-width: 90%!important;
	}	
	
.tokuten_bn img{
	width:100%!important;
	}
		
.global-header ul.snss{
	text-align:left;
	clear:both;
	padding:10px 0 8px 40px;
	position:absolute;
	left: -30px;
	height: 40px;
	z-index: 9999;
}
.global-header ul.snss li{
	display:inline-block;
	vertical-align: middle;
	width:70px;
	height:30px;
	margin:2px 2px;
}
.global-header ul.snss li iframe{
}
}



/* global-footer （copyright）
----------------------------------------------------------*/
.global-footer {
	display: block;
	width: 100%;
	position: relative;
	background-color: #251e1c;
	padding: 20px 0 20px 0;
	vertical-align: middle;
}
.global-footer .inner{
	box-sizing: border-box;
}
.global-footer .copy{
	text-align:center;
	font-size:14px;
	padding:10px 0;
	color: #FFFFFF;
	letter-spacing: -0.01em;
}
.global-footer .copy a{
	color: #FFFFFF;
}
.global-footer .copy a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
.global-footer .copy img{
	width:140px;
	display:block;
	margin:auto;
}
.global-footer .fbnr{
}




@media only screen and (max-width: 800px) {
	
/* footer
----------------------------------------------------------*/
.footerbox{
	display: block;
	min-height: auto!important;
	clear: both;
	position: relative;
	background-color: #63aa63;
	padding: 30px 30px 60px 30px;
}

.footerbox .illust{
	position: absolute;
	right: -39px;
	top:-50px;
	width: 100px;
	z-index: 9999!important;
}

.footerbox .illust img{
	z-index: 9999!important;
}
	
.footerbox .inner{
	display: block;
	clear: both;
	position: relative;
	max-width: 90%;
}

.foot_book{
	width: 100%;
	display: block;
	position: relative;
	clear: both;
	margin: auto;
	right: 0px;
	padding: 0;
}
	
.foot_logo{
	display: block;
	clear: both;
	padding: 0!important;
	margin: auto;
	width: 100%;
	}


	
	/* global-footer （copyright）
----------------------------------------------------------*/
	.global-footer {
		height: 120px;
		vertical-align: middle;
	}
	.global-footer .inner{
	}
	.global-footer .copy{
		text-align:center;
		font-size:0.88em;
		padding:10px 0;
	}
	.global-footer .copy img{
		width:100px;
		display:block;
		margin:auto;
	}
	.global-footer .fbnr{
	}
}


/* contents common
----------------------------------------------------------*/
span.num{
	display: block;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 48px;
	line-height:65px;
	font-weight:bold;
	text-align:center;
	color: #000;
	width: 57px;
	height: 65px;
	background-image: url(../images/home06.png);
	background-size:100%;
	margin:65px auto 30px auto;
}
h2{
	text-align: center;
	font-size: 74px;
	font-weight: 900;
	letter-spacing: -5px;
	line-height: 1;
	padding-bottom:75px;
	margin-bottom:45px;
	background-image: url(../images/home05.png);
	background-repeat: no-repeat;
	background-size: 650px;
	background-position: center bottom;
}
h2 span{
	display:block;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:48px;
	font-weight:normal;
	letter-spacing:0;
	margin:15px 0 0 0;
}
.txt{
	font-size:22px;
	line-height:1.7;
	font-weight:700;
}
.mov{
	position:absolute;
	bottom:0;
	left:50%;
	z-index:-1;
	text-align:center;
	
}
.mov video{
	position:relative;
	transform: translateX(-960px);
	vertical-align:bottom;
}
@media only screen and (max-width: 800px) {
	span.num{
		font-size: 20px;
		line-height:30px;
		width: 26px;
		height: 30px;
		margin:25px auto 10px auto;
	}
	h2{
		font-size: 34px;
		letter-spacing: -2px;
		padding-bottom:35px;
		margin-bottom:25px;
		background-size: 80%;
	}
	h2 span{
		font-size:24px;
		margin:10px 0 0 0;
	}
	.txt{
		font-size:16px;
		line-height:1.5;
	}
	.mov{
		position:absolute;
		bottom:0;
		left:0;
		z-index:-1;
		text-align:center;
		overflow:hidden;
	}
	.mov video{
		height:100vh;
		position:relative;
		transform: translateX(-25%);
		vertical-align:bottom;
	}
}



/* contents area
----------------------------------------------------------*/


.midashi{
	clear: both;
	display: block;
	margin: auto;
	max-width: 900px;
	padding: 3em 0 1.4em 0;
}


.lr_box_area{
    display: block;
	clear: both;
	position: relative;
	width: 70%;
	margin: auto;
	}

.l_box{
	display: block;
	width: 50%;
	padding: 30px 0 0 0;
	float: left;
	text-align: center;
	}

.l_box img{
	margin-left: -50px;
	}

.r_box{
	display: block;
	width: 44%;
	padding: 50px 10px 0 0;
	float: right;
	text-align: left;
	}

.r_box p{
	font-size: 18px;
	line-height: 1.72em;
	color: #000000;
	}



@media screen and (min-width: 801px) and  (max-width: 1429px) {
	
.lr_box_area{
    display: block;
	clear: both;
	position: relative;
	width: 100%;
	margin: auto;
	}
	
.l_box{
	display: block;
	width: 54%;
	padding: 0;
	float: left;
	text-align: center;
	margin: 0;
	}
	
.l_box img{
	margin-left: -50px;
	}

.r_box{
	display: block;
	width: 44%;
	padding: 30px 0 0 0!important;
	float: right;
	text-align: left;
	}
	
.r_box p{
	font-size: 16px;
	line-height: 1.7em;
	color: #000000;
	}
}




@media only screen and (max-width: 800px) {
	#area01{
		padding-bottom:35px;
	}
	#area01 .txt{
		width:80%;
		margin:auto;
	}

.l_box{
	display: block;
	width: 100%!important;
	padding: 0;
	clear: both;
	text-align: center;
	margin: auto;
	padding: 0 0 20px 0;
	}
	
.l_box img{
	width: 80%;
	}
	
.lr_box_area{
    display: block;
	clear: both;
	position: relative;
	width: 100%;
	margin: auto;
	}
	
.r_box{
	display: block;
	width: 100%!important;
	padding: 0;
	clear: both;
	text-align: left;
	margin: auto;
	padding: 30px 0 0 0;
	}
	
.r_box img{
	display: block;
	width: 90%!important;
	margin: auto;
	}
	
.r_box p{
	display: block;
	font-size: 16px!important;
	line-height: 1.6em;
	color: #000000;
	width: 90%!important;
	padding:0 0 10px 0;
	clear: both;
	margin: auto;
	}

}



/* メイン下
---------------------------------------------------------- */
.main_under {
	display: block;
	clear: both;
	position: relative;
	background-color: #76bbd5;
	color: #FFF;
	min-height: 200px;
	z-index: 1;
	overflow:visible;
}

.main_under .inner{
	display: block;
	clear: both;
	margin: auto;
	position: relative;
	max-width: 1000px;
	min-height: 190px;
	background-image: url(../images/main_under_r.png);
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 9999;
}
	
.main_under_book{
	display: block;
	clear: both;
	position: absolute;
	top:-270px;
	left: 10px;
	z-index: 9999!important;
	}

.main_under_book img{
	z-index: 9999!important;
	}	
	
.chosha{
    display: block;
	width: 47%;
	margin: auto;
	padding: 50px 0 0 68px;
}

.chosha h3{
	font-size: 2.3em;
	letter-spacing: -0.14em;
	margin: -10px 0 0 0;
}

.yakusha{
	font-size: 1.8em;
	letter-spacing: 0.1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

@media (min-width: 801px) and (max-width: 1430px) {
	
.main_under_book{
	display: block;
	clear: both;
	position: absolute;
	top:-270px;
	left: 30px;
	z-index: 9999!important;
	}
	
.main_under_book img{
	z-index: 9999!important;
	width: 240px;
	}	
	
.chosha{
    display: block;
	width: 47%;
	margin: auto;
	padding: 50px 0 0 80px;
}
.chosha h3{
	font-size: 2.3em;
	letter-spacing: -0.14em;
	margin: -10px 0 0 0;
}
}

/* メイン下　（スマホ）
---------------------------------------------------------- */
@media only screen and (max-width: 800px) {

.main_under {
	display: block;
	clear: both;
	position: relative;
	background-color: #76bbd5;
	color: #FFF;
	min-height: 122px;
	z-index: 1;
	overflow:visible;
}

.main_under .inner{
	display: block;
	clear: both;
	margin: auto;
	max-width: 1000px;
	min-height: 122px;
	background-image:none;
	z-index: 9999;
}
	
.main_under_book{
	display: block;
	margin: auto;
	clear: both;
	position: absolute;
	top:-110px;
	left: -5px;
	max-width: 30%;
	padding-left: 0;
	z-index: 9999!important;
	}

.main_under_book img{
	z-index: 9999!important;
	width: 100%;
	}	
	
.chosha{
    display: block;
	width: 64%;
	margin: auto;
	padding: 0 0 0 0;
	position: absolute;
	right: 10px;
	top: 0px;
}
.chosha h3{
	font-size: 1.2em;
	letter-spacing: -0.2em;
	margin: 25px 0 0 0;
	line-height: 1.3em;
}

.yakusha{
	font-size: 1.1em;
	letter-spacing: 0.08em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height: 1.5em;
	padding: 8px 0 0 0;
}
.main_under .illust{
	position: absolute;
	right: 18px;
	top:18px;
	width: 166px;
	z-index: 9999!important;
}
	
.main_under .illust img{
	position: absolute;
	right: 10px;
	top:30px;
	width: 51px;
	z-index: 9999!important;
}
	
}


/* 内容紹介
----------------------------------------------------------*/
.naiyo{
	display: block;
	clear: both;
	position: relative;
	background-color: #fffdea;
	padding: 0;
	z-index: 1!important;
	padding-bottom: 3.6em;
	margin: auto;
}

.naiyo .inner{
	display: block;
	position: relative;
	padding: 0;
	width:1000px; 
}

.naiyo h3{
	display: block;
	clear: both;
	margin: auto;
	width: 95.5%;
	text-align: center;
	position: relative;
	padding: 1em 0 0 0;
}

.naiyo p{
	display: block;
	clear: both;
	margin: auto;
	color: #282828;
	width: 95%;
	text-align: left;
	font-size: 1.2em;
	padding: 1.5em 0 0 10px;
}

.naiyo_box{
		background: transparent;
		max-width: 900px;
		min-height: 150px;
		margin: auto;
		position: relative;
	    clear: both;
	padding: 0 0 0 0;
	text-align: left;
	line-height: 2em!important;
	}



/* 内容紹介　スマホ
----------------------------------------------------------*/
@media only screen and (max-width: 800px) {

.naiyo{
	display: block;
	clear: both;
	position: relative;
	background-color: #fffdea;
	padding: 0;
	z-index: 1!important;
	padding-bottom: 3.6em;
}

.naiyo .inner{
	padding: 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-size:contain;
	box-sizing:border-box;
	width:90%; 
}

.naiyo h3{
	display: block;
	clear: both;
	margin: auto;
	width: 98%;
	text-align: center;
	position: relative;
	padding: 0.6em 0 0 0;
}

.naiyo p{
	display: block;
	clear: both;
	margin: auto;
	color: #282828;
	width: 98%;
	text-align: left;
	font-size: 1.2em;
	padding: 0.6em 0 0 7px;
}

.naiyo_box{
		background: transparent;
		max-width: 900px;
		min-height: 150px;
		margin: auto;
		position: relative;
	    clear: both;
	padding: 0 0 0 0;
	text-align: left;
	line-height: 2em!important;
	}

}



/* 本書の特長
----------------------------------------------------------*/
.line_bottom{
	border-bottom: 1px solid #000000;
}
.line_left{
	border-left: 1px solid #000000;
}

.tokucho{
	display: block;
	clear: both;
	position: relative;
	background-color: #d7d1ae;
	padding: 0;
	z-index: 1;
	padding-bottom: 3.6em;
}

.tokucho .illust{
	position: absolute;
	left:-91px;
	top:-120px;
	width: 118px;
	z-index: 1!important;
}

.tokucho .inner{
	padding: 0;
	width:80%; 
}

.tokucho_box{
	display: block;
	margin: auto;
    max-width: 900px;
	padding:1em 0 0 24px;
}

.tokucho dl{
	display: block;
	float: left;
	width: 48%;
	height: 170px;
	text-align: left;
}

.tokucho dt{
	display: block;
	clear: both;
	width: 100%;
	text-align: left!important;
	position: relative;
}

.tokucho dt img{
	width: 66%;
}

.tokucho dd{
	display: block;
	width: 84%;
	color: #251e1c;
	line-height: 1.7em;
	padding: 0.8em 0 1em 1.8em;
	font-size: 1.16em;
	z-index: 9999;
}


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

/* 「本書の特長」 　スマホ
----------------------------------------------------------*/

.line_bottom{
	border-bottom: 1px solid #000000;
}
.line_left{
	border-left: none!important;
}

.tokucho{
	display: block;
	clear: both;
	position: relative;
	background-color: #d7d1ae;
	padding: 0;
	z-index: 1;
	padding-bottom: 3.6em;
	width: 100%!important;
}
	
.tokucho .midashi{
	width: 100%!important;
	margin: 0;
	padding-bottom: 5px;
	}
.tokucho .midashi img{
	width: 100%!important;
	}

.tokucho .illust{
	position: absolute;
	left:-30px;
	top:-20px;
	width: 80px;
	z-index: 1!important;
}

.tokucho .inner{
	display: block;
	padding: 0;
	position: relative;
	width:90%; 
}

.tokucho_box{
	display: block;
	margin: auto;
    max-width: 100%;
	padding:1em 0 0 24px;
	position: relative;
}

.tokucho dl{
	display: block;
	clear: both!important;
	width: 90%;
	height: auto;
	text-align: left;
	position: relative;
	border-bottom: 1px solid #000000;
	margin: 0.8em 0 0.8em 0;
}

.tokucho dt{
	display: block;
	clear: both;
	width: 100%;
	text-align: left!important;
	position: relative;
}

.tokucho dt img{
	width: 72%;
}

.tokucho dd{
	display: block;
	width: 100%;
	color: #251e1c;
	line-height: 1.7em;
	padding: 0.4em 0 1em 0em;
	font-size: 1.16em;
	z-index: 9999;
}
.mL20{
	margin-left: 0!important;
	}

.pT20{
padding: 0!important;
margin: 0!important;
}

}




/* 目次
----------------------------------------------------------*/

.mokuji{
	display: block;
	clear: both;
	position: relative;
	background-color: #faeb41;
	padding: 0;
	z-index: 1;
	padding-bottom: 3.6em;
	text-align: center;
}

.mokuji .illust{
	position: absolute;
	right: 80px;
	top:-162px;
	width: 126px;
	z-index: 9999!important;
}

.illust_inner{
    display: block;
	clear: both;
	width: 900px;
	height: auto;
	position: relative;
	margin: auto;
}

.mokuji .midashi{
	clear: both;
	padding-bottom: 20px!important;
}

.mokuji_list{
	clear: both;
	margin: auto;
	max-width: 806px;
	padding: 18px 0 0 0 ;
	color: #251e1c;
	line-height: 1.86em;
	padding: 0 0 0 0;
	font-size: 1.36em;
	letter-spacing: -0.02em;
	text-align: left;
}

.mokuji_list_obi{
	clear: both;
	margin: auto;
	max-width: 900px;
	padding: 26px 0 26px 0 ;
}

.mokuji_kugiri2{
	clear: both;
	margin: auto;
	max-width: 810px;
	padding: 10px 0 20px 0 ;
}

.mokuji_kugiri3{
	clear: both;
	margin: auto;
	max-width: 810px;
	padding: 0 0 10px 0;
}

.mokuji_kugiri4{
	clear: both;
	margin: auto;
	max-width: 864px;
	padding: 0 0 10px 0;
}

.mokuji .inner{
	padding: 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-size:contain;
	box-sizing:border-box;
	width:80%; 
}

.mokuji_box{
	display: block;
	margin: auto;
    max-width: 900px;
	padding:1em 0 0 24px;
}

.mokuji dl{
	display: block;
	float: left;
	width: 95%;
	text-align: left;
	margin: 0 0 10px 35px;
}

.mokuji dt{
	display: block;
	clear: both;
	width: 100%;
	text-align: left!important;
	position: relative;
	padding-bottom: 16px;
}

.mokuji dt img{
	height: 29px;
}

.mokuji dd{
	display: block;
	width: 100%;
	color: #251e1c;
	line-height: 1.7em;
	padding: 0 0 1em 0;
	font-size: 1.3em;
	letter-spacing: -0.04em;
}

.mokuji dd img{
	height: 20px;
}
.skyblue{ color: #76bbd5; font-weight: 600;}


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

/* 目次 　スマホ
----------------------------------------------------------*/

.mokuji{
	display: block;
	clear: both;
	position: relative;
	background-color: #faeb41;
	padding: 0;
	z-index: 1;
	padding-bottom: 3em;
	width: 100%;
}

.mokuji .illust{
	position: absolute;
	right: -37px;
	top:-120px;
	width: 88px;
	z-index: 9999!important;
}

.illust_inner{
    display: block;
	clear: both;
	width: 90%;
	height: auto;
	position: relative;
	margin: auto;
}

.mokuji .midashi{
	clear: both;
	padding-bottom: 20px!important;
}

.mokuji_list{
	clear: both;
	margin: auto;
	max-width: 95%;
	padding: 0 0 0 0 ;
	text-align: left;
	font-size: 1.1em;
}

.mokuji_list_obi{
	clear: both;
	margin: auto;
	max-width: 100%;
	padding: 25px 0 0 0 ;
}

.mokuji_kugiri2{
	clear: both;
	margin: auto;
	max-width: 100%;
	padding: 0 0 0 0 ;
}

.mokuji_kugiri3{
	clear: both;
	margin: auto;
	max-width: 100%;
	padding: 0 0 10px 0;
}
	
.mokuji_kugiri4{
	clear: both;
	margin: auto;
	max-width: 100%;
	padding: 0 0 10px 0;
}

.mokuji .inner{
	padding: 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-size:contain;
	box-sizing:border-box;
	width:90%; 
}

.mokuji_box{
	display: block;
	margin: auto;
    max-width: 96%;
	padding:0 0 0 0;
}

.mokuji dl{
	display: block;
	float: left;
	width: 100%;
	text-align: left;
	margin: 0 0 10px 0;
}

.mokuji dt{
	display: block;
	clear: both;
	width: 100%;
	text-align: left!important;
	position: relative;
	padding-bottom: 10px;
}

.mokuji dt img{
	height: 18px;
}

.mokuji dd{
	display: block;
	width: 100%;
	color: #251e1c;
	line-height: 1.7em;
	padding: 0 0 0.6em 0;
	font-size: 1.16em;
	text-align: left!important;
}

.mokuji dd img{
	height: auto;
}
	
.mokuji dd .img_height1gyo{
	height: 14px;
}
	
.mokuji dd .img_height2gyo{
	height: 40px;
	padding-bottom: 14px;
}

}






/* ページ見本 */
#mihon{
	position:relative;
	padding-bottom:10px;
	background-image: url(../images/mihon_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #f0eeee;
	background-position: top;
}

#mihon .illust{
	display: block;
	position: absolute;
	right: 0px;
	top:-90px;
	width: 150px;
	height: 150px;
	z-index: 9999!important;
}

#mihon .illust img{
	z-index: 9999!important;
}

#mihon .midashi{
	padding: 50px 0 0 0;
}

#mihon h3{
	padding: 10px 0 10px 0;
}

#mihon .inner{
	padding: 10px 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-size:contain;
	box-sizing:border-box;
	z-index: 1;
	max-width: 1100px;
	margin: auto;
	text-align: center;
}

.m_pop_bn_area{
	max-width: 900px;
	display: block;
	clear: both;
	margin: auto!important;
	text-align: center;
}

.m_pop_bn_area ul{
	display: block;
	width: 98%;
	padding: 10px 0 20px 11px;
	margin: auto;
	overflow: hidden;
	text-align: center;
}

.m_pop_bn_area li{
	float: left;
	width: 33%;
	padding: 0;
	text-align: center;
}

.m_pop_bn_area p{
	color: #212121;
	clear: both;
	padding: 10px 0 0 0;
	text-align: left!important;
	margin: 0;
}

.mihon_mr{
	margin-right: 14px;
}

.motto{
	display: block;
	clear: both;
	max-width: 1000px;
	height: auto;
	text-align: right;
}

.motto img{
	width: 240px;
}

@media screen and (min-width: 801px) and  (max-width: 1429px) {
	#mihon .inner{
	padding: 30px 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-size:contain;
	box-sizing:border-box;
	z-index: 1;
	width:100%; 
	margin: auto;
}
}

@media screen and (max-width: 800px) {
	
#mihon .midashi{
	display: block;
	padding: 30px 0 0 0;
	width: 90%;
}
	
#mihon .inner{
	padding: 20px 0 0px 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-size:contain;
	box-sizing:border-box;
	z-index: 1;
	width:100%; 
	margin: auto;
}

#mihon .illust{
	position: absolute;
	right: 0px;
	top:-90px;
	width: 100px;
	z-index: 9999!important;
}

#mihon .illust img{
	z-index: 9999!important;
}
	
.m_pop_bn_area{
	width: 94%;
	display: block;
	clear: both;
	margin: auto;
	text-align: center;
}

.m_pop_bn_area ul{
	display: block;
	width: 58%;
	padding: 0 0 0 0;
	margin: auto;
	overflow: hidden;
}

.m_pop_bn_area li{
	clear: both;
	width: 100%;
	margin:0 auto 10px auto;
}

.m_pop_bn_area p{
	color: #212121;
	clear: both;
	padding: 20px 0 0 0;
	text-align: left!important;
	margin: 0;
}
.motto{
	display: block;
	clear: both;
	max-width: 100%;
	height: auto;
	text-align: center;
	padding-bottom: 1em;
}

.motto img{
	width: 240px;
}
}





/* 著者紹介
----------------------------------------------------------*/
.chosha_area{
	display: block;
	clear: both;
	background-color: #7a6b73;
	padding: 40px 0 40px 0;
	height: auto;
	position: relative;
	z-index: 1;
	color: #FFF!important;
}

.chosha_area .illust{
	position: absolute;
	right: -60px;
	top:350px;
	width: 168px;
	z-index: 1!important;
}

.chosha_area .midashi{
	padding: 20px 0 4px 0!important;
}

.chosha_area .inner{
	max-width: 900px;
}

.chosha_area_box{
	display: block;
	clear: both;
	width: 94%;
	padding: 0 0 40px 50px;
	margin: auto;
}

.chosha_area_box_l{
	display: block;
	float: left;
	width: 46%;
	padding: 20px 20px 0 20px;
}


.chosha_area_l{
	display: block;
	float: left;
	width: 14%;
}

.chosha_area_l img{
	width: 130px!important;
}

.chosha_area_r{
	display: block;
	float: left;
	width:80%;
	margin: 0;
	padding: 0 0 0 20px;
}

.chosha_area_flat{
	display: block;
	float: left;
	width:100%;
	margin: 0;
	padding: 0 0 30px 0;
}

.chosha_area_flat2{
	display: block;
	float: left;
	width:100%;
	margin: 0;
	padding: 0 0 60px 0;
}

.chosha_area_book_name{
	display: block;
	clear: both;
	padding: 18px 0 10px 0;
}

.chosha_area_book_name img{
	max-height: 136px;
}

.chosha_area_btn_box img{
	height: 70px!important;
}


.chosha_area p{
	color: #FFF;
	display: block;
	clear: both;
	padding: 0 0 0 6px;
	text-align: left;
	font-size: 1.2em
}

.chosha_area_fL1{ font-size: 1.7em!important; /*letter-spacing: -0.1em;*/ line-height: 1.5em!important; color: #edeb50; margin-left:-16px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
.chosha_area_fL2{ font-size: 1.3em; letter-spacing: -0.02em; color: #edeb50;}

.tusji_font{font-family: "ＭＳ ゴシック", "MS Gothic"!important;}

.chosha_area .inner{
	padding: 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-size:contain;
	box-sizing:border-box;
	z-index: 1;
	width:80%; 
}




/* 著者紹介 （スマホ）
----------------------------------------------------------*/
@media screen and (max-width: 800px) {
	
.chosha_area{
	display: block;
	clear: both;
	background-color: #7a6b73;
	padding: 40px 0 40px 0;
	min-height: 1260px;
	position: relative;
	z-index: 1;
	color: #FFF!important;
	width:100%;
}

.chosha_area .illust{
	position: absolute;
	right: -40px;
	top:588px;
	width: 130px;
	z-index: 1!important;
}

.chosha_area .midashi{
	display: block;
	margin: auto;
	padding: 0 0 0 0!important;
	width: 100%!important;
}

.chosha_area .inner{
	display: block;
	clear: both;
	width: 90%!important;
}

.chosha_area_box{
	display: block;
	clear: both;
	width: 100%;
	padding: 0 0 40px 0;
	margin: auto;
}

.chosha_area_box_l{
	display: block;
	clear: both;
	width: 100%;
	padding: 20px 20px 20px 20px;
}


.chosha_area_l{
	display: block;
	clear: both;
	width: 100%;
	margin: auto;
	text-align: center;
}

.chosha_area_l img{
	width: 130px!important;
	margin: auto;
	padding: 20px;
}

.chosha_area_r{
	display: block;
	clear: both;
	width:100%;
	margin: 0;
	padding: 0 0 0 0;
}

.chosha_area_flat{
	display: block;
	float: left;
	width:100%;
	margin: 0;
	padding: 20px 0 30px 0;
}

.chosha_area_flat2{
	display: block;
	float: left;
	width:100%;
	margin: 0;
	padding: 0 0 60px 0;
}

.chosha_area_book_name{
	display: block;
	clear: both;
	padding: 18px 0 10px 0;
}

.chosha_area_book_name img{
	max-height: 136px;
}

.chosha_area_btn_box img{
	height: 70px!important;
}


.chosha_area p{
	color: #FFF;
	display: block;
	clear: both;
	padding: 0 0 0 6px;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.7em;
}

.chosha_area_fL1{ font-size: 1.4em!important; /*letter-spacing: -0.1em;*/ line-height: 1.5em!important; color: #edeb50;}
.chosha_area_fL2{ font-size: 1.1em; letter-spacing: -0.02em; color: #edeb50;}

.chosha_area .inner{
	padding: 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-size:contain;
	box-sizing:border-box;
	z-index: 1;
	width:80%; 
}
}




/* ご注文はこちら
----------------------------------------------------------*/
.chumon{
	display: block;
	clear: both;
	background-color: #fa6360;
	padding: 40px 0 40px 0;
	min-height: auto;
	position: relative;
	z-index: 1;
	color: #FFF!important;
}

.chumon .inner{
	max-width: 1000px;
}

.chumon_box{
	display: block;
	clear: both;
	max-width: 900px;
	padding: 20px 0 0 0;
	margin: auto;
}

.chumon_box_l{
	display: block;
	float: left;
	width: 46%;
	padding: 20px 20px 0 20px;
}


.chumon_l{
	display: block;
	float: left;
	width: 31%;
}

.chumon_l img{
	width: 330px!important;
}

.chumon_r{
	display: block;
	float: left;
	width:66%;
	margin: 0;
	padding: 0 0 0 20px;
}

.chumon_book_name{
	display: block;
	clear: both;
	padding: 18px 0 10px 0;
}

.chumon_book_name img{
	max-height: 136px;
}


.chumon_btn_box{
	display: block;
	clear: both;
	position:relative;
	text-align: center;
	margin: auto;
	padding: 15px 0 25px 0;
}

.chumon_btn_box img{
	height: 70px!important;
}


.chumon p{
	color: #FFF;
	display: block;
	clear: both;
	padding: 20px 0 0 16px;
	text-align: left;
	font-size: 1.16em
}

.chumon_fL1{ font-size: 1.8em!important;letter-spacing: -0.06em; line-height: 1.5em!important;}
.chumon_fL2{ font-size: 1.36em; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"!important;}



/* ご注文はこちら　（スマホ）
----------------------------------------------------------*/
@media only screen and (max-width: 800px) {
	
.chumon{
	display: block;
	clear: both;
	background-color: #fa6360;
	padding: 40px 0 40px 0;
	min-height: auto;
	position: relative;
	z-index: 1;
	color: #FFF!important;
	width:100%;
}

.chumon .inner{
	display: block;
	clear: both;
	position: relative;
	width: 90%!important;
}

.chumon_box{
	display: block;
	clear: both;
	width: 100%;
	padding: 20px 0 0 0;
	margin: auto;
}

.chumon_box_l{
	display: block;
	float: left;
	width: 46%;
	padding: 0;
}


.chumon_l{
	display: block;
	clear: both;
	width: 100%;
	margin: auto;
	text-align: center;
}

.chumon_l img{
	width: 330px!important;
	margin: auto;
}

.chumon_r{
	display: block;
	clear: both;
	width:90%;
	margin: auto!important;
	padding: 0 0 0 20px;
	position: relative;
}
	
.chumon_r img{
	width: 330px!important;
	margin: auto;
}

.chumon_book_name{
	display: block;
	clear: both;
	padding: 18px 0 10px 0;
}

.chumon_book_name img{
	width: 100%;
	max-height: auto;
}


.chumon_btn_box{
	display: block;
	clear: both;
	position:relative;
	text-align: center;
	margin: auto;
	padding: 15px 0 25px 0;
	width: 80%;
}

.chumon_btn_box img{
	height: auto!important;
}


.chumon p{
	color: #FFF;
	display: block;
	clear: both;
	padding:10px 0 0 0;
	text-align: left;
	font-size: 1.04em
}

.chumon_fL1{ font-size: 1.3em!important;letter-spacing: -0.06em; line-height: 1.5em!important;}
.chumon_fL2{ font-size: 1.1em; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"!important;}
	
}
	
	
	


/* 各巻紹介
----------------------------------------------------------*/
.shokai{
	display: block;
	clear: both;
	padding: 40px 0 40px 0;
	height: auto;
	position: relative;
	z-index: 1;
	background-color: #95b7bf;
}


.shokai .inner{
	max-width: 1000px;
}

.shokai_midashi{
	width: 80%;
	margin: auto;
	text-align: center;
	font-size: 2.1em;
	letter-spacing: -0.1em!important;
	font-weight: 500;
}


.shokai_box{
	display: block;
	clear: both;
	margin: auto;
	width: 98%;
	padding: 20px 0 0 0;
}

.shokai_box_l{
	display: block;
	float: left;
	width: 45%;
	padding: 20px 20px 0 20px;
}


.shokai_l{
	display: block;
	float: left;
	width: 35%;
}

.shokai_l img{
	width: 260px!important;
}

.shokai_r{
	display: block;
	float: left;
	width:50%;
	margin: 0;
	padding: 0 0 0 26px;
}

.book_name{
	display: block;
	clear: both;
	padding: 0 0 30px 0;
}

.book_name h3{
	display: block;
	clear: both;
	font-size: 1.8em;
	font-weight: 600;
	color: #251e1c;
	letter-spacing: -0.04em;
	line-height: 1.36em;
}

.book_name h3 .narrow{
	letter-spacing: -0.2em;
}

.book_name .yakusha{
	padding: 10px 0 0 0;
	display: block;
	clear: both;
	font-size: 1.36em;
	font-weight: normal;
	color: #fff;
	line-height: 1.46em;
	letter-spacing: -0.02em;
}

.book_name .yakusha .fs{
	font-size: 1.1em;
}

.book_name img{
	height: 180px!important;
}


.btn_box{
	display: block;
	clear: both;
	position:relative;
	width: 94%;
	text-align: center;
	margin: auto;
	padding: 0 0 20px 0;
}

.btn_l{
	display: block;
	clear: both;
	width:210px;
	margin-bottom: 20px;
}

.btn_r{
	display: block;
	clear: both;
	width:210px;
}

.shokai .illust{
	position: absolute;
	right: 10px;
	top:-126px;
	width: 220px;
	z-index: 9999!important;
}

.shokai .illust img{
	z-index: 9999!important;
}

.shokai p{
	color: #000000;
	display: block;
	clear: both;
	padding: 20px 0 0 0;
	text-align: center;
}

.shokai .midashi{
	display: block;
	clear: both;
	width: 100%;
	text-align: left;
	margin: auto;
	padding: 0 0 10px 0;
}

.shokai .midashi img{
	max-width: 360px;
}

.shokai .inner{
	padding: 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-size:contain;
	box-sizing:border-box;
	z-index: 1;
	width:80%; 
}

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

/* 各巻紹介　（スマホ）
----------------------------------------------------------*/

.shokai{
	display: block;
	clear: both;
	padding: 40px 0 40px 0;
	min-height: 1300px;
	position: relative;
	z-index: 1;
	background-color: #95b7bf;
	margin: auto;
}


.shokai .inner{
	display: block;
	width: 90%!important;
	margin: auto;
	text-align: center;
}

.shokai_midashi{
	width: 100%;
	margin: auto;
	font-size: 1.3em;
	font-weight: 500;
	letter-spacing: -0.2em;
}

.shokai_box{
	display: block;
	clear: both;
	margin: auto;
	width: 100%;
	padding: 20px 0 0 0;
	text-align: center;
}

.shokai_box_l{
	display: block;
	clear: both;
	width: 100%;
	padding: 0;
	text-align: center;
	margin: auto;
}


.shokai_l{
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
	margin: auto;
}

.shokai_l img{
	width: 200px!important;
	margin: auto;
	padding: 0 0 20px 0;
}

.shokai_r{
	display: block;
	clear: both;
	width:100%;
	margin: 0;
	padding: 0 0 0 0px;
}

.book_name{
	display: block;
	clear: both;
	padding: 0 0 30px 0;
}

.book_name img{
	height: 160px!important;
}


.btn_box{
	display: block;
	clear: both;
	position:relative;
	width: 94%;
	text-align: center;
	margin: auto;
	padding: 0 0 20px 0;
}

.btn_l{
	display: block;
	clear: both;
	width:210px;
	margin:0 auto 20px auto;
}

.btn_r{
	display: block;
	clear: both;
	width:210px;
	margin:0 auto 40px auto;
}

.shokai .illust{
	position: absolute;
	right: 0px;
	top:-110px;
	width: 180px;
	z-index: 9999!important;
}

.shokai .illust img{
	z-index: 9999!important;
}

.shokai p{
	color: #000000;
	display: block;
	clear: both;
	padding: 20px 0 0 0;
	text-align: center;
}

.shokai .midashi{
	display: block;
	clear: both;
	width: 100%;
	text-align: left;
	margin: auto;
	padding: 0 0 10px 0;
}

.shokai .midashi img{
	max-width: 360px;
}

.shokai .inner{
	padding: 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-size:contain;
	box-sizing:border-box;
	z-index: 1;
	width:80%; 
}
}



.contentsTtl{
	width: 71%;
	display: block;
	clear: both;
	margin: auto;
	padding: 30px 0 0 0;
	text-align: left;
}

.contentsTtl img{
	width: 64%;
}

.pop_bn_area{
	width: 71%;
	display: block;
	clear: both;
	margin: auto;
	text-align: center;
}

.pop_bn_area ul{
	display: block;
	width: 100%;
	padding: 30px 0 20px 0;
	margin: auto;
	overflow: hidden;
}

.pop_bn_area li{
	float: left;
	width: 32%;
}

.pop_bn_area p{
	color: #212121;
	clear: both;
	padding: 20px 0 0 0;
	text-align: left!important;
	margin: 0;
}


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

.pop_bn_area{
	width: 71%;
	display: block;
	clear: both;
	margin: auto;
	text-align: center;
}

.pop_bn_area ul{
	display: block;
	width: 70%;
	padding: 40px 0 0 0;
	margin: auto;
	overflow: hidden;
}

.pop_bn_area li{
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}

.pop_bn_area p{
	color: #212121;
	clear: both;
	padding: 20px 0 0 0;
	text-align: left!important;
	margin: 0;
}
}


/* pagetop
----------------------------------------------------------*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 15px;
    right: calc( calc(100% - 1030px) / 2 );
	margin-right:-25px;
	z-index:999; !important
	width:76px!important;
}
.fbnr{
    display: none;
    position: fixed;
    bottom: 15px;
    left: calc( calc(100% - 1030px) / 2 );
	margin-left:-25px;
	z-index:999; !important
	width:180px!important;
	background:transparent;
}

.pagetop img{
	width:76px;
}
.fbnr img{
	width:180px;
}

@media only screen and (max-width: 1100px) {
.pagetop {
    right: 5%;
}
.fbnr{
    left: 5%;
}
}

@media only screen and (max-width: 800px) {
	.pagetop {
		bottom: 15px;
		right: 2%;
		margin-right:0;
		width:44px;
	}
	.fbnr{
		bottom: 15px;
		left: 2%;
		margin-left:0;
		width:100px;
	}
	
	.pagetop img{
		width:44px;
	}
	.fbnr img{
		width:96px;
	}
}


a img{
	transition:.3s;
}
a img:hover {
  filter: Alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.ls {
letter-spacing: -0.03em;
}