@charset "utf-8";

/* ---------------------*/
/*        TOP        */
/* ---------------------*/
article{
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:1440px;
	min-width:980px;
/*
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);
*/
	overflow:hidden;
}
.form_bg{
	max-width:1440px;
	min-width:980px;
	background:url(../img/bg5_1.png) center top no-repeat;
	background-origin:padding-box;
	box-shadow:none;
}
.form_bg:before{
	content:"";
	position:absolute;
	top:912px;
	left:50%;
	transform:translateX(-50%);
	max-width:1440px;
	min-width:980px;
	width:100%;
	height:100%;
	background:url(../img/bg5_2.png) center 912px repeat-y;
	background-origin:border-box;
	z-index:-1;
}
.ques_bg{
	max-width:1440px;
	min-width:980px;
	background:url(../img/bg6_1.png) center top no-repeat;
	background-origin:padding-box;
	box-shadow:none;
}
.ques_bg:before{
	content:"";
	position:absolute;
	top:1068px;
	left:50%;
	transform:translateX(-50%);
	max-width:1440px;
	min-width:980px;
	width:100%;
	height:100%;
	background:url(../img/bg6_2.png) center 1068px repeat-y;
	background-origin:border-box;
	z-index:-1;
}
#top_main{
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:1440px;
	min-width:980px;
	background:url(../img/bg.jpg) center 0 no-repeat;
	overflow:hidden;
}
/*-------------------
メインビジュアル
----------------------*/

#top_block1{
	position:relative;
	margin:0 auto;
	width:980px;
	height:100%;
}
#top_block1_left{
	position:relative;
}

.balloon01,
.balloon02,
.balloon03,
.balloon04{
	position:absolute;
	top:20px;
	right:23px;
}
.balloon02{
	top:200px;
	left:74px;
}
.balloon03{
	top:136px;
	left:93px;
}
.balloon04{
	top:102px;
	right:105px;
}
#info{
	position:relative;
	margin:0 0 8px 0;
	width:100%;
	height:130px;
	background:url(../img/bg2.jpg) 0 0;
	border-radius:10px;
	overflow:hidden;
}
#info #info_pkg{
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}
#info #info_text{
	position:absolute;
	top:50%;
	left:80px;
	transform:translateY(-50%);
	padding:1.5em;
	color:#fff;
}
#info #info_text span{
	color:#fef33f;
}
#info #info_cero{
	position:absolute;
	top:86px;
	left:404px;
}
#timeline{
	position:relative;
	border:3px solid #71bd27;
	border-radius:5px;
}
.hash_head{
	position:absolute;
	padding:8px 10px;
	width:100%;
	text-align:center;
	background:#fff;
	box-sizing:border-box;
}
.hash_head .hashtag{
	margin-right:2em;
	color:#3b94d9;
}
.hash_head .twitter-follow-button{
	vertical-align:middle;
}
.twitter-timeline{
	vertical-align:top;
	width:0;
}
.TweetAuthor{
	position:relative;
}
#bnrs{

}
#bnrs li{
	display:inline-block;
	margin:0 auto;
	margin-left:15px;
	width:315px;
}
#bnrs li:first-child{
	margin:0 auto;
}
#bnrs li a{
	display:block;
	position:relative;
}
#bnrs li a img{
	border-radius:5px;
	box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
}
#bnrs li a:hover img{
	opacity:0.7;
}
#bnrs li a.newicon:after{
	content: "";
	display: block;
	position: absolute;
	top:0;
	right:0;
	width:52px;
	height:45px;
	background: url(../img/btn_new.png) center top no-repeat;
	background-size: 100%;

	animation-delay:3s;
	animation-duration:3s;
	animation-iteration-count:1;
	animation-name:shine;
	animation-timing-function:linear;
}
@keyframes shine{
	0%,100%{transform:scale(1);}
	10%{transform:scale(1.5);}
	20%{transform:scale(1);}
	30%{transform:scale(1.5);}
	40%{transform:scale(1);}
}
#loading{
	display:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:295px;
	height:120px;
}
#loading p{
	text-align:center;
	padding:0 0 20px 0;
}

