@charset "Shift_JIS";

/*	youtube用
-----------------------------------------------------------	*/

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  }

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  }


/*	共通
-----------------------------------------------------------	*/

body { }

a:link { text-decoration : none; }
a:visited { text-decoration : none; }
a:active { text-decoration : none; }
a:hover { text-decoration : underline; }

.pc {display:block;}
.sp {display:none;}

.c_b {clear:both;}

.btn_hov a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}

.ank {
padding-top:210px;
margin-top:-200px;}

.fx_KosugiMaru {
font-family:'Kosugi Maru';} 

.fx_NotoSerif {
font-family:'Noto Serif JP';}


/*	レイアウト
-----------------------------------------------------------	*/

.page-container {
  width:960px;
  margin:0 auto;
  min-height:200px;
  }



/*	ヘッダー
-----------------------------------------------------------	*/


#head_gap {height:204px;}

.group-header .id-area {
  width: 100%;
  min-height: 204px;
  background: url(../img/header_id_area_bg.png) 0 0 repeat-x;
  position:fixed;
  z-index:1000;
  background-color:#FFFFFF;
  }

.group-header .id-area-inner {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
  position: relative;
  min-height: 58px;
  }

.group-header .id-area-inner .group-id {
  position: absolute;
  top: 13px;
  left: 0;
  }

.group-header .id-area-inner .group-id-accent {
  position: absolute;
  top: 0;
  left: 445px;
  }

.group-header .id-area-inner .site-id-single {
  position: absolute;
  top: 21px;
  right: 0;
  }

.group-header .id-area-navi {
  width: 938px;
  padding:0 11px;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
  height: 146px;
  }

.group-header .id-area-navi li {
float:left;
width:134px;
height:134px;
text-align:center;
color:#b28247;
line-height:14px;
font-weight:bold;}

.group-header .id-area-navi li a:link { text-decoration : none; color:#b28247; display:block; width:100%;padding-top:100px;}
.group-header .id-area-navi li a:visited { text-decoration : none; color:#b28247;}
.group-header .id-area-navi li a:active { text-decoration : none; color:#b28247;}
.group-header .id-area-navi li a:hover { text-decoration : underline; color:#b28247;}



.group-header .id-area-navi li.pt_navi_a a{
background-image:url(../img/navi_btn_00.gif);
background-repeat:no-repeat;
background-size:100% auto;}

.group-header .id-area-navi li.pt_navi_a a:hover ,
.group-header .id-area-navi li.pt_navi_a_on a{
background-image:url(../img/navi_btn_00_on.gif);
background-repeat:no-repeat;
background-size:100% auto;}


.group-header .id-area-navi li.pt_navi_b a{
background-image:url(../img/navi_btn_01.gif);
background-repeat:no-repeat;
background-size:100% auto;}

.group-header .id-area-navi li.pt_navi_b a:hover ,
.group-header .id-area-navi li.pt_navi_b_on a{
background-image:url(../img/navi_btn_01_on.gif);
background-repeat:no-repeat;
background-size:100% auto;}


.group-header .id-area-navi li.pt_navi_c a{
background-image:url(../img/navi_btn_02.gif);
background-repeat:no-repeat;
background-size:100% auto;}

.group-header .id-area-navi li.pt_navi_c a:hover ,
.group-header .id-area-navi li.pt_navi_c_on a{
background-image:url(../img/navi_btn_02_on.gif);
background-repeat:no-repeat;
background-size:100% auto;}


.group-header .id-area-navi li.pt_navi_d a{
background-image:url(../img/navi_btn_03.gif);
background-repeat:no-repeat;
background-size:100% auto;}

.group-header .id-area-navi li.pt_navi_d a:hover ,
.group-header .id-area-navi li.pt_navi_d_on a{
background-image:url(../img/navi_btn_03_on.gif);
background-repeat:no-repeat;
background-size:100% auto;}


.group-header .id-area-navi li.pt_navi_e a{
background-image:url(../img/navi_btn_04.gif);
background-repeat:no-repeat;
background-size:100% auto;}

.group-header .id-area-navi li.pt_navi_e a:hover ,
.group-header .id-area-navi li.pt_navi_e_on a{
background-image:url(../img/navi_btn_04_on.gif);
background-repeat:no-repeat;
background-size:100% auto;}


.group-header .id-area-navi li.pt_navi_f a{
background-image:url(../img/navi_btn_05.gif);
background-repeat:no-repeat;
background-size:100% auto;}

.group-header .id-area-navi li.pt_navi_f a:hover ,
.group-header .id-area-navi li.pt_navi_f_on a{
background-image:url(../img/navi_btn_05_on.gif);
background-repeat:no-repeat;
background-size:100% auto;}


.group-header .id-area-navi li.pt_navi_g a{
background-image:url(../img/navi_btn_06.gif);
background-repeat:no-repeat;
background-size:100% auto;}

.group-header .id-area-navi li.pt_navi_g a:hover ,
.group-header .id-area-navi li.pt_navi_g_on a{
background-image:url(../img/navi_btn_06_on.gif);
background-repeat:no-repeat;
background-size:100% auto;}





.head_icon_01 {
  position: absolute;
  top: 20px;
  left: 550px;
  z-index:1010;
  }

.head_icon_02 {
  position: absolute;
  top: 28px;
  left: 504px;
  z-index:1009;
  }



    .head_icon_01_ani {
      -webkit-animation: head_icon_01_ani-m01 30s ease 0s infinite;
      animation: head_icon_01_ani-m01 30s ease 0s infinite;
    }
    @-webkit-keyframes head_icon_01_ani-m01 {
      0%   { -webkit-transform: translate(0%, 0%); }
	  10%   { -webkit-transform: translate(100%, -40%); }
	  20%   { -webkit-transform: translate(250%, -60%); }
	  30%   { -webkit-transform: translate(500%, -50%); }
	  40%   { -webkit-transform: translate(750%, -20%); }
	  50%   { -webkit-transform: translate(1000%, -30%); }
	  60%   { -webkit-transform: translate(950%, 20%); }
	  70%   { -webkit-transform: translate(800%, 60%); }
	  80%   { -webkit-transform: translate(450%, 20%); }
	  90%   { -webkit-transform: translate(150%, 40%); }
	  100%   { -webkit-transform: translate(0%, 0%); }

	  
    }
    @keyframes head_icon_01_ani-m01 {
      0%   { transform: translate(0%, 0%); }
	  10%   { transform: translate(100%, -40%); }
	  20%   { transform: translate(250%, -60%); }
	  30%   { transform: translate(500%, -50%); }
	  40%   { transform: translate(750%, -20%); }
	  50%   { transform: translate(1000%, -30%); }
	  60%   { transform: translate(950%, 20%); }
	  70%   { transform: translate(800%, 60%); }
	  80%   { transform: translate(450%, 20%); }
	  90%   { transform: translate(150%, 40%); }
	  100%   { transform: translate(0%, 0%); }
    }



    .head_icon_02_ani {
      -webkit-animation: head_icon_02_ani-m01 40s ease 0s infinite;
      animation: head_icon_02_ani-m01 40s ease 0s infinite;
    }
    @-webkit-keyframes head_icon_02_ani-m01 {
      0%   { -webkit-transform: translate(0%, 0%); }
	  10%   { -webkit-transform: translate(300%, 40%); }
	  20%   { -webkit-transform: translate(150%, 60%); }
	  30%   { -webkit-transform: translate(500%, -50%); }
	  40%   { -webkit-transform: translate(750%, 20%); }
	  50%   { -webkit-transform: translate(1000%, 30%); }
	  60%   { -webkit-transform: translate(950%, -20%); }
	  70%   { -webkit-transform: translate(800%, 0%); }
	  80%   { -webkit-transform: translate(450%, -20%); }
	  90%   { -webkit-transform: translate(150%, -40%); }
	  100%   { -webkit-transform: translate(0%, 0%); }

	  
    }
    @keyframes head_icon_02_ani-m01 {
      0%   { transform: translate(0%, 0%); }
	  10%   { transform: translate(300%, 40%); }
	  20%   { transform: translate(150%, 60%); }
	  30%   { transform: translate(500%, -50%); }
	  40%   { transform: translate(750%, 20%); }
	  50%   { transform: translate(1000%, 30%); }
	  60%   { transform: translate(950%, -20%); }
	  70%   { transform: translate(800%, 0%); }
	  80%   { transform: translate(450%, -20%); }
	  90%   { transform: translate(150%, -40%); }
	  100%   { transform: translate(0%, 0%); }
    }
	
	
	

/*	メインビジュアル
-----------------------------------------------------------	*/

.main-v-container {
  width:960px;
  height:511px;
  margin:0 auto;
  overflow: hidden;
  }
  
.main-v-move {
  width:960px;
  background-repeat:no-repeat;
  height:511px;
  z-index:0;
  }

.main-v-area {
  position:relative;
  float:left;
  width:960px;
  height:511px;
  z-index:50;
  }
  
  




/*	トップページ下部
-----------------------------------------------------------	*/


.pr_top {
width:900px;
margin:0 auto;
padding:10px 0 0 ;}

.pr_top_title {
margin-bottom:-20px;
text-align:center;
width:100%;
font-size:28px;
letter-spacing:0.5px;
color:#956134;
font-weight:bold;}



.top-btn {
margin:0 0 28px;}


.top-btn_b {
margin:0 0 8px;}

.pr_top_btn_aria_a a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}

.pr_top a:hover h2 , .pr_top a:hover p , .pr_top a:hover h3 {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}


.pr_top_btn_aria a{
display:block;
position:relative;
margin-bottom:28px;}





.pr_top_btn_aria .top-btn_aa h2{
position:absolute;
top:60px;
left:0px;
width:100%;
text-align:center;
font-size:28px;
letter-spacing:0.5px;
color:#956134;
font-weight:bold;
}

.pr_top_btn_aria .top-btn_aa p{
position:absolute;
top:155px;
left:0px;
width:100%;
text-align:center;
font-size:16px;
letter-spacing:1px;
color:#956134;
font-weight:bold;
}



.pr_top_btn_aria .top-btn_bb h2{
position:absolute;
top:55px;
left:0px;
width:100%;
text-align:center;
font-size:28px;
letter-spacing:0.5px;
color:#ffffff;
font-weight:700;
font-family:'Kosugi Maru';
}

.pr_top_btn_aria .top-btn_bb p{
position:absolute;
top:125px;
left:0px;
width:100%;
text-align:center;
font-size:15px;
letter-spacing:1px;
color:#ffffff;
line-height:200%;
}



.pr_top_btn_aria .top-btn_cc h2{
position:absolute;
top:55px;
left:0px;
width:100%;
text-align:center;
font-size:28px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
}

.pr_top_btn_aria .top-btn_cc p{
position:absolute;
top:128px;
left:0px;
width:100%;
text-align:center;
font-size:17px;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
}



.pr_top_btn_aria .top-btn_dd h2{
position:absolute;
top:55px;
left:0px;
width:100%;
text-align:center;
font-size:28px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
}

.pr_top_btn_aria .top-btn_dd p{
position:absolute;
top:131px;
left:0px;
width:100%;
text-align:center;
font-size:17px;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
}



.pr_top_btn_aria .top-btn_ee h2{
position:absolute;
top:55px;
left:0px;
width:100%;
text-align:center;
font-size:28px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
}

.pr_top_btn_aria .top-btn_ee p{
position:absolute;
top:131px;
left:0px;
width:100%;
text-align:center;
font-size:17px;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
}



.pr_top_btn_aria .top-btn_ff h2{
position:absolute;
top:55px;
left:0px;
width:100%;
text-align:center;
font-size:28px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
}

.pr_top_btn_aria .top-btn_ff h3{
position:absolute;
top:60px;
left:102px;
width:404px;
text-align:center;
font-size:28px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
}



.pr_top_btn_aria .top-btn_ff p{
position:absolute;
top:131px;
left:0px;
width:100%;
text-align:center;
font-size:17px;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
}


.pr_top_btn_aria .top-btn_jj h2{
position:absolute;
top:55px;
left:0px;
width:100%;
text-align:center;
font-size:28px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
}

.pr_top_btn_aria .top-btn_jj p{
position:absolute;
top:131px;
left:0px;
width:100%;
text-align:center;
font-size:17px;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
}




	
.anv_head div{
display:block;
position:relative;
margin-bottom:28px;}


.anv_head .top-btn_hh h2{
position:absolute;
top:55px;
left:0px;
width:100%;
text-align:center;
font-size:28px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
}

.anv_head .top-btn_hh h3{
position:absolute;
top:104px;
left:26px;
width:404px;
text-align:center;
font-size:28px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
}

.anv_head .top-btn_hh p{
position:absolute;
top:140px;
left:0px;
width:100%;
text-align:center;
font-size:17px;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
}







.anv_head_btn a{
width:900px;
margin:0 auto;
display:block;
position:relative;
margin-bottom:40px;}

.anv_head_btn .top-btn_gg h2{
position:absolute;
top:55px;
left:0px;
width:100%;
text-align:center;
font-size:28px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
}

.anv_head_btn .top-btn_gg p{
position:absolute;
top:131px;
left:0px;
width:100%;
text-align:center;
font-size:17px;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
}

.anv_head_btn .top-btn_jj h2{
position:absolute;
top:55px;
left:0px;
width:100%;
text-align:center;
font-size:28px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
}

.anv_head_btn .top-btn_jj p{
position:absolute;
top:131px;
left:0px;
width:100%;
text-align:center;
font-size:17px;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
}

.anv_head_btn a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}

	
.anv_head_btn .top-btn_cnt_a h2{
position:absolute;
top:55px;
left:0px;
width:100%;
text-align:center;
font-size:28px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
}

.anv_head_btn .top-btn_cnt_a p{
position:absolute;
top:131px;
left:2%;
width:98%;
text-align:center;
font-size:17px;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
}


.anv_head_btn .top-btn_cnt_b h2{
position:absolute;
top:55px;
left:0px;
width:100%;
text-align:center;
font-size:28px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
}
	
.anv_head_btn .top-btn_cnt_b p{
position:absolute;
top:131px;
left:0px;
width:100%;
text-align:center;
font-size:17px;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
}



.anv_head_title div{
width:900px;
margin:0 auto;
display:block;
position:relative;}

.anv_head_title .top-btn_ii h2{
position:absolute;
top:35px;
left:0px;
width:100%;
text-align:center;
font-size:28px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
}

	
	
	



/*	三菱ＵＦＪ信託銀行とピーターラビット
-----------------------------------------------------------	*/


.mufg_pr_wrap {
	width:960px;
	height:1708px;
	padding:0;
	background-image:url(../img/mufg_pr_bk_a.png);
	background-repeat:no-repeat}
	
.mufg_pr_mv_wrap_a {
	margin:0 auto;
	width:560px;
	height:315px;
	padding:12px;
	background-image:url(../img/w-bk.png);
}

.mufg_pr_text {
	padding:40px 0 0;
	margin:0 auto;
	height:666px;
	width:780px;
	line-height:32px !important}


.mufg_pr_text p {padding-top:15px;}

.mufg_pr_text_fig_a {padding-top:15px;}

.mufg_pr_text_fig_b {padding-top:15px;float:left;width:395px;}

.mufg_pr_text_fig_c {padding-top:0px;float:right;width:374px;height:231px;
position:relative;}

.mufg_pr_text_fig_c_inner {
position:absolute;top:-10px;width:374px;height:241px;}

.mufg_pr_notes {padding-top:50px;text-align:center;}

.mufg_pr_link{
float:left;
width:690px;
height:180px;
text-align:right;}

.mufg_pr_link a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}





.mufg_pr_title_a {
display:block;
position:relative;}


.mufg_pr_title_a h1{
position:absolute;
top:45px;
left:0px;
width:100%;
text-align:center;
font-size:32px;
letter-spacing:0px;
color:#00673D;
font-family:'Noto Serif JP';
}

.mufg_pr_title_a h2{
position:absolute;
top:100px;
left:0px;
width:100%;
text-align:center;
font-size:18px;
letter-spacing:0.1px;
color:#00673D;
font-weight:bold;
}

.mufg_pr_title_a p{
position:absolute;
top:190px;
left:22%;
width:78%;
text-align:left;
font-size:20px;
line-height:185%;
letter-spacing:0px;
font-weight:bold;
font-family:'Noto Serif JP';
}


/*	ピーターラビットの世界 in 三菱ＵＦＪ信託銀行 本店
-----------------------------------------------------------	*/

.pr_w_mufg_container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px #B28247 solid;
    background-color: #FFFEEE;
    width: 820px;
    padding: 5px 0px 66px;
    margin: 37px auto 45px;
}

