@charset "utf-8";

/*===============================
setting
=============================== */

html, body{
width: 100%;
overflow-x: hidden;
}


#Main_inner{
margin:0 auto;
position:relative;
padding-bottom: 57px;
}

.star_effects {
margin:-185px 0 0 0!important;
}

#Cont{
width: 100%;
}

#Cont img {
margin:0 auto;
width:100%;
height:auto;
}

.protect{
position:relative;
}

.protect span{
display:block;
width:100%;
position:absolute;
top:0;
left:0;
opacity:0.5;
}

.noVisual {
position: absolute;
top: 0;
left: 0;
width: 1px;
font-size: 1px;
overflow: hidden;
}



/*===============================
module
=============================== */

/*--------------
slider
-------------- */

#official_top .film_roll_wrapper{
display:block;
text-align:center;
float:none;
position:relative;
top:auto;
right:auto;
bottom:auto;
left:auto;
z-index:auto;
width:90%;
height:auto;
margin:0 auto !important;
padding:0 0 5px 0 !important;
overflow:hidden;
}
#sportland, #sportsea, .film_roll_wrapper {
display:block;
text-align:center;
float:none;
position:relative;
top:auto;
right:auto;
bottom:auto;
left:auto;
z-index:auto;
width:100%;
height:auto;
margin:0 auto !important;
padding:0 0 0 0 !important;
overflow:hidden;
}
.film_roll_shuttle{
text-align:left;
float:none;
position:relative;
top:0;
left:0;
right:auto;
bottom:auto;
height:100%;
margin:0 !important;
padding:0 !important;
z-index:auto;
}
#film_roll_2 .film_roll_wrapper {
display:block;
text-align:center;
float:none;
position:relative;
top:auto;
right:auto;
bottom:auto;
left:auto;
z-index:auto;
width:100%;
height:auto;
margin:0 auto !important;
padding:0 0 0 0 !important;
overflow:hidden;
}
.film_roll_shuttle.vertical_center:before{
content:'';
display:inline-block;
height:100%;
vertical-align:middle;
margin-right:-0.25em;
}
.film_roll_child{
position:relative;
display:inline-block;
*display:inline;
vertical-align:middle;
zoom:1;
}
#film_roll div img{
width:90%!important;
height:auto!important;
margin:0% 3% 0 3%;
}
#film_roll_2 div img{
width:90%!important;
height:auto!important;
margin:0 5% 0 5%;
}
#film_roll_03 div img{
width:90%!important;
height:auto!important;
margin:0 5% 0 5%;
}
#film_roll_04 div img{
width:90%!important;
height:auto!important;
margin:0 5% 0 5%;
}
#film_roll_05 div img{
width:90%!important;
height:auto!important;
margin:0 5% 0 5%;
}
#film_roll_06 div img{
width:90%!important;
height:auto!important;
margin:0 5% 0 5%;
}
#film_roll_07 div img{
width:90%!important;
height:auto!important;
margin:0 5% 0 5%;
}
#film_roll_08 div img{
width:90%!important;
height:auto!important;
margin:0 5% 0 5%;
}
#film_roll_09 div img{
width:90%!important;
height:auto!important;
margin:0 5% 0 5%;
}
#film_roll_10 div img{
width:90%!important;
height:auto!important;
margin:0 5% 0 5%;
}
#film_roll_11 div img{
width:90%!important;
height:auto!important;
margin:0 5% 0 5%;
}
#film_roll_12 div img{
width:90%!important;
height:auto!important;
margin:0 5% 0 5%;
}
#film_roll div .sld_btn{
position:absolute;
bottom:0px;
right:0px;
}
#film_roll div .sld_btn{
text-align:center;
}
#film_roll div .sld_btn img{
width:100% !important;
}
.film_roll_prev,.film_roll_next{
position:absolute;
padding:0;
font-size:0;
}
.film_roll_prev{
background: url(../images/sct_btn_arrowL.png) no-repeat;
background-size:27% auto;
border:none;
width:27%;
height:100px;
top:35%;
left:0;
margin:0;
padding:0;
font-size:0;
}
.film_roll_next{
background: url(../images/sct_btn_arrowR.png) no-repeat;
background-size:27% auto;
border:none;
width:27%;
height:100px;
top:35%;
right:-20%;
margin:0;
padding:0;
display:block;
font-size:0;
}