#news1{
	position:relative;
	margin:15px auto;
	max-width:720px;
	width:100%;
	min-height:35px;
	height:35px;
	background:url(../img/bg_news.png) 0 0 no-repeat;
	border-radius:5px;
	overflow:hidden;
}
#news1_list{
	width:100%;
}
#news1_list ul{
	top:0;
	left:0;
	transform:translateY(-35px);
	margin:0 0 0 70px;
	height:100%;
}
#news1_list ul li{
	display:block;
	padding:0 40px 0 10px;
	font-size:12px;
	line-height:35px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#news1_list ul li a{
	color:#3b94d9;
}
#news1_list ul li a:hover{
	color:#55acee;
}
#new_btn_up{
	display:none;
	position:absolute;
	top:-7px;
	right:12px;
	cursor:pointer;
	z-index:100;
}
#new_btn_down{
	display:block;
	position:absolute;
	top:5px;
	right:12px;
	cursor:pointer;
}
#new_btn_up2{
	display:block;
	position:absolute;
	top:-7px;
	right:12px;
}
#new_btn_down2{
	display:none;
	position:absolute;
	top:5px;
	right:12px;
}

#logo_large{
	position:absolute;
	top:107px;
	left:234px;
	width:510px;
	height:359px;
	background:url(../img/logo_large.png) 0 0 no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	z-index:5;
}

#illust_boy{
	position:absolute;
	top: 75px;
	left:-25px;
	z-index:1;
}
#illust_girl{
	position:absolute;
	top:103px;
	left:710px;
	z-index:2;
}
#bnr_20th{
	position:absolute;
	top:75px;
	left:210px;
	z-index:3;
}
#bnr_thanks{
	position:absolute;
	top:485px;
	left:343px;
	z-index:3;
}
#heart{
	position:absolute;
	bottom:0;
	left:-35px;
	width:50px;
	height:44px;
	background:url(../img/icon_heart0.png) center top no-repeat;
}
/*
#heart:before,
#heart:after {
	content: "";
	position:absolute;
	left:0px;
	bottom:0;
	transform:rotate(45deg);
	transform-origin:100% 100%;
	width:22px;
	height:36px;
	background:#f00;
	border-radius:22px 22px 0 0;
}
#heart:after{
	left:22px;
	transform:rotate(-45deg);
	transform-origin:0% 100%;
}
*/
/* -------------------
商品シリーズ一覧
----------------------*/

#top_block2{
	position:relative;
	margin:20px auto 30px;
	padding:25px 0 30px 0;
	width:980px;
}
.board{
	position: absolute;
	z-index: 2;
	top: 70px;
	left: 296px;
	width: 182px;
	filter: drop-shadow(2px 3px 2px rgba(0,0,0,0.3));
}
.board__image{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.series_list{
	display:table;
	margin:0 auto;
	width:90%;
	padding: 0 5%;
	text-align:center;
	position: relative;
}
.series_list::before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
}

.series_list:nth-of-type(2){
	margin-top: -5px;
}

.series_list:not(:first-of-type):not(:nth-of-type(2)),
.series_list:not(:first-of-type):not(:nth-of-type(2))::before{
	height: 250px;
}
.series_list:nth-of-type(4n-1)::before{
	top: 22px;
	background:url(../img/bg_book3.png) no-repeat center top / 100%;
}
.series_list:nth-of-type(4n)::before{
	top: 22px;
	background:url(../img/bg_book4.png) no-repeat center top / 100%;
}
.series_list:nth-of-type(4n+1)::before{
	top: 22px;
	background:url(../img/bg_book5.png) no-repeat center top / 100%;
}
.series_list:nth-of-type(4n+2)::before{
	top: 22px;
	background:url(../img/bg_book6.png) no-repeat center top / 100%;
}
.series_list:first-of-type::before{
	height: 212px;
	top: 4px;
	background:url(../img/bg_book1.png) no-repeat center top / 100%;
	box-shadow: none;
}
.series_list:nth-of-type(2)::before{
	height: 255px;
	top: -24px;
	background:url(../img/bg_book2.png) no-repeat center top / 100%;
}
.series_list:last-of-type::after{
	position: absolute;
	bottom: -27px;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	background: rgba(0,0,0,0.15);
}

