@charset "UTF-8";

body{
  background-image: url(../img/bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  line-height:1.8;
  color:#000;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  position:relative;
}
header{
	position:fixed;
	width:100%;
	top:0;
    z-index: 1000;
}
.ta_c{
	text-align:center;
}
.bold{
	font-weight:bold;
}
.mb20{
	margin-bottom:20px;
}
ruby > rt{
    transform: translateY(2px);
	 -ms-transform: translateY(2px);
	 -webkit-transform: translateY(2px);
}
.nav_wrap{
	background:url(../img/bg_gnav.png) repeat;
    padding-bottom: 5px;
}
.nav_wrap .gnav{
	width:1000px;
	margin:0 auto;
	height:76px;
}
.nav_wrap .gnav li{
	float:left;
}
.nav_wrap .gnav li a{
	height:58px;
	display:block;
}
.nav_wrap .gnav li.bouken a:hover{
	opacity:0.6;
}
.contets{
	width:1000px;
	margin:0 auto;
    margin-top: 140px;
}
.main_img{
    position: relative;
}
.main_img h1{
      -webkit-transition: all 2s;
      -moz-transition: all 2s;
      -ms-transition: all 2s;
      -o-transition: all 2s;
      transition: all 2s;
      opacity: 0;
}
.fade {
      opacity: 1 !important;
}
.top_rakki{
    position: absolute;
	/*
    top: -1200px;
	*/
	top:0;
	left:0;
}
.top_happi{
    position: absolute;
	top:0;
    right: 0;
	/*
    top: -1200px;
	*/
}
.center_txt{
	text-align:center;
	font-size:24px;
}
.kazari01{
    background: url(../img/kazari_under.png) no-repeat;
    height: 88px;
    display: block;
    margin-top: 34px;
}
.p02{
	margin-top:40px;
}
.btn_houhou{
    margin: 0 auto;
    width: 328px;
    margin-top: 20px;
    display: block;
}
/*
.btn_houhou img:hover, .card_bouken a img:hover{
	-webkit-transform:	rotateY(360deg);
	transform:		rotateY(360deg);
}
.btn_houhou img, .btn_houhou img:hover, .card_bouken a img, .card_bouken a img:hover{
	-webkit-transition:	all 0.8s ease;
	transition:		all 0.8s ease;
}
*/
.kazari02{
    background: url(../img/kazari02_upper.png) center center no-repeat;
    height: 38px;
    display: block;
    margin: 40px 0;
}
.card_area{
	margin-top:40px;
    padding: 0 12px;
}
.card_area li{
	float:left;
}
.hover a:hover{
	opacity:0.6;
}
.kazari02_under{
    background: url(../img/kazari02_under.png)  center center no-repeat;
    height: 38px;
    display: block;
    margin: 40px 0;
}
.bottom_nav_wrap{
	background:url(../img/bg_bottom_nav.png) repeat;
    padding-top: 65px;
    padding-bottom: 40px;
}
.bottom_nav{
	width:960px;
	margin:0 auto;
}
.bottom_nav li{
	float:left;
	margin-right:65px;
}
.bottom_nav li a{
	height:76px;
	display:block;
}
.bottom_nav li:last-child{
	margin-right:0;
}
.footer_wrap{
	background-color:#442506;
	padding:20px 0 70px;
}
.footer{
	width:960px;
	margin:0 auto;
}
.footer .adobe span{
	color:#ccc;
	font-size:10px;
    width: 824px;
    display: inline-block;
    line-height: 1.6;
    vertical-align: top;
}
.footer .adobe a{
	margin-right:15px;
    display: inline-block;
}
.footer .from{
	color:#cc9933;
	font-size:12px;
	text-align:center;
	margin-top:45px;
}
.footer .from a{
	color:#cc9933;
	text-decoration:underline;
}
.footer .copy{
	color:#fff;
	text-align:center;
	font-size:12px;
	margin-top:15px;
}
#flashContent{
    width: 900px;
    margin: 0 auto 40px;
}
.effect01, .effect02, .effect03{
	visibility:hidden;
}
.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown02 {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:3.5s;
 -ms-animation-duration:3.5s;
 animation-duration:3.5s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*ぼうけん物語
====================================*/
.cat_tit h1{
	text-align:center;
}
.bouken_page_tit img{
    margin: 0 auto;
    display: block;
}
.btn_area{
    text-align: center;
    margin: 30px 0px;
}
.btn_area a{
	display:inline-block;
}
.menu_area{
	background:url(../../adventure/img/bg_old_paper.png) 0 0 no-repeat;
	width:876px;
	height:1638px;
    margin: 0 auto;
}
.pro_area{
	background:url(../../adventure/img/bg_old_paper02.png) 0 0 no-repeat;
    padding-top: 150px;
    height: 2394px;
}
.epi_area{
	background:url(../../adventure/img/bg_old_paper04.png) 0 0 no-repeat;
    padding-top: 150px;
    height: 1296px;
}
.cara_area{
	background:url(../../adventure/img/bg_old_paper03.png) 0 0 no-repeat;
    padding-top: 150px;
    height: 2000px;
}
.menu_area ul{
    padding-top: 86px;
}
.menu_area ul li{
    margin: 24px auto 0;
	width:478px;
	height:219px;
}
.menu_area ul li a{
	width:478px;
	height:219px;
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.menu_area ul li:first-child{
	margin-top:0;
}
.menu_area ul .bouken_menu01{
	background:url(../../adventure/img/btn_bouken_hajimari.png) 0 0 no-repeat;
	width:403px;
	height:221px;
}
.menu_area ul .bouken_menu01 a{
	width:403px;
	height:221px;
}
.menu_area ul .bouken_menu02{
	background:url(../../adventure/img/btn_bouken_01.png) 0 0 no-repeat;
}
.menu_area ul .bouken_menu03{
	background:url(../../adventure/img/btn_bouken_02.png) 0 0 no-repeat;
}
.menu_area ul .bouken_menu04{
	background:url(../../adventure/img/btn_bouken_03.png) 0 0 no-repeat;
}
.menu_area ul .bouken_menu05{
	background:url(../../adventure/img/btn_bouken_04.png) 0 0 no-repeat;
}
.menu_area ul .bouken_menu06{
	background:url(../../adventure/img/btn_bouken_owari.png) 0 0 no-repeat;
	width:403px;
	height:221px;
}
.menu_area ul .bouken_menu06 a{
	width:403px;
	height:221px;
}
.menu_area ul .bouken_menu01:hover{
	background:url(../../adventure/img/btn_bouken_hajimari_on.png) 0 0 no-repeat;
}

.menu_area ul .bouken_menu02:hover{
	background:url(../../adventure/img/btn_bouken_01_on.png) 0 0 no-repeat;
}
.menu_area ul .bouken_menu03:hover{
	background:url(../../adventure/img/btn_bouken_02_on.png) 0 0 no-repeat;
}
.menu_area ul .bouken_menu04:hover{
	background:url(../../adventure/img/btn_bouken_03_on.png) 0 0 no-repeat;
}
.menu_area ul .bouken_menu05:hover{
	background:url(../../adventure/img/btn_bouken_04_on.png) 0 0 no-repeat;
}
.menu_area ul .bouken_menu06:hover{
	background:url(../../adventure/img/btn_bouken_owari_on.png) 0 0 no-repeat;
}
.pro_area p, .epi_area p{
    margin: 0 94px 20px;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.6;
}
.cara_detail{
    width: 600px;
    margin: 0 auto;
    height: 180px;
    margin-bottom: 64px;
	position:relative;
}
.cara_detail.adult{
    height: 218px;
}
.cara_detail p span{
    display: block;
    font-size: 22px;
    color: #77451d;
    font-weight: bold;
    text-align: center;
}
.cara_detail img{
    margin-top: -30px;
    max-height: 240px;
    width: 116px;
    height: auto;
}
.cara_detail.adult img{
    margin-top: -70px;
    max-height: 300px;
    width: 162px;
    height: auto;
}
.cara_odd p{
    width: 396px;
    float: right;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.6;
}
.cara_even p{
    width: 396px;
    float: left;
    font-weight: bold;
    font-size: 16px;
}
.cara_odd img{
	visibility:hidden;
    position: absolute;
    left: -240px;
}
.cara_even img{
	visibility:hidden;
    position: absolute;
    right: -240px;
}
.fadeInDown03 {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}


/*幸せセルフチェッカー
====================================*/
.checker_area{
    margin: 30px auto;
	background: url(../../checker/img/bg_old_paper05.png) 0 0 no-repeat;
    width: 817px;
    height: 953px;
    padding-top: 100px;
    line-height: 1.6;
}
.btn_area.mb100{
	margin-bottom:100px;
}
.Q_tit{
	background-color:#81511c;
	border-radius:32px;
	position:relative;
    padding: 18px 28px;
    width: 820px;
    margin: 16px auto;
}
.Q_tit .Q_txt{
	color:#03fe21;
    font-size: 24px;
    font-weight: bold;
    padding-top: 4px;
}
.Q_tit .Q_number{
	color:#fff;
	position:absolute;
	top:0;
    right: 20px;
}
.Q_answer_list{
    width: 945px;
    margin: 30px auto;
}
.Q_answer_list ul{
    display: table;
    width: 100%;
	position:relative;
   max-width: 945px !important;
}
.Q_answer_list ul:before{
    content: "";
    display: block;
    width: 816px;
    border-top: 4px solid #844008;
    position: absolute;
    top: 29px;
    left: 50%;
    margin-left: -408px;
}
.Q_answer_list ul li{
    text-align: center;
    display: table-cell;
    z-index: 100;
    position: relative;
max-width: 135px !important;
}
.Q_answer_list ul li a{
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-align: left;
    height: 276px;
    padding: 64px 11px 0;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
	background:url(../../checker/img/btn_answer_normal.png) center top no-repeat;
	transition: .3s;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.Q_answer_list ul li:nth-child(3n+1) a{
	background:url(../../checker/img/btn_answer_big.png) center top no-repeat;
}
.Q_answer_list ul li a:hover{
	background:url(../../checker/img/btn_answer_on_normal.png) center top no-repeat;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.Q_answer_list ul li:nth-child(3n+1) a:hover{
	background:url(../../checker/img/btn_answer_on_big.png) center top no-repeat;
}
.result_tit{
	background: url(../../checker/img/result_tit_bg.png) ;
	position:relative;
    text-align: center;
	display:table;
    width: 700px;
    margin: 40px auto 0;
}
.result_tit:before, .result_tit:after{
	content:"";
	width:85px;
	height:241px;
	display:block;
	position:absolute;
	top:-10px;
}
.result_tit:before{
	background: url(../../checker/img/result_kazari_l.png) ;
	left:-10px;
}
.result_tit:after{
	background: url(../../checker/img/result_kazari_r.png) ;
	right:-10px;
}
.result_tit p{
    display: table-cell;
    height: 221px;
    vertical-align: middle;
    font-size: 32px;
    font-weight: bold;
    color: #663300;
}
.result_tit p span{
    color: #009900;
}
.result_img{
	text-align:center;
}
.result_detail{
    margin: 0 auto 80px;
    width: 722px;
}

.about_con .read{
    margin-bottom: 0;
    margin-top: 30px;
}
.about_con ul{
    padding-top: 40px;
    margin-bottom: 40px;
}
.about_con ul li{
    margin: 0 94px 20px;
    width: auto;
    height: auto;
}
.about_con ul li .tit{
    margin-bottom: 0;
    font-size: 20px;
}


.howto_con.cara_area{
	padding-top:100px;
}
.howto_con .read{
    margin: 0 auto 20px;
	width:688px;
    font-weight: bold;
}
.howto_con .dot_list{
	padding-top:0;
	margin:0 auto 60px;
	width:688px;
}
.howto_con .dot_list li{
	margin:0;
	margin-bottom:10px;
    width: auto;
    height: auto;
	font-weight:bold;
}
.howto_con .arrow_list{
	margin: 0 94px 60px;
    padding-top: 10px;
    text-align: center;
}
.howto_con .arrow_list li{
    margin: 0;
    display: inline-block;
	position:relative;
    width: auto;
    height: auto;
}
.howto_con .arrow_list li:first-child{
	margin-right:60px;
}
.howto_con .arrow_list li:first-child:after{
	content:"";
	display:inline-block;
	width: 0;
	height: 0;
	border-style: solid;
    border-width: 54px 0 54px 40px;
    border-color: transparent transparent transparent #5fbde1;
    position: absolute;
    right: -40px;
    top: 50%;
    margin-top: -54px;
}
.howto_con .arrow_list li:last-child:after, .howto_con .arrow_list li:last-child:before{
	content:"";
	display:inline-block;
	width: 0;
	height: 0;
	border-style: solid;
    position: absolute;
    left: -40px;
}
.howto_con .arrow_list li:last-child:after{
    border-width: 0px 40px 54px 0;
	border-color: transparent #ff9900 transparent transparent;
    top: 0;
}
.howto_con .arrow_list li:last-child:before{
border-width: 0 0 54px 40px;
border-color: transparent transparent #ff9900 transparent;
    bottom: 0;
}
.howto_con .arrow_list li p{
    margin: 0;
    display: inline-block;
    padding: 40px 30px;
}
.howto_con .arrow_list li:first-child p{
    background-color: #5fbde1;
    font-weight: bold;
}
.howto_con .arrow_list li:last-child p{
    background-color: #ff9900;
    font-weight: bold;
}
.howto_con table{
    max-width: 688px;
    margin: 0 auto;
    border-top: 2px solid #6d4b24;
    border-left: 2px solid #6d4b24;
    background: #d5b173;
}
.howto_con table th{
	padding:10px;
}
.howto_con table td{
	background-color:#fff;
    padding: 16px;
}
.howto_con table th, .howto_con table td{
    border-right: 2px solid #6d4b24;
    border-bottom: 2px solid #6d4b24;
}
.howto_con table th:first-child{
    width: 26%;
}
.howto_con table th:last-child{
    width: 33%;
}


/*download*/
.menu_area .work_sheet{
    margin-top: 60px;
}
.menu_area .work_book{
    margin-top: 80px;
}
.menu_area .work_sheet p, .menu_area .work_book p{
    width: 688px;
	margin:0 auto 20px;
	font-weight:bold;
}
.menu_area .work_sheet ul, .menu_area .work_book ul{
    padding-top: 0;
}
.menu_area .work_sheet ul li, .menu_area .work_book ul li {
    margin: 0 auto 60px;
    width: 688px;
    height: auto;
    margin-bottom: 20px;
}
.menu_area .work_sheet ul li a, .menu_area .work_book ul li a{
    width: auto;
    height: auto;
    overflow: inherit;
    text-indent: inherit;
    white-space: inherit;
	font-weight:bold;
	text-decoration:underline;
    display: inline-block;
}

/*カルタ*/
.karuta_box .shiawase, .karuta_box .original, .karuta_box .chuui, .karuta_box .sankou{
    width: 688px;
    margin: 0 auto 60px;
}
.karuta_box .tit{
    font-size: 24px;
	font-weight:bold;
}
.karuta_box .shiawase{
	margin-top:40px;
}
.karuta_box .original{
	margin-bottom:70px;
}
.karuta_box .sankou{
	margin-bottom:0;
}
.karuta_box .chuui span, .karuta_box .sankou span{
	font-weight:bold;
}
.karuta_box a{
	font-weight:bold;
	margin-top:10px;
	display:inline-block;
	text-decoration:underline;
}