#history .film_roll_prev,.film_roll_next{
position:absolute;
padding:0;
font-size:0;
}
#history .film_roll_prev{
background: url(../images/top_history_arrowL.png) no-repeat;
background-size:20% auto;
border:none;
width:30%;
height:82px;
top:30%;
left:0;
margin:0px 0 0 0;
padding:0 0 0 0;
font-size:0;
}
#history .film_roll_next{
background: url(../images/top_history_arrowR.png) no-repeat;
background-size:20% auto;
border:none;
width:30%;
height:82px;
top:30%;
right:-24%;
margin:0px 0 0 0;
padding:0 0 0 0;
font-size:0;
}
#history .film_roll_pager{
display:none;
text-align:center;
padding:0 0 0 2%;
margin:0 0 0 0 ;
}
#history .film_roll_pager a{
width:24%;
height:45px;
border-radius:8px;
display:inline-block;
margin:0 1% 0 0;
transition:all 1s ease;
}
#history .film_roll_pager a.active{
}
#history .film_roll_pager span{
display:none
}
.film_roll_pager a,a.film_roll_prev,a.film_roll_next{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}



#sportland .film_roll_pager {
display:none;
}



#sportsea .film_roll_pager {
display:none;
}

.photo_one{
margin:0 auto;
background-color:#fff;
}
.photo_one .hisory_img01{
text-align:center;
margin:0 auto;
width:43%;
}

/*--------------
share
-------------- */

#sectionShare {
border-top: 0;
padding-top: 0;
width:90%;
margin:0 auto;
}
#sectionShare .txtH3 {
text-align: center;
font-weight: bold;
color: #fff !important;
font-size: 1.4em;
padding-left: 0;
}
#sectionShare .txtH3:before {
display: none;
}
#sectionShare .shareList {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
text-align: center;
margin-top: 10px;
}
#sectionShare .shareItem {
display: table-cell;
vertical-align: middle;
height: 100%;
}
#sectionShare .shareInner {
display: block;
height: 100%;
padding: 5px 2.5%;
color: #fff;
font-size: 1.1em;
font-weight: bold;
background-repeat: no-repeat;
background-position: left center;
vertical-align: middle;
-webkit-transition: .3s;
transition: .3s;
}
#sectionShare .shareInner:hover {
opacity: .7;
text-decoration: none;
}
#sectionShare .shareItem:nth-of-type(1) .shareInner {
background-color: #1877f2;
margin: 0 6px 0 0;
}
#sectionShare .shareItem:nth-of-type(2) .shareInner {
background-color: #00aaf2;
margin: 0 3px 0;
}
#sectionShare .shareItem:nth-of-type(3) .shareInner {
background-color: #00c300;
margin: 0 0 0 6px;
}
#sectionShare .shareInner:before {
content: "";
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
margin-right: 10px;
}
#sectionShare .shareItem:nth-of-type(1) .shareInner:before {
width: 25px;
height: 40px;
background-image: url(../images/ico_fb.png);
}
#sectionShare .shareItem:nth-of-type(2) .shareInner:before {
width: 30px;
height: 40px;
background-image: url(../images/ico_tw.png);
}
#sectionShare .shareItem:nth-of-type(3) .shareInner:before {
width: 40px;
height: 40px;
background-image: url(../images/ico_l.png);
}
#sectionShare .txtNotes {
color: #f00000;
text-align: center;
margin-top: 8px;
}



/*===============================
#official_top
=============================== */

#official_top {
padding:0;
margin:0 auto;
text-align:center;
}

/*--------------
navi_index
-------------- */
#official_top #navi {
position:relative;
border-top:solid 10px #C30003;
}
#official_top #navi .navi_cont{
width:100%;
}
#official_top h1 {
position:absolute;
top:-10px;
left:0;
right:0;
width:30%;
margin:auto;
}

#official_top #navi ul {
padding:0;
margin:0 0 0 0;
}
#official_top #navi li {
width:33%;
float:left;
}

#official_top #btn_sea {
width:33%;
margin: 0 0 0 34%;
}
#official_top #navi ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #official_top #navi ul  { display:inline-block; }
*:first-child+html #official_top #navi ul { display:inline-block; }