.pr_w_mufg_container_wrap {
padding:0 5px;}

.pr_w_mufg_mv_wrap_a {
	margin:19px auto 10px;
	width:560px;
	height:315px;
	padding:12px;
	background-image:url(../img/pr_w_mufg_mv_bk.png);
	background-repeat:no-repeat;
}

.pr_w_mufg_mv_wrap_b {
	margin:0px auto 10px;
	width:560px;
	height:315px;
	padding:12px;
	background-image:url(../img/pr_w_mufg_mv_bk.png);
	background-repeat:no-repeat;
}



.pr_w_mufg_mv_wrap_c {
	margin:50px auto 10px;
	width:560px;
	height:315px;
	padding:12px;
	background-image:url(../img/pr_w_mufg_mv_bk.png);
	background-repeat:no-repeat;
}




.pr_w_mufg_title_aa {
display:block;
position:relative;}


.pr_w_mufg_title_aa h1{
position:absolute;
top:57px;
left:0px;
width:100%;
text-align:center;
font-size:29px;
color:#ffffff;
letter-spacing:0.5px;
font-weight:700;
font-family:'Kosugi Maru';
}

.pr_w_mufg_title_aa p{
position:absolute;
top:140px;
left:0px;
width:100%;
text-align:center;
font-size:17px;
line-height:145%;
color:#ffffff;
letter-spacing:0px;
}



.pr_w_mufg_title_aa p span {
display:block;
text-align:center;
padding-bottom:10px;}

.pr_w_mufg_title_aaa {
display:block;
position:relative;}


.pr_w_mufg_title_aaa h2{
position:absolute;
top:47px;
left:0px;
width:100%;
text-align:center;
font-size:24px;
color:#ffffff;
letter-spacing:0.5px;
font-weight:700;
font-family:'Kosugi Maru';
}




.pr_w_mufg_map {
display:block;
position:relative;}


.pr_w_mufg_map h2.pr_w_mufg_map_ta {
position:absolute;
top:59px;
left:151px;
width:64px;
text-align:center;
font-size:19px;
color:#ffffff;
letter-spacing:4px;
line-height:140%;
font-weight:700;
font-family:'Kosugi Maru';
}

.pr_w_mufg_map h2.pr_w_mufg_map_tb {
position:absolute;
top:398px;
left:151px;
width:64px;
text-align:center;
font-size:19px;
color:#ffffff;
letter-spacing:4px;
font-weight:700;
font-family:'Kosugi Maru';
}

.pr_w_mufg_map .pr_w_mufg_map_tc {
position:absolute;
top:52px;
left:223px;
width:550px;
text-align:left;
font-size:24px;
letter-spacing:0.5px;
font-weight:700;
font-family:'Kosugi Maru';
color:#7E4C1E;
}

.pr_w_mufg_map .pr_w_mufg_map_td {
position:absolute;
top:384px;
left:225px;
width:50%;
text-align:left;
font-size:18px;
letter-spacing:0.1px;
font-weight:500;
font-family:'Kosugi Maru';
color:#7E4C1E;
line-height:160%;
}

.pr_w_mufg_map .pr_w_mufg_map_td span{
font-size:24px;
font-weight:700;
}

.pr_w_mufg_map small {
position:absolute;
top:90px;
left:223px;
width:550px;
text-align:left;
font-size:12px;
letter-spacing:0.5px;
line-height:140%;
}







/*	ピーターラビットの世界 in 三菱ＵＦＪ信託銀行 本店 吹き出し
-----------------------------------------------------------	*/

.pr_w_mufg_bubble_wrap{
position:relative;}

.pr_w_mufg_button_wrap {
padding:0px 115px 37px; }

#target_01_sp,
#target_02_sp,
#target_03_sp,
#target_04_sp {
cursor: pointer;}

.topics_close_01,
.topics_close_02,
.topics_close_03,
.topics_close_04 {
cursor: pointer;}


.topics_info_close_01 {
width:100%;
text-align:right;}

.topics_info_close_01 img {
margin:0px;
float:none;}

.topics_info_01 {
position:absolute;
display:none;
top:210px;
left:50px;
background-image:url(../img/pr_w_mufg_goods_01.png);
background-repeat:no-repeat;

width:426px;
height:277px;
padding:0px;
z-index:501;}


.topics_info_close_02 {
width:100%;
text-align:right;}

.topics_info_close_02 img {
margin:0px;
float:none;}

.topics_info_02 {
position:absolute;
display:none;
top:230px;
left:450px;
background-image:url(../img/pr_w_mufg_goods_02.png);
background-repeat:no-repeat;
width:425px;
height:276px;
padding:0px;
z-index:502;}


.topics_info_close_03 {
padding:15px 0 0;
width:100%;
text-align:right;}

.topics_info_close_03 img {
margin:0px;
float:none;}

.topics_info_03 {
position:absolute;
display:none;
top:930px;
left:-42px;
background-image:url(../img/pr_w_mufg_goods_03.png);
background-repeat:no-repeat;
width:427px;
height:251px;
padding:0px;
z-index:503;}


.topics_info_close_04 {
width:100%;
text-align:right;}

.topics_info_close_04 img {
margin:0px;
float:none;}

.topics_info_04 {
position:absolute;
display:none;
top:930px;
left:440px;
background-image:url(../img/pr_w_mufg_goods_04.png);
background-repeat:no-repeat;
width:426px;
height:247px;
padding:0px;
z-index:504;}


.topics_info_btn {
padding:110px 0 0 140px;  
}

.btn_op {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}



.peter_tm_foot {
position:relative;
padding:0 0 0 30px;}

.topics_info_foot {
position:absolute;
top:-245px;
left:40px;
background-image:url(../img/pr_w_mufg_goods_foot.png);
background-repeat:no-repeat;
width:779px;
height:232px;
padding:0px;
z-index:500;}





/*	オリジナルグッズ紹介
-----------------------------------------------------------	*/

.o_g_container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px #B28247 solid;
    background-color: #FFFEEE;
    width: 820px;
    padding: 5px 0px 10px;
    margin: 37px auto 10px;
}

.o_g_container_wrap {
padding:0 5px;}

.o_g_yp img{
margin-left:0px;}

.o_g_yp a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}

.o_g_yp {
width:100%;
height:1226px;
background-image:url(../img/o_g_yp_bk_01-00001.png);
background-repeat:no-repeat;
position:relative;}

.yp_a {
padding:264px 0 0 146px;}

.yp_b {
padding:53px 0 0 146px;}

.yp_c {
padding:55px 0 0 146px;}

.yp_d {
padding:52px 0 0 146px;}

.yp_e {
padding:52px 0 0 146px;}

.yp_z {
position:absolute;
width:186px;
height:247px;
top:917px;
left:572px;}

.o_g_notes {
padding:0 0 10px 72px;}



.o_g_title_aa {
display:block;
position:relative;}


.o_g_title_aa  h1{
position:absolute;
top:59px;
left:0px;
width:100%;
text-align:center;
font-size:29px;
color:#804E21;
letter-spacing:0.5px;
line-height:140%;
font-weight:700;
font-family:'Kosugi Maru';
}

.o_g_title_aa p {
position:absolute;
top:140px;
left:0px;
width:100%;
color:#804E21;
text-align:center;
font-size:17px;
font-weight:700;
letter-spacing:0.5px;
line-height:180%;
}


.o_g_title_bb {
display:block;
position:relative;
padding-bottom:25px;}

.o_g_title_bb  h2{
position:absolute;
top:38px;
left:0px;
width:100%;
text-align:center;
font-size:29px;
color:#804E21;
letter-spacing:0.5px;
line-height:140%;
font-weight:700;
font-family:'Kosugi Maru';
}

.o_g_title_bb p {
position:absolute;
top:95px;
left:0px;
width:100%;
text-align:center;
font-size:16px;
font-weight:700;
letter-spacing:0.5px;
line-height:180%;
}


.o_g_title_cc {
display:block;
position:relative;
padding-top:25px;
padding-bottom:50px;}

.o_g_title_cc  h2{
position:absolute;
top:63px;
left:0px;
width:100%;
text-align:center;
font-size:29px;
color:#804E21;
letter-spacing:0.5px;
line-height:140%;
font-weight:700;
font-family:'Kosugi Maru';
}

.o_g_title_cc p {
position:absolute;
top:120px;
left:0px;
width:100%;
text-align:center;
font-size:16px;
font-weight:700;
letter-spacing:0.5px;
line-height:180%;
}


.o_g_title_dd {
display:block;
position:relative;
padding-top:10px;
padding-bottom:25px;}

.o_g_title_dd  h2{
position:absolute;
top:48px;
left:0px;
width:100%;
text-align:center;
font-size:29px;
color:#804E21;
letter-spacing:0.5px;
line-height:140%;
font-weight:700;
font-family:'Kosugi Maru';
}

.o_g_title_dd p {
position:absolute;
top:105px;
left:0px;
width:100%;
text-align:center;
font-size:16px;
font-weight:700;
letter-spacing:0.5px;
line-height:180%;
}


.o_g_title_ee {
display:block;
position:relative;
padding-top:10px;
padding-bottom:0px;}

.o_g_title_ee  h2{
position:absolute;
top:48px;
left:0px;
width:100%;
text-align:center;
font-size:29px;
color:#804E21;
letter-spacing:0.5px;
line-height:140%;
font-weight:700;
font-family:'Kosugi Maru';
}

.o_g_title_ee p {
position:absolute;
top:105px;
left:0px;
width:100%;
text-align:center;
font-size:16px;
font-weight:700;
letter-spacing:0.5px;
line-height:180%;
}


.o_g_title_btn {
display:block;
position:relative;
width:560px;
margin:0 auto;
padding-top:0px;
padding-bottom:0px;}

.o_g_title_btn a:hover {
text-decoration:none;}

.o_g_title_btn a .o_g_title_btn_ta {
display:block;
background-image: url(../img/o_g_main_btn-01_a.png);
background-repeat:no-repeat;
background-position:top center;
width:100%;
padding:20px 0 10px;}

.o_g_title_btn .o_g_title_btn_ta{
width:100%;
text-align:center;
font-size:14px;
font-weight:700;
letter-spacing:0.7px;
line-height:180%;
color:#E60012;
}

.o_g_title_btn a .o_g_title_btn_tb {
display:block;
background-image: url(../img/o_g_main_btn-01_b.png);
background-repeat:no-repeat;
background-position:center center;
width:100%;
padding:10px 0 20px;}

.o_g_title_btn a:hover .o_g_title_btn_tb {
background-image: url(../img/o_g_main_btn-01_b_on.png);
color:#E60012;}

.o_g_title_btn .o_g_title_btn_tb{
width:100%;
text-align:center;
font-size:20px;
color:#ffffff;
letter-spacing:0.1px;
line-height:140%;
font-weight:700;
font-family:'Kosugi Maru';}






/*	ピーターラビットの世界と仲間たち
-----------------------------------------------------------	*/


.pr_w_f_wrap {
	position:relative;
	width:960px;
	height:1856px;
	padding:0;
	background-image:url(../img/pr_w_f_bk_01-01.jpg);
	background-repeat:no-repeat;}


#pr_w_f_fukidashi {
position:absolute;
left:637px;
top:204px;
width:186px;
height:197px;
z-index:1;}


    .pr_w_f_fukidashi_01 {
      -webkit-animation: fukidashi-m01 2.0s ease-in-out 0s infinite;
      animation: fukidashi-m01 2.0s ease-in-out 0s infinite;
    }
	
    @-webkit-keyframes fukidashi-m01 {
      0%   { -webkit-transform: scale(0.6, 0.6) translate(0%, 0%) ; }
      50%   { -webkit-transform: scale(0.7, 0.7) translate(3%, -5%) ; }
	  100%   { -webkit-transform: scale(0.6, 0.6) translate(0%, 0%) ; }
	  
    }
    @keyframes fukidashi-m01 {
      0%   { transform: scale(0.6, 0.6) translate(0%, 0%); }
      50%   { transform: scale(0.7, 0.7) translate(3%, -5%) ;}
	  100%   { transform: scale(0.6, 0.6) translate(0%, 0%) ;}
    }






#pr_w_f_a {
position:absolute;
left:142px;
top:391px;
width:279px;
height:220px;
z-index:10;
cursor:pointer;}

