@charset "UTF-8";

/* Special Layout
-----------------------------------------*/

#container.c_sp_book{padding:0 0px;}

#mainArea.sp_book{
	font-family: 'Kosugi Maru', sans-serif;
	position: relative;
	z-index: 1;
	max-width:800px;
	margin:0 auto;
}
#mainArea.sp_book img{
	display: block;
}

#mainArea.sp_book img.imgcenter{
	margin:0 auto;
}

ruby span{
	margin-right:10px;
}
ruby span:last-child{
	margin-right:0px;
}

.ichi_1{
	margin-bottom:-20px;
}

.pb_font_1{font-size:16px;}
.pb_font_2{font-size:18px;}
.pb_font_3{font-size:14px;}
.pb_font_4{font-size:22px;}
.pb_font_5{font-size:20px;}
.pb_font_6{font-size:17px;}
.pb_font_7{font-size:24px;}

.torikumi_txt_1,
.torikumi_txt_2{
	font-size:24px;
	font-weight: bold;
}
.torikumi_txt_2{
	text-align: center;
}

.point_tit{
	margin:0px 10px;
}

.point_tit .numbtext{
	font-size:30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.point_tit .numbtext span.numb{
	padding: 0em;
	color: white;
	background: #64b4dc;
	font-weight: 900;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgb(0 0 0 / 29%);
	display: inline-block;
	margin-right:1px;
}

.point_tit span.text {
	display: inline-block;
}

p span.line{background: linear-gradient(transparent 0%, #83e1f6 0%);}
p span.line_2{background: linear-gradient(transparent 0%, #ffec81 0%);}
p span.line_3{background: linear-gradient(transparent 0%, #ffffff 0%); padding:0 5px;}
p span.line_4{background: linear-gradient(transparent 0%, #d9f268 0%);}
li span.line{background: linear-gradient(transparent 0%, #83e1f6 0%);}
li span.line_2{background: linear-gradient(transparent 0%, #ffec81 0%);}
li span.line_3{background: linear-gradient(transparent 0%, #d9f268 0%);}
p span.notes{font-size:13px}
li span.notes{font-size:13px}

.pb_box_1{width:60%;}
.pb_box_2{width:25%;}
.pb_box_3{width:23%; padding-left:13px;}
.pb_box_3_2{width:30%; padding-right:10px;}
.pb_box_3_3{width:30%;}
.pb_box_3_4{width:25%; margin-right:13px;}
.pb_box_4{width:23%;}
.pb_box_5{width:40%;}
.pb_box_6{width:30%;}
.pb_box_7{width:65%;}
.pb_box_7_2{width:60%; padding-left:13px;}

.width_1{width:50%;}
.width_2{width:90%;}
.width_3{width:100%;}
.width_4{width:80%;}
.width_5{width:60%;}

.img_size_1{width:35%;}
.img_size_2{width:50%;}
.img_size_3{width:20%;}
.img_size_4{width:100%;}
.img_size_5{width:90%;}
.img_size_6{width:70%;}

.position_text_1{position: absolute; bottom:-7%;left:0;}
.position_text_2{position: absolute; top:-3%;left:0%;}
.position_text_3{position: absolute; top:0%;right:0%;}
.position_text_4{position: absolute; top:54%;right:25%;}
.position_text_5{position: absolute; top:46%;right:-4%;}
.position_text_6{position: absolute; bottom:1%;right:35%;}
.position_text_7{position: absolute; bottom:14%;right:50%;}
.position_text_8{position: absolute; top:12%;right:0%;}
.position_text_9{position: absolute; top:21%;right:0%;}
.position_text_10{position: absolute; top:28%;left:0%;}

#mainArea.sp_book .pb_circle{
	width:22%;
}
#mainArea.sp_book .pb_circle .pb_circle_hei{
	background: #63b4dc;
	border: 2px solid #63b4dc;
	position: relative;
  padding-top: 100%;
  height: 0;
	border-radius:50%;
	color:#fff;
}
#mainArea.sp_book .pb_circle p{
	font-size:20px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  top:0;
	text-align: center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
}

#mainArea.sp_book .bgbox{
	padding:15px;
	background:rgba(255, 255, 255,0.8);
	border: 2px solid #000;
	border-radius:15px;
}

#mainArea.sp_book .bgbox_2{
	padding:10px;
	background:rgba(224, 241, 244,0.9);
	border: 2px solid #000;
	border-radius:15px;
}

#mainArea.sp_book .mblf,
#mainArea.sp_book .mblf_2{
	margin:0 10px;
}

#mainArea.sp_book .boxcenter{
	margin:0 auto;
}

#mainArea.sp_book .pb_tit{
	background: linear-gradient(transparent 0%, #63b4dc 0%);
	background: #63b4dc;
	font-size:18px;
	margin-bottom:2px;
	color:#fff;
	padding:10px;
	position: relative;
  display: inline-block;
	border-radius:5px;
}

#mainArea.sp_book .pb_tit::before{
  content: "";
  position: absolute;
  top: 95%;
  left: 50%;
  border: 15px solid transparent;
  border-top: 15px solid #63b4dc;
	z-index: 0;
}

#mainArea.sp_book .pb_tit_2{
	background: linear-gradient(transparent 0%, #63b4dc 0%);
	background: #63b4dc;
	font-size:14px;
  display: inline-block;
	border-radius:5px;
	color:#fff;
	padding:5px;
}

#mainArea.sp_book .pb_textbox{
	font-size:20px;
  padding:15px;
	background: rgba(255,255,255,0.9);
	border: 2px solid #000;
	border-radius:10px;
}

#mainArea.sp_book .pb_textbox_2{
  padding:5px;
	background: rgba(255,255,255,0.9);
	border: 2px solid #000;
	border-radius:10px;
}

#mainArea.sp_book .flex_box_1{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#mainArea.sp_book .flex_box_1_2{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#mainArea.sp_book .flex_box_1_3{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: right;
	-ms-flex-pack: right;
	justify-content:right;
}

#mainArea.sp_book .flex_box_1_4{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content:left;
}

#mainArea.sp_book .flex_box_1_5{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}

#mainArea.sp_book .flex_box_2{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#mainArea.sp_book .flex_box_3{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
		-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#mainArea.sp_book .pb_fukidashi{
	position: relative;
  display: inline-block;
  margin: 0px 0px 25px 0px;
  padding: 7px 10px;
	border:2px solid #63b4dc;
	background:#63b4dc;
	border-radius:15px;
	color:#fff;
}

#mainArea.sp_book .pb_fukidashi::before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border: 15px solid transparent;
  border-top: 15px solid #63b4dc;
	z-index: 0;
}

#mainArea.sp_book .book_area_mb{
	margin-bottom:35%;
}