#official_top #mv {
padding:0% 0 5% 0;
margin:5% auto 0 auto;
text-align:center;
width:90%;
}
#official_top .topic {
width:100%;
margin:0 auto;
padding:5% 0 0;
}
#official_top #mv .topic p {
width:13%;
}
#official_top #mv .topic dl{
width:100%;
text-align: left;
}
#official_top #mv .topic dt{
float: left;
padding:0 0 0 1%;
width: 100%;
font-size:16px;
color:#C50012;
}
#official_top #mv .topic dd{
font-size:14px;
padding:2px 0 0 0;
}
#mv .topic p :after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #mv .topic p  { display:inline-block; }
*:first-child+html #mv .topic p { display:inline-block; }



#official_top #banner {
position:relative;
width:100%;
margin:0 auto;
padding:0;
}
#official_top #banner ul{
}

#official_top #banner p{
padding:0 5% 5% 5%;
}
#official_top #banner li:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #official_top #banner li { display:inline-block; }
*:first-child+html #official_top #banner li { display:inline-block; }

#official_top #banner .arrowL{
position:absolute;
top:20px;
}
#official_top #banner .arrowR{
position:absolute;
top:20px;
right:0;
}



#official_top .red_bg {
background-color:#C40012;
}



#official_top #state {
background:url(../images/top_state_img_bg.png);
background-position:top;
background-size:150%;
background-repeat:no-repeat;
}
#official_top #state p {
margin:0 auto 0 auto;
width:90%;
}



#official_top .support_bg{
background:url(../images/top_support_bg.png);
background-position:bottom;
background-size:150%;
background-repeat:no-repeat;
padding:70px 0 0 0;
}
#official_top #support {
width:100%;
margin:0 auto;
}

#official_top #support p {
width:30%;
margin:0 auto;
}
#official_top #support ul {
width:100%;
margin:0 5% 0 45px;
}
#official_top #support li {
padding:0 0 0 6%;
width:40%;
float:left;
}
#official_top #support ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #official_top #support ul  { display:inline-block; }
*:first-child+html #official_top #support ul { display:inline-block; }

#official_top #history{
margin:0;
padding:0;
position:relative;
}

#official_top #history .history_bg {
background-image:url(../images/top_history_bg_3.png);
background-repeat:no-repeat;
background-position:top;
background-size:90% auto;
margin:-60px 0 0 0;
}
#official_top #history .history_ttl {
text-align:center;
position:absolute;
top:-7%;
left:0;
z-index:9999;
width:100%;
}
#official_top #history .history_ttl img {
width:50%;
}
#official_top #history .hisory_img{
width:53%;
}
#history #list p {
width:10%;
margin:0 auto;
padding:0 0 1% 0;
}
#history #list .tab {
position:absolute;
top:34%;
left:3%;
z-index:200;
width:94%;
margin:0;
padding:0;
text-align:center;
background:#FFF;
}
#history #list .tab.hide {
position:absolute;
z-index:100;
top:34%;
left:3%;
}
#history #list .tab p {
width:auto;
}
#history #list .tab p img {
width:auto;
}
#official_top #history .history_btn_list_wrap {
margin:-5% auto 0 auto;
background-color:#c40012;
width:90%;
overflow:hidden;
}
#official_top #history #history_btn_list_tdl,
#official_top #history #history_btn_list_tds,
#official_top #history #history_btn_list_tdr {
margin-top:25px;
}
#official_top #history #history_btn_list_tds,
#official_top #history #history_btn_list_tdr {
float:left;
box-sizing:border-box;
width:50%;
}
#official_top #history .history_btn_list_ttl {
margin-bottom:15px;
height:23px;
}
#official_top #history .history_btn_list_ttl img {
width:auto;
}
#official_top #history ul#hisory_tdl,
#official_top #history ul#hisory_tds {
background-color:#970001;
}
#official_top #history ul#hisory_tdr {
padding-left:13px;
background-color:#820001;
text-align:left;
}
#official_top #history li{
display:inline-block;
padding:1% 0 0 0;
}
#official_top #history ul#hisory_tdl li {
width:24%;
}
#official_top #history ul#hisory_tds li {
width:30%;
}
#official_top #history ul#hisory_tdr li {
width: calc((100% + 13px) * 0.3);
}
#history #list {
position:relative;
width:86%;
margin:18% auto 0 auto;
padding:0 0 58% 0;
}

#history #list .hide {
position:absolute;
z-index:100;
}

#official_top #sectionShare {
padding: 40px 0 0 0;
}

#special_erea {
text-align:center;
margin:0 auto;
}
#special_erea .special_ttl{
padding:30px 0 0 0 ;
width:35%;
text-align:center;
margin:0 auto;
}
#special_erea .special_btn {
text-align:center;
margin:0 auto;
padding:3% 5% 5% 5%;
}