.series_list li{
	display:table-cell;
	position:relative;
	margin:0 0 0 2%;
	width:20%;
	vertical-align: bottom;
}
.series_list.cell3 li{
	width:33%;
}
.series_list.cell4 li{
	width:23%;
}
.series_list.cell6 li{
	width:16.6%;
}
.series_list li img{
	position:relative;
	z-index:2;
}
.series_list .size_chousei{
    width: 85% !important;
    height: 85% !important;
    top: -3px;
}
.series_list li img.invi{
	position:absolute;
	bottom:0;
	left:50%;
	opacity:0;
	z-index:1;
	cursor:url("../img/icon_hand.png"),auto;
}
.series_list li img.detail_click{
	position:absolute;
	top:0;
	right:-40px;
	z-index:2;
}

.series_list.newitem{
	margin:0 auto;
	padding-top:35px;
}
.series_list li.setitem{
	margin-left:50%;
	top: -45px;
	width: 13%;
}
.series_list li.setitem a{
	display: block;
}
.series_list .top_image{
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: drop-shadow(2px 4px 2px rgba(0,0,0,0.3));
}


/* -------------------
ごあいさつ
----------------------*/
.box_block0{
	position:relative;
	margin:0 auto;
	width:980px;
	height:100%;
	background:url(../img/message_inner.png) center;
	border-radius:15px;
	box-shadow:0px 5px 20px 0px #aaa;
	overflow:hidden;
}
.title_name{
	margin:1em auto;
	font-size:36px;
	text-align:center;
	border-bottom:5px solid #f00;
}
.members{
	margin:0 auto;
}
.members ul{
	display:inline-block;
	width:100%;
}
.members ul li{
	display:inline-block;
	vertical-align:middle;
}
.member_name{
	margin:0 0 0 2.5em;
}
.member_name span{
	color:#9e99e6;
	font-size:24px;
	font-weight:bold;
}
.member_text{
	margin:10px auto;
}
.member_text p{
	margin:0 auto 10px;
}
#member01{
	position:relative;
}
#member01:before,
#member01:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:131px;
	height:88px;
	background:url(../img/img_acce01.png) center no-repeat;
	z-index:1;
}
#member01:after{
	top:inherit;
	left:inherit;
	bottom:0;
	right:0;
	background:url(../img/img_acce02.png) center no-repeat;
}
#member01 .inner{
	margin:0 auto;
	height:600px;
	background:url(../img/bg_message.jpg) center no-repeat;
	background-size:100%;
}
#member01 p.photo{

}
#member01 p.nameset{

}
#member01 p.message,
#member01 p.message2{
	margin:0 auto;
	margin-top:47px;
	width:90%;
	line-height:1.9em;
}
#member01 p.message2{
	margin-top:0;
	padding-right:6em;
	line-height:2em;
	box-sizing:border-box;
}
.hr_type1{
	margin:30px;
	border:3px solid #ddd;
	border-radius:3px;
}
.hr_type2{
	border:1px solid #ddd;
	border-radius:2px;
}
/* -------------------
20周年ありがとう
----------------------*/
.form_icon1,
.form_icon2{
	position:absolute;
	top:220px;
	left:0;
	z-index:1;
}
.form_icon2{
	top:260px;
	left:inherit;
	right:30px;
}
.form_box{
	position:relative;
	top:20px;
	background:url(../img/form_inner.png) center;
}
.form_header{
	position:absolute;
	top:-30px;
	left:0;
}
#form{
	display:none;
	position:relative;
	margin:0 auto;
	width:90%;
	background:url(../img/form_inner2.png) center top no-repeat;
	background-size:100% 100%;
}
.thank_text{
	margin:0 auto;
	width:50%;
	text-align:center;
}
.checkdata{
	color:#6bbc21;
	text-align:center;
}
.checkdata span{
	display:inline-block;
	margin-right:1em;
	padding:5px 15px;
	color:#fff;
	background:#6bbc21;
	border-radius:15px;
}
.inner_head{
	background:url(../img/form_head2.png) center top no-repeat;
	background-size:100%;
}
.fm_table{
	margin:0 auto;
	width:100%;
}
.fm_tr{
	position:relative;
	margin:0 auto;
	width:80%;
}
.fm_th{
	margin:0 auto;
	padding:10px 10px 0;
	width:100%;
	font-weight:bold;
	box-sizing:border-box;
}
.fm_td{
	margin:0 auto;
	padding:10px 10px 0;
	width:100%;
	box-sizing:border-box;
}
.fm_td textarea{
	width:100%;
	min-height:100px;
}
.fm_td input,
.fm_td label{
	vertical-align:middle;
	box-sizing:border-box;
}
.icon_leaf{
	padding-left:2em;
	color:#754217;
	background:url(../img/icon_leaf.png) left center no-repeat;
}
#radio2{
	margin-left:10%;
}
.fm_button{
	margin:0 auto;
	width:100%;
	min-height:125px;
	background:url(../img/form_foot2.png) center bottom no-repeat;
	background-size:100%;
	text-align:center;
}
.atten{
	margin:0 auto;
	padding:30px 0;
	width:75%;
	text-align:left;
}
.atten li:not(:first-child){
	list-style:disc;
}
.atten li:first-child{
	text-indent:-2em;
}
.toggle1{
	margin:20px auto 10px;
	width:90%;
	text-align:center;
}
.toggle1 button{
	position:relative;
	background:transparent;
	border:none;
	cursor:pointer;
}
.toggle1 button:after{
	content:"";
	position:absolute;
	top:50%;
	right:30px;
	width:30px;
	height:17px;
	transform:translateY(-50%);
	background:url(../img/arrow02.png) center top no-repeat;
}
.toggle1 button.open:after{
	transform:translateY(-50%) rotate(180deg);
}
.toggle1 button img{
	border-radius:10px;
}
#thankyou,
#error{
	position:relative;
}
#thankyou{
	text-align: center;
}
#thankyou h1,
#error h1{
	margin:0 auto;
	text-align:center;
}
#thankyou p,
#error p{
	margin:0 auto 1em;
	text-align:center;
}
#thankyou .atten2,
#error .atten2{
	margin:0 auto 1em;
	font-weight:bold;
	text-align:center;
}
#thankyou ul,
#error ul{
	margin:0 auto;
	width:40%;
	text-align:center;
}
#thankyou ul li,
#error ul li{
	display:inline-block;
	margin-left:5%;
}
#thankyou ul li:first-child,
#error ul li:first-child{
	margin:0 auto;
}
.message_link ul{
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-o-flexbox;
	display:flex;

	/*子要素の配置方向*/
	-webkit-flex-direction:row;
	flex-direction:row;

	/*子要素の折り返し*/
	-webkit-flex-flow:wrap;
	flex-flow:wrap;

	/*水平方向の揃え*/
	-webkit-justify-content:flex-start;
	justify-content:flex-start;

	/*垂直方向の揃え*/
	-webkit-align-items:flex-end;
	align-items:flex-end;

	/*行方向の揃え*/
	-webkit-align-content:space-around;
	align-content:space-around;

	position:relative;
	width:100%;
	height:100%;
}
.message_link ul li{
	position:relative;
	margin-left:2.45%;
	width:18%;
	height:100%;
	background:transparent;
	text-align:center;
}
.message_link ul li .animal{
	position:absolute;
	bottom:-10px;
	right:-20px;
}
.message_link ul li:first-child{
	margin-left:0;
}
.message_link ul li a{
	display:inline-block;
	height:100%;
	vertical-align:middle;
/*
	box-shadow:10px 10px 10px -5px #666;
*/
}
.message_link ul li a:after{
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:150px;
	height:70px;
	box-shadow:0px 1px 10px 0px #666;
	z-index:-1;
}
#reset,
#check,
#back,
#send{
	padding:15px 30px;
	background:#ee6c00;
	border:4px solid #ffa000;
	border-radius:8px;
	color:#fff;
	cursor:pointer;
}
/*-------------------
商品詳細
----------------------*/