.pr_w_f_a_info{
position:absolute;
display:none;
left:16px;
top:76px;
width:376px;
height:312px;
z-index:1011;
background-image:url(../img/friends/pr_w_f_a_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_b {
position:absolute;
left:421px;
top:469px;
width:192px;
height:142px;
z-index:20;
cursor:pointer;}

.pr_w_f_b_info{
position:absolute;
display:none;
left:282px;
top:154px;
width:376px;
height:311px;
z-index:1021;
background-image:url(../img/friends/pr_w_f_b_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_c {
position:absolute;
left:613px;
top:391px;
width:213px;
height:220px;
z-index:30;
cursor:pointer;}

.pr_w_f_c_info{
position:absolute;
display:none;
left:462px;
top:92px;
width:376px;
height:297px;
z-index:1031;
background-image:url(../img/friends/pr_w_f_c_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_d {
position:absolute;
left:128px;
top:659px;
width:156px;
height:272px;
z-index:40;
cursor:pointer;}

.pr_w_f_d_info{
position:absolute;
display:none;
left:48px;
top:345px;
width:374px;
height:311px;
z-index:1041;
background-image:url(../img/friends/pr_w_f_d_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_e {
position:absolute;
left:379px;
top:679px;
width:212px;
height:251px;
z-index:50;
cursor:pointer;}

.pr_w_f_e_info{
position:absolute;
display:none;
left:296px;
top:375px;
width:375px;
height:305px;
z-index:1051;
background-image:url(../img/friends/pr_w_f_e_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_f {
position:absolute;
left:626px;
top:651px;
width:157px;
height:262px;
z-index:60;
cursor:pointer;}

.pr_w_f_f_info{
position:absolute;
display:none;
left:505px;
top:334px;
width:376px;
height:315px;
z-index:1061;
background-image:url(../img/friends/pr_w_f_f_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_g {
position:absolute;
left:75px;
top:929px;
width:331px;
height:154px;
z-index:70;
cursor:pointer;}

.pr_w_f_g_info{
position:absolute;
display:none;
left:293px;
top:629px;
width:376px;
height:301px;
z-index:1071;
background-image:url(../img/friends/pr_w_f_g_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_h {
position:absolute;
left:245px;
top:1220px;
width:197px;
height:191px;
z-index:80;
cursor:pointer;}

.pr_w_f_h_info{
position:absolute;
display:none;
left:113px;
top:906px;
width:376px;
height:313px;
z-index:1081;
background-image:url(../img/friends/pr_w_f_h_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_i {
position:absolute;
left:510px;
top:1247px;
width:275px;
height:164px;
z-index:90;
cursor:pointer;}

.pr_w_f_i_info{
position:absolute;
display:none;
left:468px;
top:948px;
width:375px;
height:298px;
z-index:1091;
background-image:url(../img/friends/pr_w_f_i_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_j {
position:absolute;
left:57px;
top:1382px;
width:255px;
height:170px;
z-index:100;
cursor:pointer;}

.pr_w_f_j_info{
position:absolute;
display:none;
left:37px;
top:1062px;
width:376px;
height:320px;
z-index:1101;
background-image:url(../img/friends/pr_w_f_j_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_k {
position:absolute;
left:635px;
top:1418px;
width:221px;
height:126px;
z-index:110;
cursor:pointer;}

.pr_w_f_k_info{
position:absolute;
display:none;
left:429px;
top:1544px;
width:375px;
height:299px;
z-index:1141;
background-image:url(../img/friends/pr_w_f_k_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_l {
position:absolute;
left:200px;
top:1552px;
width:245px;
height:189px;
z-index:120;
cursor:pointer;}

.pr_w_f_l_info{
position:absolute;
display:none;
left:447px;
top:1547px;
width:435px;
height:272px;
z-index:1151;
background-image:url(../img/friends/pr_w_f_l_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_m {
position:absolute;
left:521px;
top:1581px;
width:300px;
height:160px;
z-index:130;
cursor:pointer;}

.pr_w_f_m_info{
position:absolute;
display:none;
left:89px;
top:1519px;
width:432px;
height:272px;
z-index:1131;
background-image:url(../img/friends/pr_w_f_m_info.png);
background-repeat:no-repeat;
cursor:pointer;}



.pr_w_f_title_a  h1{
position:absolute;
top:59px;
left:0px;
width:100%;
text-align:center;
font-size:29px;
color:#804E21;
letter-spacing:0.5px;
line-height:140%;
font-weight:700;
font-family:'Kosugi Maru';
}

.pr_w_f_title_a p {
position:absolute;
top:140px;
left:0px;
width:100%;
color:#804E21;
text-align:center;
font-size:17px;
font-weight:700;
letter-spacing:0.5px;
line-height:180%;
}


.pr_w_f_title_b{
position:absolute;
top:374px;
left:392px;
width:300px;
text-align:left;
font-size:17px;
color:#ffffff;
letter-spacing:0px;
line-height:140%;
font-weight:700;
font-family:'Noto Serif JP';
}


.pr_w_f_title_c{
position:absolute;
top:1485px;
left:409px;
width:300px;
text-align:left;
font-size:17px;
color:#ffffff;
letter-spacing:1px;
line-height:140%;
font-weight:700;
font-family:'Noto Serif JP';
}








/*	35th
-----------------------------------------------------------	*/

.game_a_wrap {
position:relative;
width:100%;}

.game_point{
position: absolute;
z-index: 600; 
width: 130px;  
right: 20px;
top:10%;  
}

.game_point img{
width: 100%;    
}

#reset {
display:none;
font-size: 18px;     
color:white;    
   width:220px;  
    font-weight: bold;
    font-family: 'Kosugi Maru'; border-radius: 50px;   
    height: 50px;

background-color: #EA5B81;   
cursor:pointer;}

#timer{
color: #7F4F21;    
font-size: 28px;  
font-family: Arial, Helvetica, "sans-serif";   
margin-bottom: -5px;    
}

#start{
font-size: 18px;     
color:white;    
   width:220px;  
    font-weight: bold;
    font-family: 'Kosugi Maru'; border-radius: 50px;   
    height: 50px;

background-color: #EA5B81;    
cursor:pointer;}


.cover {
position:absolute;
width:100%;
height:100%;
    top: 0;
    left: 0;
z-index:150;
background-color:rgba(255,255,255,0.8);}


.success {
display:none;
position:absolute;
width:100%;
height:100%;
    top: 0;
    left: 0;
z-index:170;
background-color:rgba(255,255,255,0.8);
font-size:30px;
text-align:center;
color:#FFFFFF;}

.timerwrap{
    text-align: center;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;    
width: 100px;
     height: 100px;
position: absolute;    
   top: 50%;
    left: 50%;    
      transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 500; 
}


#timeup{
display:none;
  font-family: 'Kosugi Maru';    
position: absolute;
color:#7F4F21;
    top: 40%;
    left: 50%;
    font-size: 36px; 
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 500;
}

span.successtext{
  font-family: 'Kosugi Maru';   color: #7F4F21; 
position: absolute;
    top: 40%;
    left: 50%;
    font-size: 36px; 
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 500;
}

.game_a_time {  

width:auto;
margin: 20px auto 0;    
z-index:200;
text-align: center;
font-size:18px;}

.countwrap{
   width: 190px; 
    margin: 0 auto;
   position: relative;    
display: flex;
justify-content: center;
align-items: center;    
}

.countwrap span.gamesub {
    display: block;
    font-size: 14px;
    color: #b28247;
 margin-bottom: 0px; 
margin-right: 7px;    
}

.countwrap::before,
.countwrap::after {
    position: absolute;
    top: 0.3rem;
    height: 1.8rem;
    content: '';
}

.countwrap::before {
    border-left: solid 2px;
    left: 0;
    transform: rotate(-30deg);
}

.countwrap::after {
    border-right: solid 2px;
    right: 0;
    transform: rotate(30deg);
}

span.gamesub{
display: block;
font-size: 14px; 
color: #b28247;  
margin-bottom: -8px;    
}

.count_area {
font-size: 17px; 
text-align: center;
width:100%;
position: relative;
color: #7F4F21;    
padding:10px 0;}

.game_button_wrap{
position: absolute;
z-index:200;  
top:61%;    
left: 50%;
transform: translate(-50%, -50%);    
}

.game_a_inner_l {
width:50%;
text-align:left;
float:left;}

.game_a_inner_r {
cursor:pointer;
position:relative;
width:50%;
text-align:right;
float:right;}

.game_a_time {
text-align:center;
padding:0px 0 10px;}

.game_a_start {
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
width:200px;
margin:0 auto;
text-align:center;
padding:10px 0;
background-color:#00CC33;
color:#FFFFFF;}





.game_a_ok_a {
display:none;
position:absolute;
width:150px;
top:10px;
left:10px;
z-index:10;}

.game_a_ok_a img {
width:100%;
height:auto;}

.game_a_ok_a_area {
display:none;
position:absolute;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
width:80px;
height:80px;
top:42px;
left:33px;
z-index:100;
background-color:rgba(255,255,255,0);}






.game_a_ok_b {
display:none;
position:absolute;
width:150px;
top:73px;
left:235px;}

.game_a_ok_b img {
width:100%;
height:auto;}

.game_a_ok_b_area {
display:none;
position:absolute;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
width:80px;
height:80px;
top:108px;
left:271px;
z-index:100;
background-color:rgba(255,255,255,0);}





.game_a_ok_c {
display:none;
position:absolute;
width:150px;
top:80px;
left:55px;}

.game_a_ok_c img {
width:100%;
height:auto;}

.game_a_ok_c_area {
display:none;
position:absolute;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
width:46px;
height:45px;
top:138px;
left:116px;
z-index:100;
background-color:rgba(255,255,255,0);}





.game_a_ok_d {
display:none;
position:absolute;
width:150px;
top:192px;
left:42px;}

.game_a_ok_d img {
width:100%;
height:auto;}

.game_a_ok_d_area {
display:none;
position:absolute;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
width:58px;
height:58px;
top:237px;
left:85px;
z-index:100;
background-color:rgba(255,255,255,0);}





.game_a_ok_e {
display:none;
position:absolute;
width:150px;
top:325px;
left:173px;}

.game_a_ok_e img {
width:100%;
height:auto;}

.game_a_ok_e_area {
display:none;
position:absolute;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
width:98px;
height:81px;
top:360px;
left:198px;
z-index:100;
background-color:rgba(255,255,255,0);}





.game_a_ok_f {
display:none;
position:absolute;
width:150px;
top:340px;
left:23px;}

.game_a_ok_f img {
width:100%;
height:auto;}

.game_a_ok_f_area {
display:none;
position:absolute;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
width:151px;
height:188px;
top:321px;
left:22px;
z-index:100;
background-color:rgba(255,255,255,0);}





.game_a_ok_g {
display:none;
position:absolute;
width:150px;
top:607px;
left:3px;}

.game_a_ok_g img {
width:100%;
height:auto;}

.game_a_ok_g_area {
display:none;
position:absolute;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
width:131px;
height:109px;
top:625px;
left:10px;
z-index:100;
background-color:rgba(255,255,255,0);}





.game_a_ok_h {
display:none;
position:absolute;
width:150px;
top:601px;
left:160px;}

.game_a_ok_h img {
width:100%;
height:auto;}

.game_a_ok_h_area {
display:none;
position:absolute;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
width:41px;
height:43px;
top:655px;
left:213px;
z-index:100;
background-color:rgba(255,255,255,0);}





.game_a_ok_i {
display:none;
position:absolute;
width:150px;
top:814px;
left:121px;}

.game_a_ok_i img {
width:100%;
height:auto;}

.game_a_ok_i_area {
display:none;
position:absolute;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
width:156px;
height:92px;
top:866px;
left:118px;
z-index:100;
background-color:rgba(255,255,255,0);}





.game_a_ok_j {
display:none;
position:absolute;
width:150px;
top:808px;
left:331px;}

.game_a_ok_j img {
width:100%;
height:auto;}

.game_a_ok_j_area {
display:none;
position:absolute;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
width:115px;
height:163px;
top:801px;
left:365px;
z-index:100;
background-color:rgba(255,255,255,0);}










.game_foot_gap {
padding:25px 0 0;}


.game_info_inner {
	margin: 0 auto;
    font-size: 18px;
    color: white;
    width: 70%;
	line-height: 22px;
    font-weight: bold;
    font-family: 'Kosugi Maru';
	background-color: #EA5B81;
	text-align: center;
padding: 7px 0;}





/*	35th -2 - quiz
-----------------------------------------------------------	*/

.game_b_wrap {
font-family: 'Kosugi Maru';
position:relative;
margin: 0 auto;
width:100%;
max-width: 900px;
background-image: url("../img/35th/quiz/c_02_bk.jpg");
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
padding-top: 83%;}


.game_b_inner {
position: absolute;
top:0;
left: 0;
width:100%;
height: 100%;
}

.game_b_header {
	position: relative;
	width: 100%;
	padding-top: 14%;
}

.game_b_icon_a {
position: absolute;
top:14px;
left: 15%;
}

.game_b_icon_b {
position: absolute;
top:25px;
right: 15%;
}


.quiz.outer-block {
width: 57%;
margin: 0 auto;
}


.quiz-question {
    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: 100px;
text-align: left;
font-size: 24px;
line-height: 30px;
width: 100%;
padding: 5px 0 15px;
	
}





.game_b_wrap input,
.game_b_wrap select,
.game_b_wrap textarea,
.game_b_wrap button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.game_b_wrap select::-ms-expand {
  display: none;
}

.game_b_wrap textarea {
  resize: vertical;
}

.game_b_wrap ::-webkit-input-placeholder {
  color: #ccc;
}

.game_b_wrap :-ms-input-placeholder {
  color: #ccc;
}

.game_b_wrap ::-ms-input-placeholder {
  color: #ccc;
}

.game_b_wrap ::-moz-placeholder {
  color: #ccc;
}

.game_b_wrap ::placeholder {
  color: #ccc;
}

.game_b_wrap button {
  border: none;
  cursor: pointer;
}

.game_b_wrap label {
  cursor: pointer;
}




.quiz-answer {
  position: relative;
}
.quiz-answer::before {
  position: absolute;
  width: 200px;
  height: 200px;
  font-size: 200px;
  opacity: 0.7;
  top: -40px;
  left: 0;
  right: 0;
  margin: auto;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  z-index: 2;
  pointer-events: none;
}
.quiz-answer.is-correct .checked {
  background: #ffb3b3;
}
.quiz-answer.is-correct::before {
  content: "〇";
  color: #FF6CE1;
  opacity: 0.8;
}
.quiz-answer.is-incorrect .checked {
  background: #b3c7ff;
}
.quiz-answer.is-incorrect::before {
  content: "×";
  color: #708AFF;
}



.quiz-question-number {
  font-size: 16px;
  font-weight: bold;
	padding: 15px 0 0;
}




.quiz-answer li {
  position: relative;
	width: 49.5%;
	float: left;
	-webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.quiz-answer li label {
	
	-webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #222;
  display: block;
  margin: 0 auto;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 4px 5px 4px 33px;
  font-weight: bold;
  font-size: 17px;
  line-height: 1.16;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  white-space: pre-wrap;
}
.quiz-answer li label:hover {
  background-color: rgba(253, 238, 237, 1);
}
.quiz-answer li label.is-checked {
  pointer-events: none;
}
.quiz-answer li::after {
  position: absolute;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  content: "";
  width: 36px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
  pointer-events: none;
}
.quiz-answer li:nth-child(1)::after {
  content: "1";
	font-family: Noto Serif JP;
	color: #B28247;
}
.quiz-answer li:nth-child(2)::after {
  content: "2";
	font-family: Noto Serif JP;
	color: #B28247;
	border-left: 1px solid #B28247;
}
.quiz-answer li:nth-child(3)::after {
  content: "3";
	font-family: Noto Serif JP;
	color: #B28247;
}
.quiz-answer li:nth-child(4)::after {
  content: "4";
	font-family: Noto Serif JP;
	color: #B28247;
	border-left: 1px solid #B28247;
}

.quiz-answer li {
	border-top: 1px solid #B28247;
}

.quiz-answer li:nth-child(3),
.quiz-answer li:nth-child(4) {
	border-bottom: 1px solid #B28247;
}







.finish {
  display: none;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 3;
}
.finish.is-show {
	display: block;
}
.finish .score-wrap {
  text-align: center;
  color: #E7315C;
	padding-top: 23px;
}
.finish .score-wrap .score {
  font-size: 50px;
  font-weight: bold;
}
.finish .score-wrap .ja {
  font-size: 34px;
}
.finish .score-wrap .full {
  font-size: 24px;
}
.finish .goback-button {
  font-size: 14px;
  color: #E7315C;
  margin-top: 220px;
  display: inline-block;
}

.trivia_btn {
	display: none;
  position: absolute;
    font-size: 18px;
    color: white;
    width: 25%;
    line-height: 22px;
    font-weight: bold;
    font-family: 'Kosugi Maru';
    background-color: #EA5B81;
    text-align: center;
	border-radius: 20px;
    padding: 7px 0;
	cursor: pointer;
  top: 100px;
  right: 150px;
  z-index: 5;
}

.trivia_btn:hover {
    background-color: #E7315C;
}

.trivia_item {
	display: none;
  position: absolute;
	padding: 20px 23px 22px;
    font-size: 16px;
    color: #151515;
    width: 50%;
    line-height: 22px;
    font-weight: bold;
    font-family: 'Kosugi Maru';
    background-color: white;
    text-align: left;
	border-radius: 10px;
	border: 2px solid #BE9158;
  top: 40px;
  right: 45px;
  z-index: 10;
	cursor: pointer;
box-shadow: 0px 5px 15px 0px rgba(157, 115, 62, 0.25);
}

.trivia_item-title {
    font-size: 20px;
    line-height: 24px;
	font-weight: 900;
padding-bottom: 10px;}

.trivia_item p  {
padding-bottom: 7px;}


.quiz-start {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 3;
}

.quiz-start-wrap {
	width: 556px;
	padding-top: 160px;
	height: 164px;
	background-color: #ffffff;
	margin: 130px auto 0;
}

.quiz-start-btn {
    margin: 0 auto;
    font-size: 18px;
    color: white;
    width: 56%;
    line-height: 22px;
    font-weight: bold;
    font-family: 'Kosugi Maru';
    background-color: #EA5B81;
    text-align: center;
    padding: 7px 0;
	cursor: pointer;
}

.quiz-start-btn:hover {
    background-color: #E7315C;
}




.quiz-kekka-wrap {
	width: 556px;
	height: 345px;
	margin: 130px auto 0;
}

.kekka-0 .quiz-kekka-wrap ,
.kekka-1 .quiz-kekka-wrap ,
.kekka-2 .quiz-kekka-wrap ,
.kekka-3 .quiz-kekka-wrap {
	background-image: url("../img/35th/quiz/kekka_a.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}

.kekka-4 .quiz-kekka-wrap ,
.kekka-5 .quiz-kekka-wrap ,
.kekka-6 .quiz-kekka-wrap {
	background-image: url("../img/35th/quiz/kekka_b.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}

.kekka-7 .quiz-kekka-wrap ,
.kekka-8 .quiz-kekka-wrap ,
.kekka-9 .quiz-kekka-wrap {
	background-image: url("../img/35th/quiz/kekka_c.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}

.kekka-10 .quiz-kekka-wrap {
	background-image: url("../img/35th/quiz/kekka_m.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}




    .quiz_icon_01_ani {
      -webkit-animation: quiz_icon_01_ani-m01 10s ease 0s infinite;
      animation: quiz_icon_01_ani-m01 10s ease 0s infinite;
    }
    @-webkit-keyframes quiz_icon_01_ani-m01 {
      0%   { -webkit-transform: translate(0%, 0%) rotate(-20deg); }
	  20%   { -webkit-transform: translate(10%, 0%) rotate(0deg); }
	  40%   { -webkit-transform: translate(20%, 5%) rotate(-10deg); }
	  60%   { -webkit-transform: translate(40%, 0%) rotate(0deg); }
	  70%   { -webkit-transform: translate(30%, 5%) rotate(-15deg); }
	  80%   { -webkit-transform: translate(20%, 0%) rotate(0deg); }
	  90%   { -webkit-transform: translate(10%, 5%) rotate(-10deg); }
	  100%   { -webkit-transform: translate(0%, 0%) rotate(-20deg); }

	  
    }
    @keyframes quiz_icon_01_ani-m01 {
      0%   { -webkit-transform: translate(0%, 0%) rotate(-20deg); }
	  20%   { -webkit-transform: translate(10%, 0%) rotate(0deg); }
	  40%   { -webkit-transform: translate(20%, 5%) rotate(-10deg); }
	  60%   { -webkit-transform: translate(40%, 0%) rotate(0deg); }
	  70%   { -webkit-transform: translate(30%, 5%) rotate(-15deg); }
	  80%   { -webkit-transform: translate(20%, 0%) rotate(0deg); }
	  90%   { -webkit-transform: translate(10%, 5%) rotate(-10deg); }
	  100%   { -webkit-transform: translate(0%, 0%) rotate(-20deg); }
    }



    .quiz_icon_02_ani {
      -webkit-animation: quizicon_02_ani-m01 12s ease 0s infinite;
      animation: quiz_icon_02_ani-m01 12s ease 0s infinite;
    }
    @-webkit-keyframes quiz_icon_02_ani-m01 {
      0%   { -webkit-transform: translate(0%, 0%) rotate(-20deg); }
	  20%   { -webkit-transform: translate(-30%, 0%) rotate(-40deg); }
	  40%   { -webkit-transform: translate(-60%, 10%) rotate(-20deg); }
	  50%   { -webkit-transform: translate(-90%, 10%) rotate(-40deg); }
	  60%   { -webkit-transform: translate(-130%, 0%) rotate(-20deg); }
	  70%   { -webkit-transform: translate(-90%, -5%) rotate(-10deg); }
	  80%   { -webkit-transform: translate(-60%, 0%) rotate(-30deg); }
	  90%   { -webkit-transform: translate(-30%, 5%) rotate(-10deg); }
	  100%   { -webkit-transform: translate(0%, 0%) rotate(-20deg); }

	  
    }
    @keyframes quiz_icon_02_ani-m01 {
      0%   { transform: translate(0%, 0%) rotate(-20deg); }
	  20%   { transform: translate(-30%, 0%) rotate(-40deg); }
	  40%   { transform: translate(-60%, 10%) rotate(-20deg); }
	  50%   { transform: translate(-90%, 10%) rotate(-40deg); }
	  60%   { transform: translate(-130%, 0%) rotate(-20deg); }
	  70%   { transform: translate(-90%, -5%) rotate(-10deg); }
	  80%   { transform: translate(-60%, 0%) rotate(-30deg); }
	  90%   { transform: translate(-30%, 5%) rotate(-10deg); }
	  100%   { transform: translate(0%, 0%) rotate(-20deg); }
    }




















/*	go-top
-----------------------------------------------------------	*/
.go-top-wrap{
position:relative;
float:right;
width:102px;
height:180px;
z-index:1000;}

.go-top-wrap a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";}

.go-top-wrap_pr{
position:relative;
float:right;
width:102px;
height:180px;
padding-top: 77px;}

.go-top-wrap_pr a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";}


.go-top {
width:102px;
height:180px;}


.go-top-wrap-fr{
position:absolute;
right:0px;
bottom:0px;
width:102px;
height:180px;}

.go-top-wrap-fr a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";}


.go-top-fr {
width:102px;
height:180px;}


    .go-top-ani {
      -webkit-animation: go-top-ani-m01 3s ease-in-out 0s infinite;
      animation: go-top-ani-m01 3s ease-in-out 0s infinite;
    }

	
    @-webkit-keyframes go-top-ani-m01 {	
  0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
  50%  { -webkit-transform: scale(1.0, 1.0) translate(0%, -15%); }
  100% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
	  
    }
    @keyframes go-top-ani-m01 {	  
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  50%  { transform: scale(1.0, 1.0) translate(0%, -15%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }

    }









/*	フッター
-----------------------------------------------------------	*/




.tradename {
    border-top: 1px solid #ccd0d9;
    padding: 18px 0 18px;
}

.tradename > p {
    text-align: center;
    font-size: 78.57143%;
    width: 960px;
    margin: 0 auto;
}

.peter-rabbit {
    border-top: 1px solid #ccd0d9;
    background-color: #f7f4ed;
}

.peter-rabbit-inner {
    width: 940px;
    margin: 0 auto;
    padding: 15px 0 15px 20px;
    background: url(../img/bg_peter_rabbit.jpg) right bottom no-repeat;
}

.group-page-footer {
    border-top: 1px solid #ccd0d9;
    background: url(../img/footer_page_bg.png) 0 0 repeat-x;
}

.group-page-footer-inner {
    overflow: hidden;
    zoom: 1;
    width: 960px;
    margin: 0 auto;
    padding: 10px 0 30px 0;
}

.group-page-footer-inner .copyright {
    font-size: 71.42857%;
}



/*	プレロード
-----------------------------------------------------------	*/
#pre-i_0 {
width:0px;
height:0px;
display:inline;
background-image:url(../img/navi_btn_00_on.gif),url(../img/navi_btn_00.gif);
background-repeat: no-repeat , no-repeat;
}

#pre-i_1 {
width:0px;
height:0px;
display:inline;
background-image:url(../img/navi_btn_01_on.gif),url(../img/navi_btn_01.gif);
background-repeat: no-repeat , no-repeat;
}

#pre-i_2 {
width:0px;
height:0px;
display:inline;
background-image:url(../img/navi_btn_02_on.gif),url(../img/navi_btn_02.gif);
background-repeat: no-repeat , no-repeat;
}

#pre-i_3 {
width:0px;
height:0px;
display:inline;
background-image:url(../img/navi_btn_03_on.gif),url(../img/navi_btn_03.gif);
background-repeat: no-repeat , no-repeat;
}

#pre-i_4 {
width:0px;
height:0px;
display:inline;
background-image:url(../img/navi_btn_04_on.gif),url(../img/navi_btn_04.gif);
background-repeat: no-repeat , no-repeat;
}

#pre-i_5 {
width:0px;
height:0px;
display:inline;
background-image:url(../img/navi_btn_05_on.gif),url(../img/navi_btn_05.gif);
background-repeat: no-repeat , no-repeat;
}

#pre-i_6 {
width:0px;
height:0px;
display:inline;
background-image:url(../img/navi_btn_06_on.gif),url(../img/navi_btn_06.gif);
background-repeat: no-repeat , no-repeat;
}


#pre-i_quiz {
width:0px;
height:0px;
display:inline;
background-image:url("../img/35th/quiz/kekka_a.png"),url("../img/35th/quiz/kekka_a_sp.png"),url("../img/35th/quiz/kekka_b.png"),url("../img/35th/quiz/kekka_b.png"),url("../img/35th/quiz/kekka_c.png"),url("../img/35th/quiz/kekka_c_sp.png"),url("../img/35th/quiz/kekka_m.png"),url("../img/35th/quiz/kekka_m_sp.png");
background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
}








/*	IE8-11用動き
-----------------------------------------------------------	*/


    @-webkit-keyframes han-m01-ie {
      0%   { -webkit-transform: translate(0%, 0%); }
      100%   { -webkit-transform: translate(85%, 100%); }
	  
    }
    @keyframes han-m01-ie {
      0%   { transform: translate(0%, 0%); }
      100%   { transform: translate(85%, 100%); }
    }


    @-webkit-keyframes egg-m01-ie {
      0%   { -webkit-transform: translate(0%, 0%); }
      100%   { -webkit-transform:translate(-100%, 10%); }
	  
    }
    @keyframes egg-m01-ie {
      0%   { transform: translate(0%, 0%); }
      100%   { transform:translate(-100%, 10%); }
    }


    @-webkit-keyframes egg-m02-ie {
      0%   { -webkit-transform: translate(0%, 0%); }
      100%   { -webkit-transform:translate(150%, 10%); }
	  
    }
    @keyframes egg-m02-ie {
      0%   { transform: translate(0%, 0%); }
      100%   { transform:translate(150%, 10%); }
    }



/*	EDGE用動き
-----------------------------------------------------------	*/

    @-webkit-keyframes han-m01-edge {
      0%   { -webkit-transform: translate(0%, 0%); }
      100%   { -webkit-transform: scale(1.0, 0.5) translate(70%, 215%) rotate(-20deg); }
	  
    }
    @keyframes han-m01-edge {
      0%   { transform: translate(0%, 0%); }
      100%   { transform: scale(1.0, 0.5) translate(70%, 215%) rotate(-20deg); }
    }






/*	960px以下
-----------------------------------------------------------	*/
@media only screen and (max-width: 960px){






}


/*	550px以下
-----------------------------------------------------------	*/
@media only screen and (max-width: 550px){



/*	2023-sp
-----------------------------------------------------------	*/


/*	共通
-----------------------------------------------------------	*/

body {
  min-width: 100%;
}

.pc {display:none;}
.sp {display:block;}

.c_b {clear:both;}

.btn_hov a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}

.ank {
padding-top:210px;
margin-top:-200px;}

.fx_KosugiMaru {
font-family:'Kosugi Maru';} 

.fx_NotoSerif {
font-family:'Noto Serif JP';}


/*	レイアウト
-----------------------------------------------------------	*/


.page-container {
  width:100%;
  margin:0 auto;
  }


.mufg-peterrabbit .page-container {
  width:100%;
  margin:0 auto;
  background-color:#EEF3ED;
	background-image:url(../img/mufg_pr_bk_a_sp--a.jpg) , url(../img/mufg_pr_bk_a_sp--b.jpg);
	background-position:top 50px center , bottom center;
	background-repeat:no-repeat no-repeat;
	background-size:100% auto , 100% auto;
  }



/*	ヘッダー
-----------------------------------------------------------	*/


#head_gap {height:5px;}

.group-header .id-area {
  width: 100%;
  min-height: 204px;
  background: url(../img/header_id_area_bg.png) 0 0 repeat-x;
  position: relative;
  z-index:1000;
  background-color:#FFFFFF;
  }

.group-header .id-area-inner {
  width: 98%;
  max-width:400px;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
  position: relative;
  min-height: 58px;
  }

.group-header .id-area-inner .group-id {
  position: absolute;
width:55%;
  top: 15px;
  left: 0;
  }
  
.group-header .id-area-inner .group-id img {
width:100%;
height:auto;
  }

.group-header .id-area-inner .group-id-accent {
display:none;
  position: absolute;
  top: 0;
  left: 445px;
  }

.group-header .id-area-inner .site-id-single {
width:25%;
  position: absolute;
  top: 23px;
  right: 0;
  }

.group-header .id-area-inner .site-id-single img {
width:100%;
height:auto;
  }

.group-header .id-area-navi {
  width: 98%;
  max-width:400px;
  padding:0 0px;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
  height: auto;
  }

.group-header .id-area-navi .sp_navi_a li {
float:left;
width:33%;
height:134px;
text-align:center;
color:#b28247;
line-height:14px;
font-weight:bold;}

.group-header .id-area-navi .sp_navi_b li {
float:left;
width:25%;
height:134px;
text-align:center;
color:#b28247;
line-height:14px;
font-weight:bold;}

.group-header .id-area-navi .sp_navi_a li a:link { text-decoration : none; color:#b28247; display:block; width:100%;padding-top:100px;}
.group-header .id-area-navi .sp_navi_b li a:link { text-decoration : none; color:#b28247; display:block; width:100%;padding-top:80px;}
.group-header .id-area-navi li a:visited { text-decoration : none; color:#b28247;}
.group-header .id-area-navi li a:active { text-decoration : none; color:#b28247;}
.group-header .id-area-navi li a:hover { text-decoration : underline; color:#b28247;}



.group-header .id-area-navi li.pt_navi_a a{
background-image:url(../img/navi_btn_00.gif);
background-repeat:no-repeat;
background-size:100% auto;}

.group-header .id-area-navi li.pt_navi_a a:hover ,
.group-header .id-area-navi li.pt_navi_a_on a{
background-image:url(../img/navi_btn_00_on.gif);
background-repeat:no-repeat;
background-size:100% auto;}


.group-header .id-area-navi li.pt_navi_b a{
background-image:url(../img/navi_btn_01.gif);
background-repeat:no-repeat;
background-size:100% auto;}

.group-header .id-area-navi li.pt_navi_b a:hover ,
.group-header .id-area-navi li.pt_navi_b_on a{
background-image:url(../img/navi_btn_01_on.gif);
background-repeat:no-repeat;
background-size:100% auto;}


.group-header .id-area-navi li.pt_navi_c a{
background-image:url(../img/navi_btn_02.gif);
background-repeat:no-repeat;
background-size:100% auto;}

.group-header .id-area-navi li.pt_navi_c a:hover ,
.group-header .id-area-navi li.pt_navi_c_on a{
background-image:url(../img/navi_btn_02_on.gif);
background-repeat:no-repeat;
background-size:100% auto;}


.group-header .id-area-navi li.pt_navi_d a{
background-image:url(../img/navi_btn_03.gif);
background-repeat:no-repeat;
background-size:100% auto;}

.group-header .id-area-navi li.pt_navi_d a:hover ,
.group-header .id-area-navi li.pt_navi_d_on a{
background-image:url(../img/navi_btn_03_on.gif);
background-repeat:no-repeat;
background-size:100% auto;}


.group-header .id-area-navi li.pt_navi_e a{
background-image:url(../img/navi_btn_04.gif);
background-repeat:no-repeat;
background-size:100% auto;}

.group-header .id-area-navi li.pt_navi_e a:hover ,
.group-header .id-area-navi li.pt_navi_e_on a{
background-image:url(../img/navi_btn_04_on.gif);
background-repeat:no-repeat;
background-size:100% auto;}


.group-header .id-area-navi li.pt_navi_f a{
background-image:url(../img/navi_btn_05.gif);
background-repeat:no-repeat;
background-size:100% auto;}

.group-header .id-area-navi li.pt_navi_f a:hover ,
.group-header .id-area-navi li.pt_navi_f_on a{
background-image:url(../img/navi_btn_05_on.gif);
background-repeat:no-repeat;
background-size:100% auto;}


.group-header .id-area-navi li.pt_navi_g a{
background-image:url(../img/navi_btn_06.gif);
background-repeat:no-repeat;
background-size:100% auto;}

.group-header .id-area-navi li.pt_navi_g a:hover ,
.group-header .id-area-navi li.pt_navi_g_on a{
background-image:url(../img/navi_btn_06_on.gif);
background-repeat:no-repeat;
background-size:100% auto;}





.head_icon_01 {
display:none;
  position: absolute;
  top: 20px;
  left: 550px;
  z-index:1010;
  }

.head_icon_02 {
display:none;
  position: absolute;
  top: 28px;
  left: 504px;
  z-index:1009;
  }



/*	メインビジュアル
-----------------------------------------------------------	*/

.main-v-container {
  width:100%;
  height:auto;
  margin:0 auto;
  overflow: hidden;
  padding-bottom:10px;
  }
  



/*	トップページ下部
-----------------------------------------------------------	*/


.pr_top {
width:92%;
margin:0 auto;
padding:10px 0 0 ;}

.pr_top_title {
margin-bottom:-20px;
text-align:center;
width:100%;
font-size:28px;
letter-spacing:0.5px;
color:#956134;
font-weight:bold;}



.top-btn {
margin:0 0 28px;}


.top-btn_b {
margin:0 0 8px;}

.pr_top_btn_aria_a a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}

.pr_top a:hover h2 , .pr_top a:hover p {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}


.pr_top_btn_aria a{
display:block;
position:relative;
margin-bottom:20px;}

.pr_top_btn_aria a img {
width:100%;
height:auto;}

.pr_top_btn_aria .top-btn_aa h2{
position:absolute;
top:16%;
left:30%;
width:60%;
text-align:center;
font-size:18px;
letter-spacing:0.5px;
color:#956134;
font-weight:bold;
line-height:140%;
}

.pr_top_btn_aria .top-btn_aa p{
position:absolute;
top:60%;
left:5%;
width:60%;
text-align:left;
font-size:12px;
letter-spacing:1px;
color:#956134;
font-weight:bold;
line-height:140%;
}



.pr_top_btn_aria .top-btn_bb h2{
position:absolute;
top:15%;
left:0px;
width:100%;
text-align:center;
font-size:18px;
letter-spacing:0.5px;
color:#ffffff;
font-weight:700;
font-family:'Kosugi Maru';
line-height:140%;
}

.pr_top_btn_aria .top-btn_bb p{
position:absolute;
top:52%;
left:25%;
width:52%;
text-align:left;
font-size:12px;
letter-spacing:1px;
color:#ffffff;
line-height:140%;
}



.pr_top_btn_aria .top-btn_cc h2{
position:absolute;
top:15%;
left:0px;
width:100%;
text-align:center;
font-size:18px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
line-height:140%;
}

.pr_top_btn_aria .top-btn_cc p{
position:absolute;
top:52%;
left:30%;
width:40%;
text-align:left;
font-size:12px;
line-height:140%;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
}



.pr_top_btn_aria .top-btn_dd h2{
position:absolute;
top:15%;
left:0px;
width:100%;
text-align:center;
font-size:18px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
line-height:140%;
}

.pr_top_btn_aria .top-btn_dd p{
position:absolute;
top:53%;
left:23%;
width:60%;
text-align:left;
font-size:12px;
line-height:19px !Important;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
line-height:140%;
}



.pr_top_btn_aria .top-btn_ee h2{
position:absolute;
top:15%;
left:0px;
width:100%;
text-align:center;
font-size:18px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
line-height:140%;
}

.pr_top_btn_aria .top-btn_ee p{
position:absolute;
top:60%;
left:32%;
width:40%;
text-align:left;
font-size:12px;
line-height:140%;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
}



.pr_top_btn_aria .top-btn_ff h2{
position:absolute;
top:15%;
left:0px;
width:100%;
text-align:center;
font-size:18px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
line-height:140%;
}

.pr_top_btn_aria .top-btn_ff h3{
position:absolute;
top:18%;
left:0px;
width:100%;
text-align:center;
font-size:18px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
line-height:140%;
}



.pr_top_btn_aria .top-btn_ff p{
position:absolute;
top:54%;
left:32%;
width:40%;
text-align:left;
font-size:12px;
line-height:140%;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
}

.pr_top_btn_aria .top-btn_jj h2{
position:absolute;
top:15%;
left:0px;
width:100%;
text-align:center;
font-size:18px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
line-height:140%;
}

.pr_top_btn_aria .top-btn_jj p{
position:absolute;
top:50%;
left:29%;
width:42%;
text-align:left;
font-size:12px;
line-height:140%;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
}

	
.anv_head div{
display:block;
position:relative;
margin-bottom:28px;}

.anv_head div img{
width:100%;
height:auto;}


.anv_head .top-btn_hh h2{
position:absolute;
top:16%;
left:0px;
width:100%;
text-align:center;
font-size:18px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
line-height:140%;
}

.anv_head .top-btn_hh h3{
position:absolute;
top:18%;
left:0px;
width:100%;
text-align:center;
font-size:18px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
line-height:140%;
}

.anv_head .top-btn_hh p{
position:absolute;
top:55%;
left:35%;
width:36%;
text-align:left;
font-size:12px;
line-height:140%;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
}








.anv_head_title img{
width:100%;
height:auto;}



.anv_head_title div{
width:100%;
margin:0 auto;
display:block;
position:relative;}

.anv_head_title .top-btn_ii h2{
position:absolute;
top:21.5%;
left:0;
width:100%;
text-align:center;
font-size:18px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
line-height:140%;
}











.anv_head_btn img{
width:100%;
height:auto;}



.anv_head_btn a{
width:100%;
margin:0 auto;
display:block;
position:relative;
margin-bottom:40px;}

.anv_head_btn .top-btn_gg h2{
position:absolute;
top:16.5%;
left:0px;
width:100%;
text-align:center;
font-size:18px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
line-height:140%;
}

.anv_head_btn .top-btn_gg p{
position:absolute;
top:55%;
left:35%;
width:38%;
text-align:left;
font-size:14px;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
line-height:140%;
}
	
.anv_head_btn .top-btn_jj h2{
position:absolute;
top:16.5%;
left:0px;
width:100%;
text-align:center;
font-size:18px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
line-height:140%;
}

.anv_head_btn .top-btn_jj p{
position:absolute;
top:55%;
left:27%;
width:45%;
text-align:left;
font-size:12px;
line-height:140%;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
line-height:140%;
}

.anv_head_btn .top-btn_cnt_a h2{
position:absolute;
top:16.5%;
left:0px;
width:100%;
text-align:center;
font-size:18px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
line-height:140%;
}

.anv_head_btn .top-btn_cnt_a p{
position:absolute;
top:52%;
left:30%;
width:42%;
text-align:left;
font-size:12px;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
line-height:140%;
}

.anv_head_btn .top-btn_cnt_b h2{
position:absolute;
top:16.5%;
left:0px;
width:100%;
text-align:center;
font-size:18px;
letter-spacing:0.5px;
color:#7E4C1E;
font-weight:700;
font-family:'Kosugi Maru';
line-height:140%;
}

.anv_head_btn .top-btn_cnt_b p{
position:absolute;
top:52%;
left:32%;
width:39%;
text-align:left;
font-size:12px;
letter-spacing:1px;
color:#7E4C1E;
font-weight:bold;
line-height:140%;
}



/*	三菱ＵＦＪ信託銀行とピーターラビット
-----------------------------------------------------------	*/


.mufg_pr_wrap {
	width:100%;
	height:auto;
	padding:0;
	background-image: none;
	background-repeat:no-repeat;}
	
.mufg_pr_mv_wrap_a {
	margin:0 auto;
	width:100%;
	height:auto;
	padding:0;
	background-image:url(../img/w-bk.png);
}

.mufg_pr_wrap_inner {
width:92%;
	margin:0 auto;}


.mufg_pr_text {
	padding:10px 0 0;
	margin:0 auto;
	height:auto;
	width:100%;
font-size:16px !important;
	line-height:32px !important;}


.mufg_pr_text p {padding-top:15px;}

.mufg_pr_text_fig_a {padding-top:15px;}

.mufg_pr_text_fig_b {padding-top:15px;float:none;width:100%;}

.mufg_pr_text_fig_c {padding-top:0px;float:none;width:100%;height: auto;
position:relative;}

.mufg_pr_text_fig_c_inner {
position:relative;top:0px;width:100%;height: auto; text-align:center;}

.mufg_pr_text_fig_c_inner img{
width:90%;height: auto;}

.mufg_pr_notes {padding-top:50px;text-align:center;}

.mufg_pr_link{
float:none;
width:100%;
height: auto;
text-align: center;}

.mufg_pr_link img{
width:100%;
height:auto;}



.mufg_pr_link a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}





.mufg_pr_title_a {
  max-width:380px;
  margin:0 auto;
display:block;
position:relative;}


.mufg_pr_title_a h1{
	padding:20px 0 0;
position:relative;
top:0px;
left:0px;
width:100%;
text-align:center;
font-size:32px;
letter-spacing:0px;
color:#00673D;
font-family:'Noto Serif JP';
}

.mufg_pr_title_a h2{
	padding:20px 0 0;
position:relative;
top:0px;
left:0px;
width:100%;
text-align:center;
font-size:18px;
letter-spacing:0.1px;
color:#00673D;
font-weight:bold;
}

.mufg_pr_title_a p{
margin:20px auto 0px;
	padding:15px 0 40px 25%;
	display:block;
position:relative;
top:0px;
left:0;
width:70%;
text-align:left;
font-size:15px;
line-height:150%;
letter-spacing:0px;
font-weight:bold;
font-family:'Noto Serif JP';
	background-image:url(../img/mufg_pr_bk_a_sp--tt.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% auto;
}


/*	ピーターラビットの世界 in 三菱ＵＦＪ信託銀行 本店
-----------------------------------------------------------	*/

.pr_w_mufg_container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px #B28247 solid;
    background-color: #FFFEEE;
    width: 92%;
    padding: 5px 0px 66px;
    margin: 37px auto 45px;
}

.pr_w_mufg_container_wrap {
padding:0 5px;}

.pr_w_mufg_mv_wrap_a {
	margin:19px auto 10px;
	width:84%;
	height:auto;
	padding:2%;
	background-image:url(../img/pr_w_mufg_mv_bk.png);
	background-size:100% auto;
	background-repeat:no-repeat;
}

.pr_w_mufg_mv_wrap_b {
	margin:0px auto 10px;
	width:84%;
	height:auto;
	padding:2%;
	background-image:url(../img/pr_w_mufg_mv_bk.png);
	background-size:100% auto;
	background-repeat:no-repeat;
}



.pr_w_mufg_mv_wrap_c {
	margin:50px auto 10px;
	width:560px;
	height:315px;
	padding:12px;
	background-image:url(../img/pr_w_mufg_mv_bk.png);
	background-repeat:no-repeat;
}




.pr_w_mufg_title_aa {
width:100%;
display:block;
position:relative;}

.pr_w_mufg_title_aa img{
width:100%;
height:auto;}


.pr_w_mufg_title_aa h1{
position:absolute;
top:10%;
left:0px;
width:100%;
text-align:center;
font-size:19px;
color:#ffffff;
letter-spacing:0.5px;
font-weight:700;
font-family:'Kosugi Maru';
line-height:140%;
}

.pr_w_mufg_title_aa p{
position:absolute;
top:37%;
left:16%;
width:70%;
text-align:left;
font-size:10px;
line-height:200%;
color:#ffffff;
letter-spacing:0px;
}

.pr_w_mufg_title_aa p span {
display:block;
text-align:center;
padding-bottom:15px;}

.pr_w_mufg_title_aaa {
width:100%;
display:block;
position:relative;}

.pr_w_mufg_title_aaa img {
width:100%;
height:auto;}


.pr_w_mufg_title_aaa h2{
position:absolute;
top:30.5%;
left:0px;
width:100%;
text-align:center;
font-size:12px;
color:#ffffff;
letter-spacing:0.5px;
font-weight:700;
font-family:'Kosugi Maru';
}




.pr_w_mufg_map {
display:block;
position:relative;}

.pr_w_mufg_map img{
width:100%;
height:auto;}


.pr_w_mufg_map h2.pr_w_mufg_map_ta {
position:absolute;
top:8%;
left:8.5%;
width:15%;
text-align:center;
font-size:10px;
color:#ffffff;
letter-spacing:2px;
line-height:140%;
font-weight:700;
font-family:'Kosugi Maru';
}

.pr_w_mufg_map h2.pr_w_mufg_map_tb {
position:absolute;
top:55%;
left:8.5%;
width:15%;
text-align:center;
font-size:10px;
color:#ffffff;
letter-spacing:2px;
font-weight:700;
font-family:'Kosugi Maru';
}

.pr_w_mufg_map .pr_w_mufg_map_tc {
position:absolute;
top:5%;
left:24%;
width:70%;
text-align:left;
font-size:17px;
letter-spacing:0.5px;
font-weight:700;
font-family:'Kosugi Maru';
color:#7E4C1E;
}

.pr_w_mufg_map small {
position:absolute;
top:11%;
left:24%;
width:60%;
text-align:left;
font-size:8px;
letter-spacing:0.5px;
line-height:120%;
}


.pr_w_mufg_map .pr_w_mufg_map_td {
position:absolute;
top:52%;
left:24%;
width:70%;
text-align:left;
font-size:12px;
letter-spacing:0.1px;
font-weight:500;
font-family:'Kosugi Maru';
color:#7E4C1E;
line-height:160%;
}

.pr_w_mufg_map .pr_w_mufg_map_td span{
font-size:15px;
font-weight:700;
}






/*	ピーターラビットの世界 in 三菱ＵＦＪ信託銀行 本店 吹き出し
-----------------------------------------------------------	*/

.pr_w_mufg_button_wrap_title img{
width:100%;
height:auto;}

.pr_w_mufg_mv_wrap_b_title img{
width:100%;
height:auto;}

.pr_w_mufg_mv_wrap_c_title img{
width:100%;
height:auto;}



.pr_w_mufg_bubble_wrap{
position:relative;}

.pr_w_mufg_button_wrap {
padding:0px 0px 37px; }

#target_01_sp,
#target_02_sp,
#target_03_sp,
#target_04_sp {
cursor: pointer;}

.topics_close_01,
.topics_close_02,
.topics_close_03,
.topics_close_04 {
cursor: pointer;}

#target_01_sp,
#target_03_sp {
width:48.7%;
height:auto;}
 
#target_02_sp, 
#target_04_sp {
width:51.3%;
height:auto;}



.topics_info_close_01 {
width:100%;
text-align:right;}

.topics_info_close_01 img {
margin:0px;
float:none;}

.topics_info_01 {
position:absolute;
display:none;
top:24%;
left:1%;
background-image:url(../img/pr_w_mufg_goods_01.png);
background-repeat:no-repeat;
background-size:100% auto;
width:70%;
height:180px;
padding:0px;
z-index:501;}


.topics_info_close_02 {
width:100%;
text-align:right;}

.topics_info_close_02 img {
margin:0px;
float:none;}

.topics_info_02 {
position:absolute;
display:none;
top:22%;
left:32%;
background-image:url(../img/pr_w_mufg_goods_02.png);
background-repeat:no-repeat;
background-size:100% auto;
width:70%;
height:180px;
padding:0px;
z-index:502;}


.topics_info_close_03 {
padding:15px 0 0;
width:100%;
text-align:right;}

.topics_info_close_03 img {
margin:0px;
float:none;}

.topics_info_03 {
position:absolute;
display:none;
top:91%;
left:1%;
background-image:url(../img/pr_w_mufg_goods_03.png);
background-repeat:no-repeat;
background-size:100% auto;
width:70%;
height:180px;
padding:0px;
z-index:503;}


.topics_info_close_04 {
width:100%;
text-align:right;}

.topics_info_close_04 img {
margin:0px;
float:none;}

.topics_info_04 {
position:absolute;
display:none;
top:91%;
left:33%;
background-image:url(../img/pr_w_mufg_goods_04.png);
background-repeat:no-repeat;
background-size:100% auto;
width:70%;
height:180px;
padding:0px;
z-index:504;}


.topics_info_btn {
padding:16% 0 0 25%;  
}

.topics_info_btn img{
width:70%;
height:auto;
}

.btn_op {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}



.peter_tm_foot {
position:relative;
padding:0 0 0 0px;
width:92%;
margin:0 auto;}

.peter_tm_foot img{
width:100%;
height:auto;}

.topics_info_foot {
position:absolute;
top:-130px;
left:0;
background-image:url(../img/pr_w_mufg_goods_foot.png);
background-repeat:no-repeat;
background-size:100% auto;
width:100%;
height:100px;
padding:0px;
z-index:500;}





/*	オリジナルグッズ紹介
-----------------------------------------------------------	*/

.o_g_container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px #B28247 solid;
    background-color: #FFFEEE;
    width: 92%;
    padding: 5px 0px 10px;
    margin: 37px auto 10px;
}

.o_g_container_wrap {
padding:0 5px;}

.o_g_container_wrap img {
width:100%;
height:auto;}

.o_g_yp img{
margin-left:0px;}

.o_g_yp a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}

.o_g_yp {
width:100%;
height:auto;
background-image:url(../img/o_g_yp_bk_01-00001.png);
background-repeat:no-repeat;
background-size:100% auto;
position:relative;}

.yp_a {
padding:33% 0 0 20%;}

.yp_a img{
width:15%;
height:auto;}

.yp_b {
padding:7% 0 0 20%;}

.yp_b img{
width:15%;
height:auto;}

.yp_c {
padding:8% 0 0 20%;}

.yp_c img{
width:15%;
height:auto;}

.yp_d {
padding:7.2% 0 0 20%;}

.yp_d img{
width:15%;
height:auto;}

.yp_e {
padding:7.1% 0 32% 20%;}

.yp_e img{
width:15%;
height:auto;}

.yp_z {
position:absolute;
width:23%;
height:auto;
top:73%;
left:69%;}

.yp_z img {
width:100%;
height:auto;}


.o_g_notes {
padding:0 0 10px 6%;}

.o_g_notes img {
width:90%;
height:auto;}

.o_g_title_aa {
display:block;
position:relative;}


.o_g_title_aa img{
width:100%;
height:auto;}


.o_g_title_aa  h1{
position:absolute;
top:11%;
left:0px;
width:100%;
text-align:center;
font-size:20px;
color:#804E21;
letter-spacing:0.5px;
line-height:140%;
font-weight:700;
font-family:'Kosugi Maru';
}

.o_g_title_aa p {
position:absolute;
top:46%;
left:0px;
width:100%;
color:#804E21;
text-align:center;
font-size:14px;
font-weight:700;
letter-spacing:0.5px;
line-height:140%;
}


.o_g_title_bb {
display:block;
position:relative;
padding-bottom:25px;}

.o_g_title_bb  h2{
position:absolute;
top:18%;
left:0px;
width:100%;
text-align:center;
font-size:15px;
color:#804E21;
letter-spacing:0.5px;
line-height:140%;
font-weight:700;
font-family:'Kosugi Maru';
}

.o_g_title_bb p {
position:absolute;
top:56%;
left:0px;
width:100%;
text-align:center;
font-size:12px;
font-weight:700;
letter-spacing:0.5px;
line-height:140%;
}


.o_g_title_cc {
display:block;
position:relative;
padding-top:5px;
padding-bottom:80px;}

.o_g_title_cc  h2{
position:absolute;
top:14.5%;
left:0px;
width:100%;
text-align:center;
font-size:15px;
color:#804E21;
letter-spacing:0.5px;
line-height:140%;
font-weight:700;
font-family:'Kosugi Maru';
}

.o_g_title_cc p {
position:absolute;
top:40%;
left:0px;
width:100%;
text-align:center;
font-size:12px;
font-weight:700;
letter-spacing:0.5px;
line-height:140%;
}


.o_g_title_dd {
display:block;
position:relative;
padding-top:10px;
padding-bottom:25px;}

.o_g_title_dd  h2{
position:absolute;
top:28%;
left:0px;
width:100%;
text-align:center;
font-size:15px;
color:#804E21;
letter-spacing:0.5px;
line-height:140%;
font-weight:700;
font-family:'Kosugi Maru';
}

.o_g_title_dd p {
position:absolute;
top:70%;
left:0px;
width:100%;
text-align:center;
font-size:12px;
font-weight:700;
letter-spacing:0.5px;
line-height:180%;
}


.o_g_title_ee {
display:block;
position:relative;
padding-top:10px;
padding-bottom:0px;}

.o_g_title_ee  h2{
position:absolute;
top:39%;
left:0px;
width:100%;
text-align:center;
font-size:15px;
color:#804E21;
letter-spacing:0.5px;
line-height:140%;
font-weight:700;
font-family:'Kosugi Maru';
}

.o_g_title_ee p {
position:absolute;
top:80%;
left:0px;
width:100%;
text-align:center;
font-size:12px;
font-weight:700;
letter-spacing:0.5px;
line-height:180%;
}


.o_g_title_btn {
display:block;
position:relative;
width:100%;
margin:0 auto;
padding-top:0px;
padding-bottom:20px;}

.o_g_title_btn a:hover {
text-decoration:none;}

.o_g_title_btn a .o_g_title_btn_ta {
display:block;
background-image: url(../img/o_g_main_btn-01_sp_a.png);
background-repeat:no-repeat;
background-position:center center;
background-size:100% auto;
width:100%;
padding:10px 0 0px;}

.o_g_title_btn .o_g_title_btn_ta{
width:100%;
text-align:center;
font-size:12px;
font-weight:700;
letter-spacing:0.7px;
line-height:180%;
color:#E60012;
}

.o_g_title_btn a .o_g_title_btn_tb {
display:block;
background-image: url(../img/o_g_main_btn-01_sp_b.png);
background-repeat:no-repeat;
background-position:center center;
background-size:100% auto;
width:100%;
padding:2.8% 0 4%;}

.o_g_title_btn a:hover .o_g_title_btn_tb {
background-image: url(../img/o_g_main_btn-01_sp_b_on.png);
color:#E60012;}

.o_g_title_btn .o_g_title_btn_tb{
width:100%;
text-align:center;
font-size:13px;
color:#ffffff;
letter-spacing:0.1px;
line-height:140%;
font-weight:700;
font-family:'Kosugi Maru';}





/*	ピーターラビットの世界と仲間たち
-----------------------------------------------------------	*/


.pr_w_f_wrap {
	position:relative;
	width:100%;
	height:auto;
	padding:308% 0 0;
	background-image:url(../img/pr_w_f_bk_01-01_sp.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	overflow:hidden;}


#pr_w_f_fukidashi {
position:absolute;
left:70%;
top:10.5%;
width:30%;
height:auto;
z-index:1;}

#pr_w_f_fukidashi img {
width:100%;
height:auto;}



    .pr_w_f_fukidashi_01 {
      -webkit-animation: fukidashi-m01 2.0s ease-in-out 0s infinite;
      animation: fukidashi-m01 2.0s ease-in-out 0s infinite;
    }
	
    @-webkit-keyframes fukidashi-m01 {
      0%   { -webkit-transform: scale(0.6, 0.6) translate(0%, 0%) ; }
      50%   { -webkit-transform: scale(0.7, 0.7) translate(3%, -5%) ; }
	  100%   { -webkit-transform: scale(0.6, 0.6) translate(0%, 0%) ; }
    }

	@keyframes fukidashi-m01 {
      0%   { transform: scale(0.6, 0.6) translate(0%, 0%); }
      50%   { transform: scale(0.7, 0.7) translate(3%, -5%) ;}
	  100%   { transform: scale(0.6, 0.6) translate(0%, 0%) ;}
    }






#pr_w_f_a {
position:absolute;
left:6%;
top:19%;
width:37%;
height:130px;
z-index:10;
cursor:pointer;
background-repeat:no-repeat;
background-size:100% auto;}

#pr_w_f_a img {
width:100%;
height:auto;}


.pr_w_f_a_info{
position:absolute;
display:none;
left:0;
top:5.5%;
width:50%;
height:180px;
background-size:100% auto;
z-index:1011;
background-image:url(../img/friends/pr_w_f_a_info_sp.png);
background-repeat:no-repeat;
cursor:pointer;}




#pr_w_f_b {
position:absolute;
left:42%;
top:22%;
width:26%;
height:100px;
z-index:10;
cursor:pointer;
background-repeat:no-repeat;
background-size:100% auto;}

#pr_w_f_b img {
width:100%;
height:auto;}

.pr_w_f_b_info{
position:absolute;
display:none;
left:20%;
top:9.5%;
width:50%;
height:180px;
background-size:100% auto;
z-index:1021;
background-image:url(../img/friends/pr_w_f_b_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_c {
position:absolute;
left:67%;
top:19%;
width:28%;
height:130px;
z-index:10;
cursor:pointer;
background-repeat:no-repeat;
background-size:100% auto;}

#pr_w_f_c img {
width:100%;
height:auto;}

.pr_w_f_c_info{
position:absolute;
display:none;
left:50%;
top:7%;
width:50%;
height:180px;
background-size:100% auto;
z-index:1031;
background-image:url(../img/friends/pr_w_f_c_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_d {
position:absolute;
left:2.5%;
top:30%;
width:22%;
height:150px;
z-index:10;
cursor:pointer;
background-repeat:no-repeat;
background-size:100% auto;}

#pr_w_f_d img {
width:100%;
height:auto;}

.pr_w_f_d_info{
position:absolute;
display:none;
left:0;
top:17.5%;
width:50%;
height:180px;
background-size:100% auto;
z-index:1041;
background-image:url(../img/friends/pr_w_f_d_info_sp.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_e {
position:absolute;
left:37%;
top:31%;
width:30%;
height:150px;
z-index:10;
cursor:pointer;
background-repeat:no-repeat;
background-size:100% auto;}

#pr_w_f_e img {
width:100%;
height:auto;}

.pr_w_f_e_info{
position:absolute;
display:none;
left:20%;
top:18%;
width:50%;
height:180px;
background-size:100% auto;
z-index:1051;
background-image:url(../img/friends/pr_w_f_e_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_f {
position:absolute;
left:69%;
top:30%;
width:20%;
height:150px;
z-index:10;
cursor:pointer;
background-repeat:no-repeat;
background-size:100% auto;}

#pr_w_f_f img {
width:100%;
height:auto;}

.pr_w_f_f_info{
position:absolute;
display:none;
left:50%;
top:16.5%;
width:50%;
height:180px;
background-size:100% auto;
z-index:1061;
background-image:url(../img/friends/pr_w_f_f_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_g {
position:absolute;
left:-4%;
top:41%;
width:45%;
height:130px;
z-index:10;
cursor:pointer;
background-repeat:no-repeat;
background-size:100% auto;}

#pr_w_f_g img {
width:100%;
height:auto;}


#pr_w_f_g_sp {
position:absolute;
left:16.7%;
top:41.1%;
width:45%;
height:130px;
z-index:10;
cursor:pointer;
background-repeat:no-repeat;
background-size:100% auto;}

#pr_w_f_g_sp img {
width:100%;
height:auto;}


.pr_w_f_g_info{
position:absolute;
display:none;
left:31%;
top:29%;
width:50%;
height:180px;
background-size:100% auto;
z-index:1071;
background-image:url(../img/friends/pr_w_f_g_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_h {
position:absolute;
left:19%;
top:65.5%;
width:27%;
height:120px;
z-index:10;
cursor:pointer;
background-repeat:no-repeat;
background-size:100% auto;}

#pr_w_f_h img {
width:100%;
height:auto;}

.pr_w_f_h_info{
position:absolute;
display:none;
left:0;
top:52.5%;
width:50%;
height:180px;
background-size:100% auto;
z-index:1081;
background-image:url(../img/friends/pr_w_f_h_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_i {
position:absolute;
left:54%;
top:66%;
width:38%;
height:110px;
z-index:10;
cursor:pointer;
background-repeat:no-repeat;
background-size:100% auto;}

#pr_w_f_i img {
width:100%;
height:auto;}

.pr_w_f_i_info{
position:absolute;
display:none;
left:50%;
top:53%;
width:50%;
height:180px;
background-size:100% auto;
z-index:1091;
background-image:url(../img/friends/pr_w_f_i_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_j {
position:absolute;
left:-8%;
top:74%;
width:36%;
height:130px;
z-index:10;
cursor:pointer;
background-repeat:no-repeat;
background-size:100% auto;}

#pr_w_f_j img {
width:100%;
height:auto;}



#pr_w_f_j_sp {
position:absolute;
left:0%;
top:74.3%;
width:24.5%;
height:130px;
z-index:10;
cursor:pointer;
background-repeat:no-repeat;
background-size:100% auto;}

#pr_w_f_j_sp img {
width:100%;
height:auto;}



.pr_w_f_j_info{
position:absolute;
display:none;
left:0;
top:61%;
width:50%;
height:180px;
background-size:100% auto;
z-index:1101;
background-image:url(../img/friends/pr_w_f_j_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_k {
position:absolute;
left:74%;
top:74.5%;
width:31%;
height:100px;
z-index:10;
cursor:pointer;
background-repeat:no-repeat;
background-size:100% auto;}

#pr_w_f_k img {
width:100%;
height:auto;}

#pr_w_f_k_sp {
position:absolute;
left:74%;
top:74.5%;
width:25%;
height:100px;
z-index:10;
cursor:pointer;
background-repeat:no-repeat;
background-size:100% auto;}

#pr_w_f_k_sp img {
width:100%;
height:auto;}

.pr_w_f_k_info{
position:absolute;
display:none;
left:50%;
top:80%;
width:50%;
height:180px;
background-size:100% auto;
z-index:1141;
background-image:url(../img/friends/pr_w_f_k_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_l {
position:absolute;
left:12%;
top:81%;
width:33%;
height:130px;
z-index:10;
cursor:pointer;
background-repeat:no-repeat;
background-size:100% auto;}

#pr_w_f_l img {
width:100%;
height:auto;}

.pr_w_f_l_info{
position:absolute;
display:none;
left:41%;
top:81%;
width:50%;
height:180px;
background-size:100% auto;
z-index:1151;
background-image:url(../img/friends/pr_w_f_l_info.png);
background-repeat:no-repeat;
cursor:pointer;}



#pr_w_f_m {
position:absolute;
left:54%;
top:81%;
width:41%;
height:130px;
z-index:10;
cursor:pointer;
background-repeat:no-repeat;
background-size:100% auto;}

#pr_w_f_m img {
width:100%;
height:auto;}

.pr_w_f_m_info{
position:absolute;
display:none;
left:8%;
top:81%;
width:50%;
height:180px;
background-size:100% auto;
z-index:1131;
background-image:url(../img/friends/pr_w_f_m_info.png);
background-repeat:no-repeat;
cursor:pointer;}







.pr_w_f_title_a  h1{
position:absolute;
top:2.5%;
left:0px;
width:100%;
text-align:center;
font-size:18px;
color:#804E21;
letter-spacing:0.5px;
line-height:140%;
font-weight:700;
font-family:'Kosugi Maru';
}

.pr_w_f_title_a p {
position:absolute;
top:8%;
left:0px;
width:100%;
color:#804E21;
text-align:center;
font-size:11px;
font-weight:700;
letter-spacing:0.5px;
line-height:130%;
}


.pr_w_f_title_b{
position:absolute;
top:17.9%;
left:36%;
width:60%;
text-align:left;
font-size:10px;
color:#FFFFFF;
letter-spacing:0px;
line-height:140%;
font-weight:700;
font-family:'Noto Serif JP';
}


.pr_w_f_title_c{
position:absolute;
top:77%;
left:39%;
width:60%;
text-align:left;
font-size:10px;
color:#FFFFFF;
letter-spacing:1px;
line-height:140%;
font-weight:700;
font-family:'Noto Serif JP';
}








/*	35th
-----------------------------------------------------------	*/

.game_a_wrap {
position:relative;
width:100%;}

.game_point{
position: absolute;
z-index: 600; 
width: 100px;  
right: 20px;
top:65%;  
}

.game_point img{
width: 100%;    
}

#reset {
display:none;
    cursor: pointer;
color: #EA5B81;   
font-size: 18px;     
color:white;    
   width:220px;  
    font-weight: bold;
    font-family: 'Kosugi Maru'; border-radius: 50px;   
    height: 50px;

background-color: #EA5B81;   
cursor:pointer;}

#timer{
color: #7F4F21;    
font-size: 28px;  
font-family: Arial, Helvetica, "sans-serif";   
margin-bottom: -5px;    
}

#start{
font-size: 18px;     
cursor:pointer;
color:white;    
   width:220px;  
    font-weight: bold;
    font-family: 'Kosugi Maru'; border-radius: 50px;   
    height: 50px;

background-color: #EA5B81;    
cursor:pointer;}


.cover {
position:absolute;
width:100%;
height:100%;
    top: 0;
    left: 0;
z-index:150;
background-color:rgba(255,255,255,0.8);}


.success {
display:none;
position:absolute;
width:100%;
height:100%;
    top: 0;
    left: 0;
z-index:170;
background-color:rgba(255,255,255,0.8);
font-size:30px;
text-align:center;
color:#FFFFFF;}

.timerwrap{
    text-align: center;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;    
text-align: center;
background-color: white;  
width: 100px;
height: 100px; 
   top: -8%;
    left: 50%;    
      transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 500;
}


#timeup{
display:none;
  font-family: 'Kosugi Maru';    
position: absolute;
color:#7F4F21;
    top: 30%;
    left: 50%;
    font-size: 36px; 
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 500;
}

span.successtext{
  font-family: 'Kosugi Maru';   color: #7F4F21; 
position: absolute;
    top: 30%;
    left: 50%;
    font-size: 36px; 
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 500;
}

.game_a_time {  

width:auto;
margin: 20px auto 0;    
z-index:200;
text-align: center;
font-size:18px;}

.countwrap{
   width: 190px; 
    margin: 0 auto;
   position: relative;    
display: flex;
justify-content: center;
align-items: center;    
}

.countwrap span.gamesub {
    display: block;
    font-size: 14px;
    color: #b28247;
 margin-bottom: 0px; 
margin-right: 7px;    
}

.countwrap::before,
.countwrap::after {
    position: absolute;
    top: 0.3rem;
    height: 1.8rem;
    content: '';
}

.countwrap::before {
    border-left: solid 2px;
    left: 0;
    transform: rotate(-30deg);
}

.countwrap::after {
    border-right: solid 2px;
    right: 0;
    transform: rotate(30deg);
}

span.gamesub{
display: block;
font-size: 14px; 
color: #b28247;  
margin-bottom: -8px;    
}

.count_area {
text-align: left;
width:70%;
font-size: 14px; 
position: relative;
color: #7F4F21;    
padding:10px 15%;}

.game_button_wrap{
position: absolute;
z-index:200;  
top:50%;    
left: 50%;
transform: translate(-50%, -50%);    
}

.game_a_inner_l {
width:50%;
text-align:left;
float:left;}

.game_a_inner_l img {
width:100%;
height:auto;}

.game_a_inner_r {
cursor:pointer;
position:relative;
width:50%;
text-align:right;
float:right;}

.game_a_inner_r img {
width:100%;
height:auto;}

.game_a_time {
text-align:center;
padding:0px 0 70px;}

.game_a_start {
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
width:200px;
margin:0 auto;
text-align:center;
padding:10px 0;
background-color:#00CC33;
color:#FFFFFF;}


.game_a_ok_a {
display:none;
position:absolute;
width:20%;
top:3%;
left:5%;
z-index:10;}

.game_a_ok_a img {
width:100%;
height:auto;}

.game_a_ok_a_area {
display:none;
position:absolute;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
width:15%;
height:5%;
top:5%;
left:5%;
z-index:100;
background-color:rgba(255,255,255,0);}






.game_a_ok_b {
display:none;
position:absolute;
width:24%;
top:9%;
left:52%;
z-index:10;}

.game_a_ok_b img {
width:100%;
height:auto;}

.game_a_ok_b_area {
display:none;
position:absolute;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
width:19%;
height:7%;
top:12%;
left:57%;
z-index:100;
background-color:rgba(255,255,255,0);}





.game_a_ok_c {
display:none;
position:absolute;
width:24%;
top:10%;
left:14%;
z-index:10;}

.game_a_ok_c img {
width:100%;
height:auto;}

.game_a_ok_c_area {
display:none;
position:absolute;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
width:12%;
height:5%;
top:15%;
left:18%;
z-index:100;
background-color:rgba(255,255,255,0);}





.game_a_ok_d {
display:none;
position:absolute;
width:24%;
top:21%;
left:11%;
z-index:10;}

.game_a_ok_d img {
width:100%;
height:auto;}

.game_a_ok_d_area {
display:none;
position:absolute;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
width:13%;
height:6%;
top:24%;
left:18%;
z-index:100;
background-color:rgba(255,255,255,0);}





.game_a_ok_e {
display:none;
position:absolute;
width:29%;
top:34%;
left:36%;
z-index:10;}

.game_a_ok_e img {
width:100%;
height:auto;}

.game_a_ok_e_area {
display:none;
position:absolute;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
width:20%;
height:8%;
top:37%;
left:40%;
z-index:100;
background-color:rgba(255,255,255,0);}





.game_a_ok_f {
display:none;
position:absolute;
width:36%;
top:33%;
left:1%;
z-index:10;}

.game_a_ok_f img {
width:100%;
height:auto;}

.game_a_ok_f_area {
display:none;
position:absolute;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
width:30%;
height:21%;
top:32%;
left:3%;
z-index:100;
background-color:rgba(255,255,255,0);}





.game_a_ok_g {
display:none;
position:absolute;
width:35%;
top:63%;
left:1%;
z-index:10;}

.game_a_ok_g img {
width:100%;
height:auto;}

.game_a_ok_g_area {
display:none;
position:absolute;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
width:30%;
height:15%;
top:65%;
left:3%;
z-index:100;
background-color:rgba(255,255,255,0);}





.game_a_ok_h {
display:none;
position:absolute;
width:20%;
top:66%;
left:39%;
z-index:10;}

.game_a_ok_h img {
width:100%;
height:auto;}

.game_a_ok_h_area {
display:none;
position:absolute;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
width:10%;
height:5%;
top:68%;
left:44%;
z-index:100;
background-color:rgba(255,255,255,0);}





.game_a_ok_i {
display:none;
position:absolute;
width:30%;
top:85%;
left:25%;
z-index:10;}

.game_a_ok_i img {
width:100%;
height:auto;}

.game_a_ok_i_area {
display:none;
position:absolute;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
width:40%;
height:10%;
top:90%;
left:20%;
z-index:100;
background-color:rgba(255,255,255,0);}





.game_a_ok_j {
display:none;
position:absolute;
width:30%;
top:83%;
left:70%;
z-index:10;}

.game_a_ok_j img {
width:100%;
height:auto;}

.game_a_ok_j_area {
display:none;
position:absolute;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
width:28%;
height:20%;
top:80%;
left:72%;
z-index:100;
background-color:rgba(255,255,255,0);}






.game_info_inner {
	margin: 0 auto;
    font-size: 18px;
    color: white;
    width: 90%;
	line-height: 22px;
    font-weight: bold;
    font-family: 'Kosugi Maru';
	background-color: #EA5B81;
	text-align: center;
padding: 9px 0;}

	
	
	
	
	

/*	35th -2 - quiz -sp
-----------------------------------------------------------	*/

.game_b_wrap {
font-family: 'Kosugi Maru';
position:relative;
margin: 0 auto;
width:100%;
max-width: 900px;
background-image: url("../img/35th/quiz/c_02_bk_sp.jpg");
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
padding-top: 200%;}


.game_b_inner {
position: absolute;
top:0;
left: 0;
width:100%;
height: 100%;
}

.game_b_header {
	position: relative;
	width: 100%;
	padding-top: 14%;
}

.game_b_icon_a {
position: absolute;
top:10px;
left: 15%;
}
	
	.game_b_icon_a img{
		width: 35px;
		height: auto;
	}	
	

.game_b_icon_b {
position: absolute;
top:10px;
right: 15%;
}

	.game_b_icon_b img{
		width: 25px;
		height: auto;
	}	
	
	

.quiz.outer-block {
width: 57%;
margin: 0 auto;
}


.quiz-question {
    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: 150px;
text-align: left;
font-size: 20px;
line-height: 26px;
width: 100%;
padding: 5px 0 15px;
	
}





.game_b_wrap input,
.game_b_wrap select,
.game_b_wrap textarea,
.game_b_wrap button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.game_b_wrap select::-ms-expand {
  display: none;
}

.game_b_wrap textarea {
  resize: vertical;
}

.game_b_wrap ::-webkit-input-placeholder {
  color: #ccc;
}

.game_b_wrap :-ms-input-placeholder {
  color: #ccc;
}

.game_b_wrap ::-ms-input-placeholder {
  color: #ccc;
}

.game_b_wrap ::-moz-placeholder {
  color: #ccc;
}

.game_b_wrap ::placeholder {
  color: #ccc;
}

.game_b_wrap button {
  border: none;
  cursor: pointer;
}

.game_b_wrap label {
  cursor: pointer;
}




.quiz-answer {
  position: relative;
}
.quiz-answer::before {
  position: absolute;
  width: 200px;
  height: 200px;
  font-size: 200px;
  opacity: 0.7;
  top: 40px;
  left: 0;
  right: 0;
  margin: auto;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  z-index: 2;
  pointer-events: none;
}
.quiz-answer.is-correct .checked {
  background: #ffb3b3;
}
.quiz-answer.is-correct::before {
  content: "〇";
  color: #FF6CE1;
  opacity: 0.8;
}
.quiz-answer.is-incorrect .checked {
  background: #b3c7ff;
}
.quiz-answer.is-incorrect::before {
  content: "×";
  color: #708AFF;
}



.quiz-question-number {
  font-size: 15px;
  font-weight: bold;
	padding: 10px 0 0;
}




.quiz-answer li {
  position: relative;
	width: 100%;
	float: none;
	-webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.quiz-answer li label {
	
	-webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #222;
  display: block;
  margin: 0 auto;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 4px 2px 4px 23px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.16;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  white-space: pre-wrap;
}
.quiz-answer li label:hover {
  background-color: rgba(255,255,255,0) !Important;
}
.quiz-answer li label.is-checked {
  pointer-events: none;
}
.quiz-answer li::after {
  position: absolute;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  content: "";
  width: 20px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
  pointer-events: none;
}
.quiz-answer li:nth-child(1)::after {
  content: "1";
	font-family: Noto Serif JP;
	color: #B28247;
}
.quiz-answer li:nth-child(2)::after {
  content: "2";
	font-family: Noto Serif JP;
	color: #B28247;
	border-left: none;
}
.quiz-answer li:nth-child(3)::after {
  content: "3";
	font-family: Noto Serif JP;
	color: #B28247;
}
.quiz-answer li:nth-child(4)::after {
  content: "4";
	font-family: Noto Serif JP;
	color: #B28247;
	border-left:  none;
}

.quiz-answer li {
	border-top: 1px solid #B28247;
}

.quiz-answer li:nth-child(3) {
	border-bottom: none;
}
	
.quiz-answer li:nth-child(4) {
	border-bottom: 1px solid #B28247;
}







.finish {
  display: none;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 3;
}
.finish.is-show {
	display: block;
}
.finish .score-wrap {
  text-align: center;
  color: #E7315C;
	padding-top: 0px;
}
.finish .score-wrap .score {
  font-size: 36px;
  font-weight: bold;
}
.finish .score-wrap .ja {
  font-size: 24px;
}
.finish .score-wrap .full {
  font-size: 20px;
}
.finish .goback-button {
  font-size: 16px;
  color: #E7315C;
  margin-top: 140px;
  display: inline-block;
}


	

.trivia_btn {
    width: 50%;
  top: 43%;
  right: 25%;
}

.trivia_item {
	-webkit-box-sizing: border-box;
          box-sizing: border-box;
    width: 60%;
  top: 10%;
  right: 20%;
}

	
	
	
.quiz-start {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 3;
}

.quiz-start-wrap {
	width: 61%;
	padding-top: 58%;
	height: 39%;
	background-color: #ffffff;
	margin: 14% auto 0;
}

.quiz-start-btn {
    margin: 0 auto;
    font-size: 18px;
    color: white;
    width: 70%;
    line-height: 22px;
    font-weight: bold;
    font-family: 'Kosugi Maru';
    background-color: #EA5B81;
    text-align: center;
    padding: 17px 0;
	cursor: pointer;
}

.quiz-start-btn:hover {
    background-color: #E7315C;
}




.quiz-kekka-wrap {
	width: 61%;
	height: 66%;
	margin: 14% auto 0;
	background-color: rgba(255,255,255,0.70);
}

.kekka-0 .quiz-kekka-wrap ,
.kekka-1 .quiz-kekka-wrap ,
.kekka-2 .quiz-kekka-wrap ,
.kekka-3 .quiz-kekka-wrap {
	background-image: url("../img/35th/quiz/kekka_a_sp.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}

.kekka-4 .quiz-kekka-wrap ,
.kekka-5 .quiz-kekka-wrap ,
.kekka-6 .quiz-kekka-wrap {
	background-image: url("../img/35th/quiz/kekka_b_sp.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}

.kekka-7 .quiz-kekka-wrap ,
.kekka-8 .quiz-kekka-wrap ,
.kekka-9 .quiz-kekka-wrap {
	background-image: url("../img/35th/quiz/kekka_c_sp.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}

.kekka-10 .quiz-kekka-wrap {
	background-image: url("../img/35th/quiz/kekka_m_sp.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}




    .quiz_icon_01_ani {
      -webkit-animation: quiz_icon_01_ani-m01 10s ease 0s infinite;
      animation: quiz_icon_01_ani-m01 10s ease 0s infinite;
    }
    @-webkit-keyframes quiz_icon_01_ani-m01 {
      0%   { -webkit-transform: translate(0%, 0%) rotate(-20deg); }
	  20%   { -webkit-transform: translate(10%, 0%) rotate(0deg); }
	  40%   { -webkit-transform: translate(20%, 5%) rotate(-10deg); }
	  60%   { -webkit-transform: translate(40%, 0%) rotate(0deg); }
	  70%   { -webkit-transform: translate(30%, 5%) rotate(-15deg); }
	  80%   { -webkit-transform: translate(20%, 0%) rotate(0deg); }
	  90%   { -webkit-transform: translate(10%, 5%) rotate(-10deg); }
	  100%   { -webkit-transform: translate(0%, 0%) rotate(-20deg); }

	  
    }
    @keyframes quiz_icon_01_ani-m01 {
      0%   { -webkit-transform: translate(0%, 0%) rotate(-20deg); }
	  20%   { -webkit-transform: translate(10%, 0%) rotate(0deg); }
	  40%   { -webkit-transform: translate(20%, 5%) rotate(-10deg); }
	  60%   { -webkit-transform: translate(40%, 0%) rotate(0deg); }
	  70%   { -webkit-transform: translate(30%, 5%) rotate(-15deg); }
	  80%   { -webkit-transform: translate(20%, 0%) rotate(0deg); }
	  90%   { -webkit-transform: translate(10%, 5%) rotate(-10deg); }
	  100%   { -webkit-transform: translate(0%, 0%) rotate(-20deg); }
    }



    .quiz_icon_02_ani {
      -webkit-animation: quizicon_02_ani-m01 12s ease 0s infinite;
      animation: quiz_icon_02_ani-m01 12s ease 0s infinite;
    }
    @-webkit-keyframes quiz_icon_02_ani-m01 {
      0%   { -webkit-transform: translate(0%, 0%) rotate(-20deg); }
	  20%   { -webkit-transform: translate(-30%, 0%) rotate(-40deg); }
	  40%   { -webkit-transform: translate(-60%, 10%) rotate(-20deg); }
	  50%   { -webkit-transform: translate(-90%, 10%) rotate(-40deg); }
	  60%   { -webkit-transform: translate(-130%, 0%) rotate(-20deg); }
	  70%   { -webkit-transform: translate(-90%, -5%) rotate(-10deg); }
	  80%   { -webkit-transform: translate(-60%, 0%) rotate(-30deg); }
	  90%   { -webkit-transform: translate(-30%, 5%) rotate(-10deg); }
	  100%   { -webkit-transform: translate(0%, 0%) rotate(-20deg); }

	  
    }
    @keyframes quiz_icon_02_ani-m01 {
      0%   { transform: translate(0%, 0%) rotate(-20deg); }
	  20%   { transform: translate(-30%, 0%) rotate(-40deg); }
	  40%   { transform: translate(-60%, 10%) rotate(-20deg); }
	  50%   { transform: translate(-90%, 10%) rotate(-40deg); }
	  60%   { transform: translate(-130%, 0%) rotate(-20deg); }
	  70%   { transform: translate(-90%, -5%) rotate(-10deg); }
	  80%   { transform: translate(-60%, 0%) rotate(-30deg); }
	  90%   { transform: translate(-30%, 5%) rotate(-10deg); }
	  100%   { transform: translate(0%, 0%) rotate(-20deg); }
    }



	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	





/*	go-top
-----------------------------------------------------------	*/
.go-top-wrap{
position:relative;
float:right;
width:70px;
height:115px;
z-index:1000;}

.go-top-wrap a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";}

.go-top-wrap_pr{
position:relative;
float:right;
width:70px;
height:115px;
padding-top: 50px;}

.go-top-wrap_pr a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";}


.go-top {
width:70px;
height:115px;}


.go-top img {
width:100%;
height:auto;}


.go-top-wrap-fr{
position:absolute;
right:0px;
bottom:0px;
width:70px;
height:115px;}

.go-top-wrap-fr a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";}


.go-top-fr {
width:70px;
height:115px;}


.go-top-fr img {
width:100%;
height:auto;}



    .go-top-ani {
      -webkit-animation: go-top-ani-m01 3s ease-in-out 0s infinite;
      animation: go-top-ani-m01 3s ease-in-out 0s infinite;
    }

	
    @-webkit-keyframes go-top-ani-m01 {	
  0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
  50%  { -webkit-transform: scale(1.0, 1.0) translate(0%, -15%); }
  100% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
	  
    }
    @keyframes go-top-ani-m01 {	  
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  50%  { transform: scale(1.0, 1.0) translate(0%, -15%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }

    }









/*	フッター
-----------------------------------------------------------	*/




.tradename {
    border-top: 1px solid #ccd0d9;
    padding: 18px 0 18px;
}

.tradename > p {
    text-align: left;
    font-size: 71.42857%;
    width: 98%;
    margin: 0 auto;
}

.peter-rabbit {
    border-top: 1px solid #ccd0d9;
    background-color: #f6f4ed;
}

.peter-rabbit-inner {
    width: 95%;
    margin: 0 auto;
    padding: 15px 4% 100px 1%;
    background: url(../img/bg_peter_rabbit.jpg) right bottom no-repeat;
}

.peter-rabbit-inner img {
width:100%;
height:auto;}

.group-page-footer {
    border-top: 1px solid #ccd0d9;
    background: url(../img/footer_page_bg.png) 0 0 repeat-x;
}

.group-page-footer-inner {
    overflow: hidden;
    zoom: 1;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 30px 0;
}

.group-page-footer-inner .copyright {
text-align:center;
    font-size: 71.42857%;
}



/*	プレロード
-----------------------------------------------------------	*/
#pre-i_0 {
width:0px;
height:0px;
display:inline;
background-image:url(../img/navi_btn_00_on.gif);
}

#pre-i_1 {
width:0px;
height:0px;
display:inline;
background-image:url(../img/navi_btn_01_on.gif);
}

#pre-i_2 {
width:0px;
height:0px;
display:inline;
background-image:url(../img/navi_btn_02_on.gif);
}

#pre-i_3 {
width:0px;
height:0px;
display:inline;
background-image:url(../img/navi_btn_03_on.gif);
}

#pre-i_4 {
width:0px;
height:0px;
display:inline;
background-image:url(../img/navi_btn_04_on.gif);
}

#pre-i_5 {
width:0px;
height:0px;
display:inline;
background-image:url(../img/navi_btn_05_on.gif);
}

#pre-i_6 {
width:0px;
height:0px;
display:inline;
background-image:url(../img/navi_btn_06_on.gif);
}






/*	370px以下
-----------------------------------------------------------	*/
@media only screen and (max-width: 370px){


.group-header .id-area-navi {
  width: 100%;
  max-width:400px;
  padding:0 0px;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
  height: auto;
  }


.mufg_pr_title_a p{
margin:20px auto 0px;
	padding:10px 0 40px 25%;
	display:block;
position:relative;
top:0px;
left:0;
width:70%;
text-align:left;
font-size:15px;
line-height:150%;
letter-spacing:0px;
font-weight:bold;
font-family:'Noto Serif JP';
	background-image:url(../img/mufg_pr_bk_a_sp--tt.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% auto;
}

	
	
.anv_head_btn .top-btn_cnt_b p{
position:absolute;
top:52%;
left:32%;
width:39%;
text-align:left;
font-size:12px;
	line-height: 16px !important;
letter-spacing:0px;
color:#7E4C1E;
font-weight:bold;
line-height:140%;
}
	
	
.quiz-question {
    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: 150px;
text-align: left;
font-size: 19px;
line-height: 24px;
width: 100%;
padding: 5px 0 15px;
	
}
	
	
.quiz-answer li label {
	
	-webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #222;
  display: block;
  margin: 0 auto;
  height: 65px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 4px 2px 4px 23px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.16;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  white-space: pre-wrap;
}
	
	
	

}





@media screen\0 {
    /*　IE8-11はここを読み込む　*/



/*	IE8-11用動きフック
-----------------------------------------------------------	*/

    .han01 {
      -webkit-animation: han-m01-ie 2s ease 6s 1 forwards;
      animation: han-m01-ie 2s ease 6s 1 forwards;
    }

    .egg01 {
      -webkit-animation: egg-m01-ie 3s ease 9s 1 forwards;
      animation: egg-m01-ie 3s ease 9s 1 forwards;
    }
	
    .egg02 {
      -webkit-animation: egg-m02-ie 3s ease 11s 1 forwards;
      animation: egg-m02-ie 3s ease 11s 1 forwards;
    }
	



}




@supports (-ms-ime-align: auto) {
    /*　EDGEはここを読み込む　*/


/*	EDGE用動きフック
-----------------------------------------------------------	*/

    .han01 {
      -webkit-animation: han-m01-edge 2s ease 6s 1 forwards;
      animation: han-m01-edge 2s ease 6s 1 forwards;
    }
}

	



/*	印刷時
-----------------------------------------------------------	*/
@media print {



.go-top-wrap,
.go-top-wrap-fr
 {
display:none;
}


}