.btn_disny{
width:60%;
margin:5% auto;
}
#official_top .btn_official{
padding:0 5%;
width:80%;
margin:0 auto;
}

#special_erea .special_btn .pc {
display: inline-block;
}
#special_erea .special_btn .sp {
display: none;
}


/*===============================
#sportland
=============================== */

#sportland {
background-color:#c50514;
padding:0;
margin:0 auto;
text-align:center;
}
#sportland #navi {
margin:0 auto 0 auto;
border-top:solid 10px #C30003;
background:url(../images/white_tablet.gif);
background-repeat:no-repeat;
background-size:100%;
}
#sportland, #navi .navi_cont{
width:100%;
margin:0 auto;
position:relative;
}
#sportland h1 {
position:absolute;
top:-10px;
left:0;
right:0;
width:30%;
margin:auto;
}
#sportland #navi ul {
width:100%;
margin:0 auto;
}
#sportland #navi li {
float:left;
width:32%;
}



#sportland #btn_land {
margin:0 0 0 0px;
padding:0;
}
#sportland #btn_sea {
margin:0 0 0 34%;
}
#sportland #navi ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #sportland #navi ul  { display:inline-block; }
*:first-child+html #sportland #navi ul { display:inline-block; }

#sportland .top_bg {
background-image:url(../images/land_ttl_bg.png) ;
margin:-8px 0 0 0;
background-size:130%;
background-repeat:no-repeat;
background-position:top;
}



#sportland .tittle {
margin:0 auto;
}
#sportland .tittle h2 {
padding:100px 0 0 0;
width:50%;
margin:0 auto;
}
#sportland .tittle p {
padding:30px 0 40px 0;
color:#fff;
text-align:center;
margin:0 auto;
width:100%;
}
#sportland .tittle p span {
display:none;
}



#sportland #maps {
position:relative;
width:90%;
margin:0 auto;
}
#sportland #maps p.day {
position:absolute;
bottom:-20px;
right:3%;
font-size:14px;
line-height:20px;
color:#FFFFFF;
text-align:right;
}
#sportland #maps .mark01 {
position:absolute;
top:340px;
left:355px;
display:none;
}
#sportland #maps .mark_ttl01 {
position:absolute;
width:43%;
top:62%;
left:33.5%;
}
#sportland #maps .mark02 {
position:absolute;
top:350px;
left:260px;
display:none;
}
#sportland #maps .mark_ttl02 {
position:absolute;
width:36.5%;
top:46%;
left:0%;
}



#sportland #section01 .image {
background-image:url(../images/land_sct01_img_bgtop_pc.jpg);
background-repeat: no-repeat;
background-position:0 0;
background-size:100% auto;
margin:0 1px 0 1px;
padding:0 0 38% 0;
}
#sportland #section01 .image img {
display:none;
}
#sportland #section02 .image {
background-image:url(../images/land_sct02_img_bgtop_pc.jpg);
background-repeat: no-repeat;
background-position:0 0;
background-size:100% auto;
margin:0 1px 0 1px;
padding:0 0 38% 0;
}
#sportland #section02 .image img {
display:none;
}



/*--------------
sect01
-------------- */

#section01 {
padding:40px 0 100px 0;
width:90%;
margin:0 auto;
position:relative;
}
#section01 .minimap {
position:absolute;
top:10px;
left:-20px;
width:50%;
}
#section01 .section_bg {
background-image:url(../images/land_sct01_img_bg_pc.png);
background-repeat:repeat-y;
background-position:0 0;
background-size:100% auto;
}
#section01 h4 {
width:80%;
margin:0 auto;
}
#section01 .photo {
margin:30px auto;
width:90%;
}
#section01 .photo {
margin:30px auto;
}
#section01 dt {
width:80%;
margin:0 auto;
}
#section01 dd {
padding:7% 10% 10% 10%;
text-align:left;
line-height:2.0em;
}

#section01 .bottom {
position:relative;
}
#section01 .disnybtn {
position:absolute;
top:0;
left:20%;
width:60%;
margin:0 auto;
}

.disnybtn a:hover img {
opacity: 0.8 ;
}

/*--------------
sect02
-------------- */