.box_block1{
	position:relative;
	margin:0 auto;
	width:980px;
	height:100%;
	background:url(../img/series_inner.png) center;
	border-radius:10px;
	box-shadow:0px 5px 20px 0px #aaa;
	overflow:hidden;
}
.box_block2{
	position:relative;
	margin:0 auto;
	width:980px;
	height:100%;
	background:#fffefa;
	border:2px solid #ddd;
	border-radius:10px;
}
.innerlinks{
	position:relative;
	margin:0 auto;
	width:980px;
	height:100%;
	text-align:center;
}
.innerlinks a{
	display:inline-block;
	padding:10px 30px;
	color:#fff;
	text-decoration:none;
}
.innerlinks a:hover{
		text-decoration:underline;
}
.prevlink,
.serieslink,
.nextlink{
	display:inline-block;
	position:relative;
	background:#96c80e;
	border:1px solid #96c80e;
	border-radius:5px;
}
.prevlink{
	position:absolute;
	top:0;
	left:0;
}
.prevlink a{
	padding:10px 30px 10px 40px;
}
.prevlink a:after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:10px;
	transform:translateY(-50%) rotate(180deg);
	width:15px;
	height:15px;
	background:url(../img/arrow01.png) center top no-repeat;
	background-size:100%;
}
.nextlink{
	position:absolute;
	top:0;
	right:0;
}
.nextlink a{
	padding:10px 40px 10px 30px;
}
.nextlink a:after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-50%);
	width:15px;
	height:15px;
	background:url(../img/arrow01.png) center top no-repeat;
	background-size:100%;
}
.inner{
	position:relative;
	padding:30px;
	width:100%;
	box-sizing:border-box;
}
.jamp_series{
	display:table;
	position:absolute;
	top:66px;
	right:23px;
	padding-right:5px;
	width:100px;
	height:30px;
	text-align:center;
	background-color:#896b45;
	background-image:url(../img/icon_return.png);
	background-repeat:no-repeat;
	background-position:82px 50%;
	border:2px solid #fff;
	border-radius:5px;
}
.jamp_series a{
	display:table-cell;
	color:#fff;
	text-decoration:none;
	vertical-align:middle;
}
.box_left{
	float:left;
	box-sizing:border-box;
}
.box_left.w48p{
	border-right:2px solid #ddd;
}
.box_left .soft_image--sw{
	width: 151px;
}
.box_right{
	float:right;
	box-sizing:border-box;
}
.opt01{
	margin:0 auto;
	width:65%;
}
.opt02{
	padding-left:5%;
}
.opt02 p{
	margin:0 0 1em 0;
	padding:0 0 50px 0;
}
.word_wrap{
	color:#592c00;
	word-wrap:break-word;
	word-break:break-all;
}
.button_text{
	position:relative;
	width:100%;
	color:#fff;
	background-color:#96c80e;
	border-radius:5px;
}
.button_text:after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:30px;
	transform:translateY(-50%);
	width:22px;
	height:22px;
	background:url(../img/arrow01.png) center top no-repeat;
	background-size:100%;
}
.button_text.right5:after{
	right:5px;
}
.button_text.right10:after{
	right:10px;
}
.button_text a{
	display:block;
	padding:10px;
	width:100%;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	box-sizing:border-box;
}
.v_p01{
	position:absolute;
	bottom:30px;
}
#carousel img {
	display:block;
	opacity:.5;
	cursor:pointer;
}
#carousel img:hover {
	opacity:1;
}
#carousel .flex-active-slide img {
	opacity:1;
	cursor:default;
}
/*JSON make unit*/
#comments ul{
	margin:0 auto;
	padding-bottom:10px;
	width:100%
}
.comment-box{
	position:relative;
	margin:0 2% 20px 0;
	width:31.3%;
	height:auto;
	background:url(../img/form_inner3.png) repeat-y;
	background-size:100%;
	list-style:none;
	box-sizing:border-box;
}
.comment-box:after{
	content:"";
	display:inline-block;
	position:absolute;
	bottom:0;
	right:0;
	width:36px;
	height:36px;
	background:url(../img/anima03.png) center top no-repeat;
}
.comment-head{
	margin-top:-5px;
}
.comment-box .comment-head img{
	vertical-align:top;
}
.comment-box .comment-text{
	margin:0 auto;
	padding:10px;
	width:90%;
	background:#dbeec9;
	box-sizing:border-box;
	overflow:hidden;
	word-wrap:break-word;
	word-break:break-all;
}
.comment-box .comment-title{
	margin:0 auto;
	padding:10px 0 0 10px;
	width:90%;
	background:transparent;
	line-height:1.5em;
	box-sizing:border-box;
}
.comment-box .comment-user{
	margin:0 auto;
	padding:0 0 0 10px;
	width:90%;
	line-height:1.5em;
	box-sizing:border-box;
}
.comment-box .comment-age{
	width:40%;
	line-height:3em;
	text-align:center;
}
.comment-foot{
	margin-bottom:-5px;
}
.countup{
	margin:0 auto;
	padding:0 0 0 10px;
	width:90%;
	box-sizing:border-box;
}
.countup button{
	width:48px;
	height:46px;
	vertical-align:middle;
	background:url(../img/icon_heart2.png) center top no-repeat;
	border:none;
	cursor:pointer;
}
.countup button[disabled="disabled"]{
	cursor:default;
	opacity:0.5;
}
.countup span{
	display:inline-block;
	position:relative;
	margin-left:1em;
	width:4em;
	height:40px;
	line-height:40px;
	text-align:center;
	vertical-align:middle;
	background:#fff;
	border:2px solid #ddd;
	border-radius:5px;
}
.countup span:before{
	content:"";
	display:inline-block;
	position:absolute;
	top:50%;
	right:100%;
	transform:translateY(-50%);
	width:0;
	height:0;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-right:8px solid #ddd;
}
.countup span:after{
	content:"";
	display:inline-block;
	position:absolute;
	top:50%;
	left:-5px;
	transform:translateY(-50%);
	width:0;
	height:0;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-right:8px solid #fff;
}
/* -------------------
関連情報
----------------------*/
.box_block3{
	position:relative;
	margin:0 auto;
	width:980px;
	height:100%;
	background:url(../img/topic_inner.png) center;
	border-radius:15px;
	box-shadow:0px 5px 20px 0px #aaa;
	overflow:hidden;
}
.box_block3 a{
	color:#0042fb;
}
.topic_inner{
	position:relative;
	margin:0 auto;
	padding:30px 20px;
	min-height:100px;
	background:url(../img/bg1.jpg);
	border-radius:10px;
	box-sizing:border-box;
}
.hr_type_topic{
	height:20px;
	background:url(../img/topic_line.png) repeat-x left top;
	border:none;
}
.topic_title{
	color:#016a97;
	font-weight:bold;
}
.date{
	position:absolute;
	top:-20px;
	left:20px;
	padding:5px 10px;
	color:#fff;
	background:#016a97;
	border-radius:5px;
}
.date:after{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	width:0;
	height:0;
	transform:translateX(-50%);
	border-top:10px solid #016a97;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
}
.anima{
	position:absolute;
	top:-20px;
	right:20px;
}
.selection{
	display:none;
}
#page-1{
	display:block;
}
#paging{
	margin:30px;
}
.box_block3 .light-theme a{
	color:#fff;
	background:#036787;
	border-color:#036787;
}
.box_block3 .light-theme a:hover{
	color:#036787;
}
.box_block3 .light-theme .current {
	color:#036787;
	background:#dff3fa;
	border-color:#dff3fa;
}
.aten_ul li{
	padding-left: 1em;
	text-indent: -1em;
	list-style: disc;
	list-style-position:inside;
}
.aten_ul2 li{
	padding-left: 1em;
	text-indent: -1em;
	list-style:decimal;
	list-style-position:inside;
}
.koryaku{
	background:#228b22;
}
.koryaku caption{
	margin-bottom:0.5em;
	text-align:left;
}
.koryaku th,
.koryaku td{
	padding:0.5em;
	background:#2e8b57;
	color:#fff;
	text-align:left;
}
.koryaku td{
	background:#fff;
	color:#000;
}
/* -------------------
ブログ
----------------------*/
.box_block4{
	position:relative;
	margin:0 auto;
	width:980px;
	height:100%;
	background:url(../img/blog_inner.png) center;
	border-radius:15px;
	box-shadow:0px 5px 20px 0px #aaa;
}
.books{
	position:absolute;
	top:-160px;
	right:-50px;
}
.back_paper{
	position: absolute;
	top: 300px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
.box_block4 a{
	color:#e97a20;
}
.blog_inner{
	position:relative;
	margin:0 auto;
	padding:30px 20px;
	min-height:100px;
	background:url(../img/bg8.jpg);
	border-radius:10px;
	box-shadow:0px 0px 90px 30px #f8f5e3 inset;
	box-sizing:border-box;
}
.hr_type_blog{
	height:20px;
	background:url(../img/blog_line.png) repeat-x left 50%;
	border:none;
}
.blog_title{
	color:#e97a20;
	font-weight:bold;
}
.date.blog{
	position:absolute;
	top:-20px;
	left:20px;
	padding:5px 10px;
	color:#fff;
	background:#e97a20;
	border-radius:5px;
}
.date.blog:after{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	width:0;
	height:0;
	transform:translateX(-50%);
	border-top:10px solid #e97a20;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
}
.box_block4 .light-theme a{
	color:#fff;
	background:#f47607;
	border-color:#f47607;
}
.box_block4 .light-theme a:hover{
	color:#f47607;
}
.box_block4 .light-theme .current {
	color:#ed6f00;
	background:#ffe5cf;
	border-color:#ffe5cf;
}

/* -------------------
なんでも調査隊
----------------------*/
.box_block5{
	position:relative;
	margin:0 auto;
	width:980px;
	height:100%;
	background:url(../img/question_inner.png) center;
	border-radius:15px;
	box-shadow:0px 5px 20px 0px #aaa;
}
.question_inner2{
	padding-bottom:0px;
	background:url(../img/question_inner2.png) center top repeat-y;
}
.qs{
	margin:0 auto;
	margin-top:-10px;
	width:75%;
}
.tohyo{
	margin:0 auto;
	padding:0;
	border:none;
	background:transparent;
}
.icon_set1{
	position:relative;
}
.set1,
.set2,
.set3,
.set4,
.set5,
.set6{
	position:absolute;
	bottom:-20px;
}
.set1{
	top:-210px;
	bottom:inherit;
	left:-7%;
}
.set2{
	left:20%;
}
.set3{
	left:30%;
}
.set4{
	left:65%;
}
.set5{
	left:77%;
}
.set6{
	top:-303px;
	bottom:inherit;
	right:-4%;
}
.box_block6{
	position:relative;
	margin:0 auto;
	width:980px;
	height:100%;
	background:url(../img/bg7.jpg);
	box-sizing:border-box;
}
.ques_kekka{
	position:absolute;
	top:-40px;
	left:50%;
	transform:translateX(-50%);
}
.question_link > div{
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-o-flexbox;
	display:flex;

	/*子要素の配置方向*/
	-webkit-flex-direction:row;
	flex-direction:row;

	/*子要素の折り返し*/
	-webkit-flex-flow:wrap;
	flex-flow:wrap;

	/*水平方向の揃え*/
	-webkit-justify-content:flex-start;
	justify-content:flex-start;

	/*垂直方向の揃え*/
	-webkit-align-items:stretch;
	align-items:stretch;

	/*行方向の揃え*/
	-webkit-align-content:space-around;
	align-content:space-around;

	position:relative;
	width:100%;
	height:100%;
}
.question_link > div a{
	display:block;
	margin-left:2.6%;
	width:23%;
	color:#fff;
	background:url(../img/arrow_next.png) 10px #a76c3c no-repeat;
	border-radius:10px;
	text-decoration:none;
	vertical-align:middle;
	box-shadow:3px 3px 9px 3px #aaa;
	box-sizing:border-box;
}
.question_link > div a:hover{
	opacity:0.7;
}
.question_link > div a .animal{
	position:absolute;
	bottom:-10px;
	right:-20px;
}
.question_link > div a:first-child{
	margin-left:0;
}
.question_link > div a img{
	width:auto;
}
.ques_box{
	position:relative;
	background:url(../img/question_inner3.png) repeat-y center top;
	background-size:100%;
	border-radius:10px;
	box-shadow:3px 3px 10px 5px #aaa;
}
.ques_result{
	position: absolute;
	bottom: 20px;
	right: 30px;

}
.ques_title{
	background:url(../img/question_head3.png) no-repeat center top;
	background-size:100%;
	color:#714316;
	line-height:56px;
	text-align:center;
}
/*class options*/
.hide{display:none;}

.m00{margin:0;}
.m0{margin:0 auto;}
.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt120{margin-top:120px;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}

.pt0{padding-top:0;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}

.pl0{padding-left:0;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl60{padding-left:60px;}

.pr0{padding-right:0;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr60{padding-right:60px;}

.pb0{padding-bottom:0;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb60{padding-bottom:60px;}

.w10p{width:10%;}
.w20p{width:20%;}
.w25p{width:25%;}
.w30p{width:30%;}
.w33p{width:33%;}
.w35p{width:35%;}
.w40p{width:40%;}
.w48p{width:48%;}
.w50p{width:50%;}
.w60p{width:60%;}
.w65p{width:65%;}
.w70p{width:70%;}
.w75p{width:75%;}
.w80p{width:80%;}
.w90p{width:90%;}
.w100p{width:100%;}

.h_auto{height:auto;}
.h100p{height:100%;}

.fc_w{color:#fff;}
.fc_bl{color:#000;}
.fc_opt1{color:#623305;}
.fc_opt2{color:#009999;}
.fc_opt3{color:#ff6600;}
.fc_opt4{color:#039;}
.fc_opt5{color:#ff7979;}
.fc_opt7{color:#592c00;}

.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs24{font-size:24px;}
.fs36{font-size:36px;}
.fs60{font-size:60px;}
.fsb{font-weight:bold;}

.text_center{text-align:center;}
.text_left{text-align:left;}
.text_right{text-align:right;}

.dis_inbl{display:inline-block;}
.dis_bl{display:block;}

.bosi_bor{box-sizing:border-box;}
.flo_left{float:left;}
.flo_right{float:right;}
.clearfix{clear:both;}