#mainArea.sp_book .book_area00{
  position: relative;
	height: 0;
  padding-top:100%;
}

#mainArea.sp_book .book_area01{
	width: 100%;
  height: 0;
  padding-top:75%;
  position: relative;
}
#mainArea.sp_book .book_area02{
	width: 100%;
  height: 0;
  padding-top:100%;
  position: relative;
}
#mainArea.sp_book .book_area03{
	width: 100%;
  height: 0;
  padding-top:25%;
  position: relative;
}
#mainArea.sp_book .book_area04{
	width: 100%;
  height: 0;
  padding-top:30%;
  position: relative;
}

#mainArea.sp_book .book_area05{
	width: 100%;
  height: 0;
  padding-top:35%;
  position: relative;
}

#mainArea.sp_book .book_area06{
	width: 100%;
  height: 0;
  padding-top:15%;
  position: relative;
}

#mainArea.sp_book .book_area07{
	width: 100%;
  height: 0;
  padding-top:50%;
  position: relative;
}

#mainArea.sp_book .book_area08{
	width: 100%;
  height: 0;
  padding-top:45%;
  position: relative;
}

#mainArea.sp_book .book_list_1 li{
	font-size:20px;
}
#mainArea.sp_book .book_list_2 li{
	margin-bottom:10px;
	text-indent: -1em;
	margin-left: 1em;
	font-size:18px;
}
#mainArea.sp_book .book_list_2 li:last-child{
	margin-bottom:0px;
}
#mainArea.sp_book .book_list_2 li::before{
	content:"・";
}
#mainArea.sp_book .book_list_3 li{
	width:24%;
}
#mainArea.sp_book .book_list_3_2 li{
	width:45%;
	margin-right:10px;
}
#mainArea.sp_book .book_list_3_2 li:nth-child(2n){
	margin-right:0px;
}


#mainArea.sp_book .book_list_4{
	counter-reset:numlist;
}

#mainArea.sp_book .book_list_4 li{
	margin-bottom:5px;
	text-indent: -1.4em;
	margin-left: 1.4em;
}
#mainArea.sp_book .book_list_4 li:last-child{
	margin-bottom:0px;
}
#mainArea.sp_book .book_list_4 li::before{
	counter-incpxent:numlist;
	content:counter(numlist);
	font: size 2px;em;
	margin-right:10px;
}
#mainArea.sp_book .book_target_1{
    background: #e0f1f4;
    border: 2px solid #000;
    margin: 0 10px 50px;
    border-radius: 20px;
		padding:0px 40px;
		background:#fff;
}

#mainArea.sp_book .book_target_1 .bt-txt{
	background:#10bde5;
	padding:5px 10px;
	border-radius:20px;
	text-align: center;
	margin:-15px auto 0;
	width:80px;
	font-size:16px;
	color:#fff;
}

#mainArea.sp_book .book_graph_1{
	background: #ffffff;
	border: 2px solid #000;
	margin: 0 10px;
	border-radius: 20px;
	padding:0px 40px;
}

#mainArea.sp_book .book_graph_1 .bt-txt{
background:#10bde5;
padding:5px 10px;
border-radius:20px;
text-align: center;
margin:-15px auto 0;
width:250px;
font-size:16px;
color:#fff;
}