#section02 {
padding:40px 0 100px 0;
width:90%;
margin:0 auto;
position:relative;
}
#section02 .minimap {
position:absolute;
top:10px;
left:55%;
width:50%;
}
#section02 .section_bg {
background-image:url(../images/land_sct01_img_bg_pc.png);
background-repeat:repeat-y;
background-size:100%;
}
#section02 .photo {
margin:30px auto;
width:90%;
}
#section02 h4 {
width:78%;
margin:0 auto;
}
#section02 .photo {
margin:30px auto;
width:90%;
}
#section02 .photo {
margin:30px auto;
}
#section02 dt {
width:80%;
margin:0 auto;
}
#section02 dd {
padding:7% 10% 10% 10%;
text-align:left;
line-height:2.0em;
}

#section02 .bottom {
position:relative;
}
#section02 .disnybtn {
position:absolute;
top:0;
left:20%;
width:60%;
margin:0 auto;
}

.disnybtn a:hover img {
opacity: 0.8 ;
}
#sportland .btn_area {
width:90%;
margin:0 auto;
padding:40px 0 60px 0;
}
#sportland .bg_cection_area{
background-image:url(../images/land_sct_bg.png);
background-repeat:repeat-y;
background-position:center;
background-size:130%;
}
#sportland .btn_official {
padding:40px 0 40px 0;
background:#fff
}
#sportland .btn_official p{
padding:40px 0 0 0;
width:80%;
margin:0 auto;
}



/*===============================
#sportsea
=============================== */
#sportsea {
background-color:#c50514;
padding:0;
margin:0 auto;
text-align:center;
}



#sportsea #navi {
margin:0 auto 0 auto;
border-top:solid 10px #C30003;
background:url(../images/white_tablet.gif);
background-repeat:no-repeat;
background-size:100%;
}
#sportsea #navi .navi_cont{
width:100%;
margin:0 auto;
position:relative;
}
#sportsea h1 {
position:absolute;
top:-10px;
left:0;
right:0;
width:30%;
margin:auto;
}
#sportsea #navi ul {
width:100%;
margin:0 auto;
}
#sportsea #navi li {
float:left;
width:32%;
}



#sportsea #btn_land {
margin:0 0 0 0px;
padding:0;
}
#sportsea #btn_sea {
margin:0 0 0 34%;
}
#sportsea #navi ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #sportsea #navi ul { display:inline-block; }
*:first-child+html #sportsea #navi ul { display:inline-block; }



#sportsea .top_bg {
background:url(../images/land_ttl_bg.png) top no-repeat;
margin:-8px 0 0 0;
background-size:130%;
}



#sportsea .tittle {
margin:0 auto;
}


#sportsea .tittle h2 {
padding:100px 0 0 0;
width:50%;
margin:0 auto;
}
#sportsea .tittle p {
padding:30px 0 40px 0;
color:#fff;
text-align:center;
margin:0 auto;
width:100%;
}

#sportsea .tittle p span {
display:none;
}

#sportsea #state{
padding:25px 0 0 0 ;
}


#sportsea #maps {
position:relative;
width:90%;
margin:0 auto;
}

#sportsea #maps p.day {
position:absolute;
bottom:-20px;
right:0px;
font-size:14px;
line-height:20px;
color:#FFFFFF;
text-align:right;
}
#sportsea #maps .mark01 {
position:absolute;
top:290px;
left:54px;
display:none;
}
#sportsea #maps .mark_ttl01 {
position:absolute;
top:66%;
left:8%;
width:37%;
}
#sportsea #maps .mark02 {
position:absolute;
top:300px;
left:80px;
display:none;
}
#sportsea #maps .mark_ttl02 {
position:absolute;
top:25%;
left:6%;
width:37%;
}



#sportsea #section01 .image {
background-image:url(../images/sea_sct01_img_bgtop_pc.jpg);
background-repeat: no-repeat;
background-position:0 0;
background-size:100% auto;
margin:0 1px 0 1px;
padding:0 0 38% 0;
}
#sportsea #section01 .image img {
display:none;
}
#sportsea #section02 .image {
background-image:url(../images/sea_sct02_img_bgtop_pc.jpg);
background-repeat: no-repeat;
background-position:0 0;
background-size:100% auto;
margin:0 1px 0 1px;
padding:0 0 38% 0;
}
#sportsea #section02 .image img {
display:none;
}



#sportsea .btn_area {
padding:40px 0 60px 0;
width:90%;
margin:0 auto;
}
#sportsea .btn_official {
padding:40px 0 40px 0;
background:#fff
}
#sportsea .btn_official p{
padding:40px 0 0 0;
width:80%;
margin:0 auto;
}
#sportsea .bg_cection_area{
background-image:url(../images/land_sct_bg.png);
background-repeat:repeat-y;
background-position:center;
margin:-4% 0 0 0;
background-size:130%;
}



/*===============================
#state
=============================== */

#state {
background-color:#c50514;
padding:0;
margin:0 auto;
text-align:center;
}
#state #navi {
margin:0 auto 0 auto;
border-top:solid 10px #C30003;
background:url(../images/white_tablet.gif);
background-repeat:no-repeat;
background-size:100%;
}
#state #navi .navi_cont{
width:100%;
margin:0 auto;
position:relative;
}
#state h1 {
position:absolute;
top:-10px;
left:0;
right:0;
width:30%;
margin:auto;
}
#state #navi ul {
width:100%;
margin:0 auto;
}
#state #navi li {
float:left;
width:32%;
}



#state #btn_land {
margin:0 0 0 0px;
padding:0;
}
#state #btn_sea {
margin:0 0 0 34%;
}
#state #navi ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #state #navi ul  { display:inline-block; }
*:first-child+html #state #navi ul { display:inline-block; }


#state #mv {
background-image:url(../images/state_bg_01.png);
background-repeat:no-repeat;
background-position:top;
background-size:130%;
margin:-8px 0 0 0;

}
#state .bg_bottom{
background-image:url(../images/state_bg_02.png);
background-repeat:no-repeat;
background-position:bottom;
position:relative;
background-size:130%;

}
#state #mv p {
width:90%;
margin:0 auto;
}


#state .massage{
margin:-120px 150px 0 0;
padding:20px 0 0 50px;

}
#state .massage .kira{
position:absolute;
top:280px;
right:0;
width:30%;
}
#state .btnarea  {
margin:0 auto;
padding:0;
}


#state .btnarea ul {
margin:50px -20px 0 0;
padding:0;
width:100%;
}
#state .btnarea li {
display:inline-block;
padding:0 20px 0 0;
width:38%;
}
#state li :after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #state li  { display:inline-block; }
*:first-child+html #state li { display:inline-block; }

#state .white_bg{
background:#fff;
margin:0 auto;
}
#state .snsArea {
margin:0 auto;
padding:20px 0 0 0;
}



#state .btn_official {
padding:40px 0 40px 0;
background:#fff
}

#state .btn_official p{
padding:40px 0 0 0;
width:80%;
margin:0 auto;
}


/*===============================
#report
=============================== */
#report {
background-color:#c50514;
padding:0;
margin:0 auto;
text-align:center;
}

/* navi */
#report #navi {
margin:0 auto 0 auto;
border-top:solid 10px #C30003;
background:url(../images/white_tablet.gif);
background-repeat:no-repeat;
background-size:100%;
}
#report #navi .navi_cont{
width:100%;
margin:0 auto;
position:relative;
}
#report h1 {
position:absolute;
top:-10px;
left:0;
right:0;
width:30%;
margin:auto;
}
#report #navi ul {
width:100%;
margin:0 auto;
}
#report #navi li {
float:left;
width:32%;
}
#report #btn_land {
margin:0 0 0 0px;
padding:0;
}
#report #btn_sea {
margin:0 0 0 34%;
}
#report #navi ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #report #navi ul  { display:inline-block; }
*:first-child+html #report #navi ul { display:inline-block; }


/* main-visiual */
#report .main-visiual {
margin-top: -8px;
padding: 30px 0 20px;
background: url(../images/report_mv_bg.png) 50% 0 no-repeat;
background-size: 140% auto;
}
#report .main-visiual h2{
width: 96%;
margin: 0 auto;
}
#report .main-visiual h2 img{
display: inline-block;
}

/* report-cont */
#report .report-cont {
background: url(../images/report_sct_bg.png) 50% 0 repeat-y;
background-size: 140% auto;
}

/* report-box */
#report .report-box-wrap {
width: 96%;
margin: 0 auto;
color: #1a1a1a;
position: relative;
}
#report .report-box-wrap:before {
content: '';
display: block;
width: 100%;
padding: 6.25% 0 0;
background: url(../images/bg_report_cont_inner_top.png) no-repeat 50% 0;
background-size: contain;
position: absolute;
top: 0;
}
#report .report-box-wrap:after {
content: '';
display: block;
width: 100%;
padding: 7.604% 0 0;
background: url(../images/bg_report_cont_inner_bottom.png) no-repeat 50% 0;
background-size: contain;
position: absolute;
bottom: 0;
box-shadow: 0 4px 2px 0 rgba(0, 0, 0, .2);
}
#report .report-box {
width: 100%;
min-height: 500px;/**/
padding: 6.25% 0 7.604%;
background: url(../images/bg_report_cont_inner_middle.png) repeat-y 50% 0;
background-size: contain;
}