#mainArea.sp_book .pb_linkbtn_area{
	position: absolute;
	bottom:2%;
	right: 2%;
}

#mainArea.sp_book .pb_linkbtn_area .pb_linkbtn a{
	display: block;
	padding:10px 30px 10px 10px;
	position: relative;
	background:rgba(255, 255, 255,0.9);
	border: 2px solid #02859b;
	border-radius:20px;
	color:#333333;
	font-size:16px;
}

#mainArea.sp_book .pb_linkbtn_area .pb_linkbtn a::before{
	font-family: 'Material Icons';
  content: "\ebb9";
  font-weight: 500;
	color:#02859b;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size:20px;
}

#mainArea.sp_book .pb_linkbtn_area .pb_linkbtn a:hover{
	background: rgba(224, 241, 244,1);
}

/*top - food*/
#mainArea.sp_book .p-book_01{
	position: relative;
	background:#ecf4d9;
	z-index:-5;
	padding-bottom:9%;
}

#mainArea.sp_book .p-book_01 img.bg_top{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index:-1;
}

#mainArea.sp_book .p-book_top{
	/* margin-bottom:13%; */
}
#mainArea.sp_book .p-book_top .p-b-top-1{
	position: absolute;
	top:1%;
	left:0;
	width:20%;
}
#mainArea.sp_book .p-book_top .p-b-top-1 img{
	animation-name: img_anime_01;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1.2s;
}
#mainArea.sp_book .p-book_top .p-b-top-2 img{
	animation-name: img_anime_02;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1.2s;
}

#mainArea.sp_book img.a_1{
	animation-name: img_anime_03;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1.5s;
}
#mainArea.sp_book img.a_2{
	animation-name: img_anime_03;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1s;
}
#mainArea.sp_book img.a_3{
	animation-name: img_anime_03;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1.3s;
}
#mainArea.sp_book img.a_4{
	animation-name: img_anime_04;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1.3s;
}

@keyframes img_anime_01 {
	0% {
			transform: translate(0,0px);
	}

	100% {
			transform: translate(-15px,0);
	}
}

@keyframes img_anime_02 {
	0% {
			transform: translate(0,0px);
	}

	100% {
			transform: translate(0,-15px);
	}
}

@keyframes img_anime_03 {
	0% {
			transform: translate(0,0px);
	}

	100% {
		transform: translate(-5px,0);
	}
}
@keyframes img_anime_04 {
	0% {
			transform: translate(0,0px);
	}

	100% {
		transform: translate(0,-5px);
	}
}

#mainArea.sp_book .p-book_top .p-b-top-2{
	position: absolute;
	top:0%;
	right:2%;
	width:20%;
}
#mainArea.sp_book .p-book_top .p-b-top-3{
	position: absolute;
	top:0;
	right:0;
}
#mainArea.sp_book .p-book_top .p-b-top-4{
	width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
}
#mainArea.sp_book .p-book_top .p-b-top-4 img{
	width: 100%;
	display: block;
}

#mainArea.sp_book .p-book_top .p-b-top-4 a.p-b-link01{
	position: absolute;
	width: 20%;
	top: 23%;
	left: 18%;
	z-index: 5;
	display: block;
}

#mainArea.sp_book .p-book_top .p-b-top-4 a.p-b-link02{
	position: absolute;
	top: 36%;
	left: 33.6%;
	width: 20%;
	z-index:5;
}
#mainArea.sp_book .p-book_top .p-b-top-4 a.p-b-link03{
	position: absolute;
	width: 20%;
	top: 28%;
	right: 26%;
	z-index:5;
}
#mainArea.sp_book .p-book_top .p-b-top-4 a:hover{
	opacity:0.7;
}

#mainArea.sp_book .p-book_top .p-b-top-5{
	position: absolute;
	top:10%;
	right:10px;
	width:23%;
}

#mainArea.sp_book .p-book_top .p-b-top-5 a{
	width:100%;
	display: block;
}

#mainArea.sp_book .p-book_top .p-b-top-5 a img{
	width:100%;
}

#mainArea.sp_book .p-book_top .p-b-top-5 a:hover{
	opacity:0.7;
}

/**/

#mainArea.sp_book .anime_img_box{
	position: absolute;
	top: 0;
	left: 37%;
}

#mainArea.sp_book .book_food_1_tit{
	margin:-25% 10px 0%;
}
#mainArea.sp_book .book_food_1_tit img{
	width:30%;
}
#mainArea.sp_book .book_food_1_box{
	position:absolute;
	top:-80%;
	right:0;
}
#mainArea.sp_book .book_food_3_box{
	position: absolute;
	top: -100%;
	right: 0;
	left: 0;
}
#mainArea.sp_book .book_food_3_box img{
	width:89%;
	margin:0 auto;
}

#mainArea.sp_book .book_food_box_4{
	position: absolute;
	top: -84%;
	left:0;
}

#mainArea.sp_book .book_food_5 .bgbox{
	width:320px;
	margin:0 auto 50px;
}

/* #mainArea.sp_book .p-book_01_2{
	position: relative;
	background:#ecf4d9;
	z-index:-5;
	padding-bottom:3%;
}

#mainArea.sp_book .p-book_01_2 .p-book_01_2_anime{
	width: 100%;
  height: 0;
  padding-top: 36%;
  position: relative;
	z-index:-1;
}

#mainArea.sp_book .p-book_01_2 img.bg_top{
	position: absolute;
	top:0;
	left:0;
	width:100%;
} */

#mainArea.sp_book .p-book_01_2{
	position: relative;
	background:#ecf4d9;
	z-index:-5;
	width: 100%;
  height: 0;
  padding-top:100%;
	padding-bottom:31%;
}

#mainArea.sp_book .p-book_01_2 img.bg_top{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index:-1;
	padding-top:5%;
}

#mainArea.sp_book .book_food_8_box{
	width: 25%;
	position: absolute;
	top: 18%;
	left: 2%;
}

#mainArea.sp_book .book_food_8_box_illust{
	position: absolute;
	top: 18%;
	left: 0;
	width: 100%;
}

#mainArea.sp_book .book_food_8_box_illust .anime_img_box{
	left: 46%;
}

#mainArea.sp_book .book_food_8-2_box{
	width: 40%;
	position: absolute;
	top: 1%;
	right: 2%;
}

#mainArea.sp_book .book_food_8-3_box{
	width: 40%;
	position: absolute;
	top: 25%;
	right: 2%;
}


#mainArea.sp_book .p-book_01_3{
	position: relative;
	background:#ecf4d9;
	z-index:-5;
	width: 100%;
  height: 0;
  padding-top:100%;
}


#mainArea.sp_book .p-book_01_3 img.bg_top{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index:-1;
}

#mainArea.sp_book .book_food_9{
	position: absolute;
	right:0;
	left:0;
	bottom:-2%;
	text-align: center;
}

#mainArea.sp_book .book_food_9 .book_food_9_box{
	margin:0 20px;
}

#mainArea.sp_book .book_food_10{
	position: absolute;
	top:8%;
	right: 0;
	height: 0;
  padding-bottom: 50%;
	width:100%;
}
#mainArea.sp_book .book_food_10 .book_food_10_box p{
	text-align: center;
}

#mainArea.sp_book .book_food_10 .book_food_10_box_2{
	position: absolute;
	right: 2%;
	bottom: 0;
	text-align: center;
}

#mainArea.sp_book .book_food_10 .book_food_10_box_2 img{
	margin:0 0 10px;
}

#mainArea.sp_book .p-book_01_4{
	position: relative;
	background:#ecf4d9;
	z-index:-6;
	padding-top: 33%;
	margin-bottom: 0%;
}

#mainArea.sp_book .p-book_01_4 img.bg_top{
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:-1;
}

#mainArea.sp_book .p-book_01_4 .pb_linkbtn_area{
	bottom: 50%;
}

/**/

/*co2*/
#mainArea.sp_book .p-book_02{
	position: relative;
	background:#e0f1f4;
	z-index:-5;
	padding:5% 0 1%;
}

#mainArea.sp_book .p-book_02 img.bg_top{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index:-1;
}

#mainArea.sp_book .book_co2_box{
	margin:0px 8px 8%;
}

#mainArea.sp_book .book_co2_box .book_co2_1_l{
	width:45%;
}

#mainArea.sp_book .book_co2_box .book_co2_1_r{
	width:53%;
}

#mainArea.sp_book .book_co2_top_tit_1 .co2tit{
	margin-bottom:-14px;
}

#mainArea.sp_book .book_co2_top_tit_2{
	position: relative;
	margin-top: -10px;
}

#mainArea.sp_book .book_co2_top_tit_2 p{
	position: absolute;
	top: 25%;
	left:0%;
	text-align: center;
	width:100%;
}

#mainArea.sp_book .book_co2_2,
#mainArea.sp_book .book_co2_3{
	position: relative;
}

#mainArea.sp_book .book_co2_2 p{
	position: absolute;
	top: 38%;
	left:0%;
	text-align: center;
	width:100%;
}

#mainArea.sp_book .book_co2_3{
	margin:6% 0 0;
}

#mainArea.sp_book .book_co2_4{
	text-align: center;
	margin:0 0 50px;
}

#mainArea.sp_book .book_co2_4 .book_list_3{
	margin-top:-8%;
}

#mainArea.sp_book .book_co2_4 .book_list_3 img{
	width: 100%;
	margin: 0 auto 10px;
}

#mainArea.sp_book .book_co2_4 .book_list_3 li:nth-child(2n){
	padding:13% 0 0;
}

#mainArea.sp_book .book_co2_5{
	position: relative;
	width: 100%;
  height: 0;
  padding-top: 29%;
}