/* heading */
#report .report-box h2 {
width: 87.5%;
margin: 0 auto;
padding: 10px 0 8px;
position: relative;
}
#report .report-box h2:before,
#report .report-box h2:after {
content: '';
display: block;
width: 27px;
height: 43px;
position: absolute;
top: 0;
}
#report .report-box h2:before{
background: url(../images/ico_report_box_h2_left.png) no-repeat 50% 0;
left: 0;
}
#report .report-box h2:after {
background: url(../images/ico_report_box_h2_right.png) no-repeat 50% 0;
right: 0;
}
#report .report-box h2 img {
width: 90%;
}
#report .report-box .report-h3{
width: 77.083%;
margin: 0 auto;
padding: 18px 0;
position: relative;
}
#report .report-box .report-h3:after{
content: '';
display: block;
width: 100%;
height: 2px;
background: url(../images/bg_report_box_h3_line.png) no-repeat 50% 0;
background-size: 100% 100%;
position: absolute;
bottom: 0;
}
#report .report-box .report-h3 img{
width: auto;
height: 20px;
}

/* reporters */
#report .reporters {
width: 91.666%;
margin: 50px auto 0;
}
#report .reporters li{
float: left;
width: 31.25%;
margin: 0 0 0 3.068%;
}
#report .reporters li:first-child{
margin: 0;
}
#report .reporters .image img{
width: auto;
max-width: 150px !important;
}
#report .reporters dl{
margin: 7px 0 0;
}
#report .reporters dl dd{
padding: 15px 10px 10px;
text-align: left;
font-size: 14px;
}

/* carousel-block */
#report .carousel-block{
margin-top: 10px;
}
#report .carousel-box-wrap{
width: 83.333%;
margin: 28px auto 0;
}
#report .carousel-box{
}
#report .carousel-inner{
width: 82.125%;
margin: 0 auto;
position: relative;
}
#report .carousel-photo,
#report .carousel-thum{
width: 100%;
}
#report .carousel-photo img,
#report .carousel-thum img{
width: 100%;
}
#report .carousel-thum-list{
width: 83%;
margin: 10px auto 0;
}
#report .carousel-thum-list li{
display: inline-block;
width: 23% !important;
margin: 1%;
cursor: pointer;
outline: none;
}
/*#report .carousel-thum-list li.slick-current{
opacity: 0.8;
}*/
#report .carousel-thum-list li img{
width: 100%;
border: solid 1px #a5a5a5;
box-sizing: border-box;
}
#report .slick-prev{
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: -15px;
margin-top: -30px;
}
#report .slick-next{
width: 30px;
height: 30px;
position: absolute;
top: 50%;
right: -15px;
margin-top: -30px;
}
#report .carousel-inner.thum .slick-prev,
#report .carousel-inner.thum .slick-next{
margin-top: -10px;
}
#report .carousel-box-text{
margin: 10px 0 0;
font-size: 16px;
line-height: 2.25;
text-align: left;
}
#report .carousel-box-wrap.col{
width: 100%;
}
#report .carousel-box-wrap.col .carousel-box{
display: inline-block;
width: 43.75%;
margin: 0 1.04% 0 3.125%;
vertical-align: top;
}
#report .carousel-box-wrap.col .carousel-box-text{
display: inline-block;
width: 44.791%;
margin: 0 6.25% 0 0;
vertical-align: top;
}

/* link-block */
#report .link-block{
width: 58.75%;
margin: 0 auto;
padding: 40px 0 20px;
color: #48161b;
font-size: 14px;
}
#report .link-block p + p{
margin: 10px 0 0;
}
#report .link-block .btn img{
width: 100%;
}