#mainArea.sp_book .book_co2_5 img{
	position: absolute;
	top:0;
	right:0;
	left:0;
	margin:0 auto;
}

#mainArea.sp_book .book_co2_5 p{
	width:100%;
	position: absolute;
	top:23%;
	right:0;
	left:0;
	z-index: 3;
	text-align: center;
}

#mainArea.sp_book .book_co2_6{
	position: absolute;
	top:13%;
	right:26%;
}

#mainArea.sp_book .p-book_02_1{
	position: relative;
	background:#e0f1f4;
	z-index:-5;
	padding:0 0 2%;
	background: -webkit-linear-gradient(to bottom,#e0f1f4 44%, #ecf4d9 0%);
	background: linear-gradient(to bottom,#e0f1f4 44%, #ecf4d9 0%);
}
#mainArea.sp_book .p-book_02_1 img.bg_top{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index:-1;
}
#mainArea.sp_book .book_co2_8{
	width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
}

#mainArea.sp_book .book_co2_8 .popup_area{
	position: absolute;
	bottom:0;
	left: 2%;
}

#mainArea.sp_book .book_co2_8 .popup_areabox{
	display: none;
}

#mainArea.sp_book .book_co2_8 .popup_area .popuplink{
	cursor: pointer;
	display: block;
	width:50%;
	transition-duration: 0.3s;
}

#mainArea.sp_book .book_co2_8 .popup_area .popuplink:hover{
	transform: scale(0.9);
}

.popup_areabox li{
	font-family: 'Kosugi Maru', sans-serif;
	margin-bottom:5px;
	text-indent: -1em;
	margin-left: 1em;
	font-weight:bold;
}

.popup_areabox li:last-child{
	margin-bottom:0px;
}

.popup_areabox li span{
	color:#0068b9;
	font-weight:bold;
}

#mainArea.sp_book .book_co2_9 {
	position: absolute;
	right: -2%;
	bottom:55%;
}

#mainArea.sp_book .book_co2_10{
	position: relative;
	width: 100%;
  height: 0;
  padding-top:53%;
	margin-bottom:3%;
}

#mainArea.sp_book .book_co2_10 .book_co2_10_box{
	position: absolute;
	bottom:0;
	right:1%;
}

#mainArea.sp_book .book_co2_10 .book_co2_10_box .book_list_2 li{
	margin-bottom:10px;
	text-indent: -1em;
	margin-left: 1em;
	font-size:16px;
}

#mainArea.sp_book .book_co2_11 .bgbox{
	width:47%;
	padding:15px;
	background:rgba(255, 255, 255,0.8);
	border-radius:15px;
	margin: 0px 20px;
}

#mainArea.sp_book .book_co2_11 .book_co2_11_box{
	width:60%;
}

#mainArea.sp_book .p-book_02_2{
	position: relative;
	background:#ecf4d9;
	z-index:-5;
	padding-top: 26%;
	margin-bottom: 0%;
}

#mainArea.sp_book .p-book_02_2 img.bg_top{
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:-1;
}

#mainArea.sp_book .p-book_02_2 .pb_linkbtn_area{
	bottom:70%;
}


/**/

#mainArea.sp_book .p-book_03{
	position: relative;
	background: #ecf4d9;
	/* background: -webkit-linear-gradient(to bottom,#ecf4d9 85%, #afdcde 0);
	background: linear-gradient(to bottom,#ecf4d9 85%, #afdcde 0); */
	z-index:-5;
}
#mainArea.sp_book .p-book_03 img.bg_top{
	position: absolute;
	top: 0;
	left:0;
	width:100%;
	z-index:-1;
}
#mainArea.sp_book .book_pura_tit{
	position: absolute;
	top: 0;
	left: 6%;
	width: 40%;
}

#mainArea.sp_book .book_pura_1{
  position: relative;
  padding-top: 100%;
  height: 0;
}

#mainArea.sp_book .book_pura_1 .book_pura_1_box{
	position: absolute;
	bottom: 7%;
	right: 1%;
	width:83%;
}

#mainArea.sp_book .book_pura_1 .book_pura_top_tit_2 p{
	position: absolute;
  bottom: -7%;
	right: 0;
  text-align: center;
  width: 45%;
}

#mainArea.sp_book .book_pura_2{
  position: relative;
  padding-top: 50%;
  height: 0;
}

#mainArea.sp_book .book_pura_2 img{
	width: 75%;
	position: absolute;
	top: 0;
	right: 2%;
}
#mainArea.sp_book .book_pura_2 p{
	position: absolute;
	bottom: 25%;
	right: 2%;
}

#mainArea.sp_book .book_pura_3_box{
	position: absolute;
	top: 40%;
	right: 21%;
	width:23%;
}

#mainArea.sp_book .book_pura_3_2_box{
	position: absolute;
	top: 46%;
	right: 1%;
	width: 18%;
}

#mainArea.sp_book .book_pura_4{
	width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
}

#mainArea.sp_book .book_pura_4 .book_pura_4_box{
	position: absolute;
	top:7%;
	left: 2%;
}

#mainArea.sp_book .book_pura_5 p{
	position: absolute;
	bottom:34%;
	right:3%;
}

#mainArea.sp_book .book_pura_5 .book_pura_5_box{
	position: absolute;
	bottom: 22%;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
}

#mainArea.sp_book .book_pura_5 .book_pura_5_box p{
	position: absolute;
	top:0;
	right:0;
	left:0;
	}
	#mainArea.sp_book .book_pura_6{
    position: relative;
    padding-bottom: 28%;
	}

	#mainArea.sp_book .book_pura_6_2{
    width: 50%;
    position: absolute;
    top: 0;
		right:2%;
	}

	#mainArea.sp_book .p-book_03_02{
		position: relative;
		background:#ecf4d9;
		z-index:-5;
		padding-bottom:82%;
	}

	#mainArea.sp_book .p-book_03_02 img.bg_top{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		z-index:-1;
	}

	#mainArea.sp_book .book_pura_8{
		width: 100%;
		height: 0;
		padding-top:31%;
		position: relative;
	}

	#mainArea.sp_book .book_pura_8_box{
		position: absolute;
		top:39%;
		left:0;
		padding:0px 10px;
	}

	#mainArea.sp_book .book_pura_9{
		position: absolute;
		top:10%;
		left:0;
		right:0;
	}

	#mainArea.sp_book .book_pura_9 .bgbox{
		width:70%;
		margin:0 auto 50px;
		padding:15px;
		background:rgba(255, 255, 255,0.8);
		border-radius:15px;
	}

	#mainArea.sp_book .book_pura_9 img{
		width:85%;
		margin:0 auto;
	}

	#mainArea.sp_book .p-book_03_03{
		position: relative;
		background:#ecf4d9;
		z-index:-5;
		padding-bottom: 60%;
	}

	#mainArea.sp_book .p-book_03_03 img.bg_top{
		position: relative;
		top:0;
		left:0;
		width:100%;
		z-index:-1;
	}

	#mainArea.sp_book .book_pura_10{
		position: absolute;
		top:0;
		left:0;
		right:0;
		margin:0 1% 0;
	}

	#mainArea.sp_book .p-book_03_04{
		position: relative;
		background:#ecf4d9;
		z-index:-5;
    padding-top: 20%;
    margin-bottom: 0%;
	}

	#mainArea.sp_book .p-book_03_04 img.bg_top{
		position: absolute;
		bottom:0;
		left:0;
		width:100%;
		z-index:-1;
	}

	#mainArea.sp_book .p_torikumi_inner{
		margin-bottom:20px;
	}
	#mainArea.sp_book .p_torikumi_inner .point_tit{
		margin-bottom:20px;
	}
	#mainArea.sp_book .p_torikumi_inner .point_tit .numbtext{
		font-size:23px;
	}
	#mainArea.sp_book .p_torikumi_inner .p_torikumi_box{
		margin-right:10px;
		width:49%;
	}
	#mainArea.sp_book .p_torikumi_inner .p_torikumi_box:nth-child(2n){
		margin-right:0px;
	}

	#mainArea.sp_book .p_torikumi_inner .p_torikumi_box_3{
		width:80%;
	}

	#mainArea.sp_book .p_torikumi_inner .pb_font_2{
		padding-left:15px;
	}

	#mainArea.sp_book .p-book_03_04 .pb_linkbtn_area{
    bottom: 40%;
	}


/**/

/* スマホ〜タブレット */
@media print, screen and (min-width:0px) and ( max-width:539px) {
	#mainArea.sp_book{
		margin-bottom: 60px;
	}
	#mainArea.sp_book p{
		transform: scale(0.8);
		display: block;
		font-size:10px;
	}
	#mainArea.sp_book .p-book_03_04{
		padding-top: 38%;
	}
	#mainArea.sp_book .pb_textbox {
    padding: 5px;
    border: 1px solid #000;
}

#mainArea.sp_book .pb_tit{
	font-size:13px;
}

#mainArea.sp_book .book_food_1_box {
	top: -96%;
}

#mainArea.sp_book .pb_textbox_2 .pb_tit_2{
	font-size:10px;
}

.width_5{width:80%;}

#mainArea.sp_book .anime_img_box {
	top: 14px;
}

#mainArea.sp_book .book_area06 p{
	font-size:14px;
}

#mainArea.sp_book .book_area06 .pb_box_7 {
	width: 43%;
}

#mainArea.sp_book .book_food_box_4 {
	top: -68%;
}

#mainArea.sp_book .book_area06 .flex_box_1 {
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
}

#mainArea.sp_book p.numbtext{
	transform: scale(1);
}

.point_tit .numbtext span.numb{
	font-size:14px;
	width: 25px;
  height: 25px;
	line-height: 25px;
}

#mainArea.sp_book .p_torikumi_inner .pb_font_2 {
	padding-left: 0px;
	font-size:13px;
}

#mainArea.sp_book .point_tit span.text{
	font-size:13px;
}