/* comment-block */
#report .comment-block{
width: 82.291%;
margin: 25px auto 0;
}
#report .comment-block .comment-list li + li{
margin: 10px 0 0;
}
#report .comment-block .comment-list li .name{
width: 10.379%;
float: left;
}
#report .comment-block .comment-list li .name img{
width: 100%;
}
#report .comment-block .comment-list li .text{
float: right;
display: table;
width: 86.075%;
position: relative;
}
#report .comment-block .comment-list li .text span{
display: table-cell;
width: 100%;
height: 80px;
padding: 15px 30px;
vertical-align: middle;
background: #f1c342;
border-radius: 20px;
box-sizing: border-box;
text-align: left;
font-size: 16px;
line-height: 1.4375;
}
#report .comment-block .comment-list li:nth-child(odd) .text:before{
content: '';
display: block;
width: 18px;
height: 23px;
background: url(../images/ico_comment_l.png) no-repeat 50% 0;
background-size: cover;
position: absolute;
top: 10px;
left: -15px;
}
#report .comment-block .comment-list li:nth-child(even) .name{
float: right;
}
#report .comment-block .comment-list li:nth-child(even) .text{
float: left;
}
#report .comment-block .comment-list li:nth-child(even) .text:after{
content: '';
display: block;
width: 18px;
height: 23px;
background: url(../images/ico_comment_r.png) no-repeat 50% 0;
background-size: cover;
position: absolute;
top: 10px;
right: -15px;
}

/* question-block */
#report .question-block {
width: 91.666%;
margin: 50px auto 0;
position: relative;
}
#report .question-block:before {
content: '';
display: block;
width: 100%;
padding: 8.522% 0 0;
background: url(../images/bg_question_inner_top.png) no-repeat 50% 0;
background-size: contain;
position: absolute;
top: -1px;
z-index: 1;
}
#report .question-block:after {
content: '';
display: block;
width: 100%;
padding: 8.295% 0 0;
background: url(../images/bg_question_inner_bottom.png) no-repeat 50% 0;
background-size: contain;
position: absolute;
bottom: -1px;
z-index: 1;
}
#report .question-block-inner {
width: 100%;
padding: 8.522% 0 8.295%;
background: url(../images/bg_question_inner_middle.png) repeat-y 50% 0;
background-size: contain;
}
#report .question-block h3 {
width: 215px;
position: absolute;
top: -20px;
left: -6px;
z-index: 1;
}
#report .question-block h3 img{
width: 100%;
}
#report .question-cont {
position: relative;
z-index: 2;
margin-bottom: -30px;
}
#report .question-cont .image{
display: inline-block;
width: 39.431%;
margin: 0 3% 0 6%;
vertical-align: top;
}
#report .question-cont .text{
display: inline-block;
width: 42.045%;
margin: 0 8% 0 0;
vertical-align: top;
text-align: left;
color: #48161b;
}
#report .question-cont .text h4{
font-size: 20px;
font-weight: bold;
letter-spacing: -2px;
}
#report .question-cont .text h4 span{
display: block;
font-size: 16px;
}
#report .question-cont .text p{
margin: 15px 0 0;
font-size: 14px;
line-height: 1.7;
}

/* insta-block */
#report .insta-block{
margin: 20px 0 0;
}
#report .insta-block p{
width: 91.458%;
margin: 0 auto;
}

/* conclusion-block */
#report .conclusion-block{
width: 75%;
margin: 40px auto 0;
}
#report .conclusion-block p + p{
margin: 15px 0 0;
}
#report .conclusion-block .text{
text-align: left;
font-size: 16px;
line-height: 2.25;
}

/* banner-block */
#report .banner-block{
margin: 20px auto;
width: 66.77%;
}
#report .banner-block p.icon{
margin-bottom: 10px;
width: 101px;
}
#report .banner-block p img{
width: 100%;
}

/* copyright-disney */
#report .copyright-disney{
text-align: center;
}
#report .conclusion-block + .copyright-disney{
margin: 20px 0 0;
}
#report .copyright-disney img{
width: 130px !important;
}

/* bg_bottom */
#report .bg_bottom{
width: 96%;
margin: 30px auto 0;
}
#report .btnarea ul {
padding: 20px 0;
}
#report .btnarea li {
width: 43.02%;
display: inline-block;
}
#report .btnarea li + li {
margin: 0 0 0 5.2%;
}
#report .btnarea li img{
width: 100%;
}

/* btn_official */
#report .btn_official {
padding: 40px 0 40px 0;
background: #fff;
}
#report .btn_official p{
padding: 40px 0 0 0;
width: 80%;
margin: 0 auto;
}
#report .snsArea {
margin: 0 auto;
padding: 20px 0 0 0;
}

/* img-copy */
#report .img-copy{
position: relative;
}
#report .img-copy-guard{
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 10;
}