#mainArea.sp_book .p_torikumi_box .point_tit span.text,
#mainArea.sp_book .p_torikumi_box_2 .point_tit span.text,
#mainArea.sp_book .p_torikumi_box_3 .point_tit span.text{
	font-size:11px;
}

#mainArea.sp_book .bgbox{
	padding: 5px;
	border: 1px solid #000;
}

#mainArea.sp_book .book_food_5 .bgbox .flex_box_1{
	display: block;
	text-align: center;
}
#mainArea.sp_book .bgbox p{
	font-size:12px;
}

#mainArea.sp_book .book_food_8_box .bgbox p,
#mainArea.sp_book .book_food_8-2_box .bgbox p,
#mainArea.sp_book .book_food_8-3_box .bgbox p{
	font-size:13px;
}

#mainArea.sp_book .pb_linkbtn_area .pb_linkbtn a{
	font-size: 11px;
	margin: 5px 10px;
}

#mainArea.sp_book .pb_textbox{
	font-size: 16px;
}

#mainArea.sp_book .p_torikumi_inner .point_tit .numbtext {
	font-size: 16px;
}
#mainArea.sp_book .book_list_1 li{
	font-size:15px;
	transform: scale(0.8);
}

#mainArea.sp_book .pb_textbox_2{
	border: 1px solid #000;
	padding: 5px;
}

#mainArea.sp_book .book_list_2 li {
	font-size:14px;
	transform: scale(0.8);
}

#mainArea.sp_book .book_co2_4 .pb_font_4{
	font-size:16px;
}

#mainArea.sp_book .book_co2_top_tit_2 p,
#mainArea.sp_book .book_co2_2 p{
	font-size:13px;
}

#mainArea.sp_book .book_co2_11 .flex_box_2{
	display: block;
}

#mainArea.sp_book .book_co2_11 .bgbox {
	width: auto;
	margin: 0px 20px 30px;
}

#mainArea.sp_book .book_co2_11 .book_co2_11_box{
	width: 60%;
	margin:0 auto;
}

#mainArea.sp_book .book_target_1{
	width: auto;
	border: 1px solid #000;
	margin: 0 10px 30px;
	padding:0px 20px;
}

#mainArea.sp_book .book_co2_9{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#mainArea.sp_book .book_co2_10 .book_co2_10_box .book_list_2 li{
	font-size:12px;
	margin-bottom: 5px;
}

#mainArea.sp_book .book_food_10 {
	top: 5%;
	padding-bottom: 64%;
}

#mainArea.sp_book .p-book_01_3 {
	padding-bottom: 4%;
}

#mainArea.sp_book .p-book_01_4 {
	padding-top: 70%;
}

#mainArea.sp_book .book_food_9 {
	bottom: -10%;
}

#mainArea.sp_book .p-book_01_4 .pb_linkbtn_area {
	bottom: 30%;
}

#mainArea.sp_book .book_co2_top_tit_2 p {
	top:18%;
}

#mainArea.sp_book .book_list_3 li {
	width: 40%;
}

#mainArea.sp_book .book_list_3 li p{
	font-size:12px;
}

#mainArea.sp_book .book_list_3.flex_box_1 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#mainArea.sp_book .book_co2_5 .img_size_6{
	width:78%;
}
#mainArea.sp_book .book_co2_5 p{
	font-size:14px;
	top: 20%;
}

#mainArea.sp_book .pb_box_7_2 p{
	font-size:13px;
}

#mainArea.sp_book .book_food_9_box p{
	font-size:13px;
}

#mainArea.sp_book .book_co2_6 {
	top: 12%;
	right: 23%;
}
#mainArea.sp_book .book_co2_6 p{
	font-size:13px;
}
.position_text_10 {
	top: 15%;
}

#mainArea.sp_book .pb_circle {
	width: 26%;
}
#mainArea.sp_book .pb_circle p {
	font-size:12px;
}

#mainArea.sp_book .book_pura_3_box{
	width: 33%;
	top: 38%;
	right: 19%;
}
#mainArea.sp_book .book_pura_3_box .img_size_6{
	width:52%;
}

#mainArea.sp_book .book_pura_3_2_box{
	top: 42%;
	width: 20%;
}

#mainArea.sp_book .book_pura_3_2_box .img_size_4{
	width:90%;
}

#mainArea.sp_book .book_pura_5 p{
	right:-3%;
}

#mainArea.sp_book .book_pura_6_2.bgbox p{
	font-size:12px;
}

#mainArea.sp_book .book_pura_8_box .pb_font_4{
	font-size:13px;
}

#mainArea.sp_book .book_area08 {
	padding-top: 63%;
	padding-bottom: 5%;
}

.point_tit {
	margin: 0px 0px;
}

#mainArea.sp_book .p-book_03_03 {
	padding-bottom: 100%;
}

.popup_areabox li{
	font-size:12px;
	padding: 0px 20px 0px 0px;
}

#mainArea.sp_book .p-book_03_04 .pb_linkbtn_area{
	bottom: 30%;
}


}

@media print, screen and (min-width:540px) and ( max-width:768px) {

	#mainArea.sp_book .p-book_03_04{
		padding-top: 38%;
	}
	.pb_font_1{font-size:14px;}
	.pb_font_2{font-size:16px;}
	.pb_font_3{font-size:11px;}
	.pb_font_4{font-size:18px;}
	.pb_font_5{font-size:18px;}
	.pb_font_6{font-size:17px;}
	.pb_font_7{font-size:22px;}

	.torikumi_txt_1,
	.torikumi_txt_2{
		font-size:20px;
	}
	.point_tit .numbtext{
		font-size:20px;
	}

	#mainArea.sp_book .pb_tit{
		font-size:16px;
}
 #mainArea.sp_book .pb_tit_2 {
	font-size:12px;
}
 #mainArea.sp_book .book_list_1 li {
	font-size:18px;
}

#mainArea.sp_book .book_list_2 li {
	font-size:16px;
}

#mainArea.sp_book .book_graph_1 .bt-txt {
	font-size:14px;
}

#mainArea.sp_book .pb_circle p {
	font-size:16px;
}
#mainArea.sp_book .pb_linkbtn_area .pb_linkbtn a{
	font-size:16px;
}

#mainArea.sp_book .pb_textbox{
	font-size:16px;
}

#mainArea.sp_book .p_torikumi_inner .point_tit .numbtext {
	font-size:16px;
}

#mainArea.sp_book .p_torikumi_inner .point_tit .numbtext {
	font-size:16px;
}

.position_text_10 {
	top: 20%;
}

#mainArea.sp_book .book_pura_9 {
	top: 3%;
}

#mainArea.sp_book .book_food_10 .book_food_10_box_2 {
	bottom: -13px;
}

#mainArea.sp_book .book_food_10 .pb_box_4 {
	width: 25%;
}

}

/* スマホ */
@media print, screen and (min-width:0px) and ( max-width:767px) {
	#food-loss{
		padding-top: 170px;
		margin-top: -170px;
		position: relative;
		z-index:-10;
		}
		#co2-loss{
		padding-top: 70px;
		margin-top: -70px;
		position: relative;
		z-index:-10;
		}
	#pura-loss{
		padding-top:100px;
		margin-top: -100px;
		position: relative;
		z-index:-10;
	}

	#mainArea.sp_book .p_torikumi_inner .p_torikumi_box{
		margin-right: 3px;
    width: 48%;
	}

	#mainArea.sp_book{
		margin-bottom: 60px;
	}
	#mainArea.sp_book p{
		display: block;
	}

	#mainArea.sp_book .book_co2_8 .popup_area .popuplink {
    width: 44%;
}
}

@media print, screen and (min-width:768px) and ( max-width:860px) {
.width_2{width:495px;}

#mainArea.sp_book .p-book_01_4{
	padding-top: 55%;
}

#mainArea.sp_book .p-book_03_03{
	padding-bottom: 80%;
}

#mainArea.sp_book .pb_circle p {
	font-size:16px;
}
#mainArea.sp_book .book_area08 {
	padding-top: 52%;
}
#mainArea.sp_book .p_torikumi_inner .point_tit .numbtext {
	font-size:20px;
}

#mainArea.sp_book .book_food_9{
	bottom: -8%;
}
#mainArea.sp_book .book_food_10 .book_food_10_box_2{
	bottom: -12%;
}

.pb_font_4,
.pb_font_5 {
    font-size:18px;
}

.pb_font_3 {
	font-size:13px;
}

#mainArea.sp_book .book_pura_3_box {
	width: 27%;
}

}

@media print, screen and (max-width:980px){
	#mainArea.sp_book .book_co2_8 .popup_area .popuplink {
		width: 44%;
	}
	.point_tit .numbtext {
    font-size:22px;
}
	}

/* PC〜タブレット */
@media print, screen and (min-width:768px) {
#food-loss{
	padding-top: 330px;
	margin-top: -330px;
	position: relative;
	z-index:-10;
}
#co2-loss{
	padding-top: 120px;
	margin-top: -120px;
	position: relative;
	z-index:-10;
}
#pura-loss{
	padding-top: 140px;
	margin-top: -140px;
	position: relative;
	z-index:-10;
}

.width_1{width:400px;}
.width_5{width:250px;}

#mainArea.sp_book .mblf{
	margin:0 20px;
}
#mainArea.sp_book .mblf_2{
	margin:0 30px;
}

#mainArea.sp_book .book_target_1{
	margin: 0 30px 50px;
}

#mainArea.sp_book .book_graph_1{
margin: 0 30px;
}

.point_tit{
	margin:0px 10px;
}
}


@media print, screen and (min-width:1000px) {
	#mainArea.sp_book .p-book_03_03{
		padding-bottom: 50%;
	}
}

@media print, screen and (min-width:860px) {
	.width_2{width:620px;}
}