@charset "UTF-8";

/* reset
----------------------------------------------------*/

h3,h4,h5,h6,
p,
ul,ol,li,dl,dt,dd,
img
{
  margin: 0;
  padding: 0;
  list-style: none;
  text-indent: 0;
  font-weight: normal;
  border: 0;
}

body {
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 75%; /* IE */}

html>/**/body div#elStyle {
  font-size: 12px; /* Except IE */}

/* Clearfix */
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
  min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-Mac */

/*----------------------------------------------------*/

#contentArea {
  background: white;
}

#contentAreaInner{
padding:0;
}

/* bentocake_s
----------------------------------------------------*/

#contentArea img {
  width:100%;
  margin:0;
  border:0;
  vertical-align:bottom;
}

#ghibli_museumArea {
  width: 100%;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  font-size:1.3em;
  text-align:left;
}

.bg_ghibli_museum{
  background: url(../img/bg_ghibli_museum.png) center top;
  background-size: 100%;
}

.ghibli_museumAreainner{
  padding: 0 1%;
  clear: both;
  overflow: hidden;
  text-align:left;
  position: relative;
}

.ghibli_main{
  position: relative;
}

.ghibli_top{
  position: relative;
}

.ghibli_top_btn{
  position: absolute;
  bottom: 10%;
  right: 6%;
  width: 30%;
}

.ghibli_main_btn{
  width: 95%;
  margin: 0 auto;
}

.ghibli_main_btn li{
  margin-bottom: 5%;
}

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

.ghibli_main_btn_area_body{
  background-color: #6f560a;
  padding: 3% 0;
}

.ghibli_main_btn_area_foot{
  background: url(../img/bg_btn_ghibli.png) no-repeat center bottom;
  background-size: 100%;
  padding-bottom: 1%;
}

.ghibli_contents_head{
  background: url(../img/bg_head.png) no-repeat center top;
  background-size: 100%;
  padding-top: 7%;
  margin-top: 2%;
}

.ghibli_contents_foot{
  background: url(../img/bg_foot.png) no-repeat center bottom;
  background-size: 100%;
  padding-bottom: 12.6%;
}

.ghibli_contents_body{
  background: url(../img/bg_body.png) repeat-y center top;
  background-size: 100%;
}

.ghibli_contents_body_inner{
  width: 97%;
  margin: 0 auto;
}

.ghibli_tab{
  display: flex;
  width: 70%;
  margin: -6% auto 1%;
}

.ghibli_tab li{
  padding-right: 8%;
}

.ghibli_tab li:last-child{
  padding-right: 0;
}

.contents_block_foot{
  background: url(../img/contents_foot.png) no-repeat center bottom;
  background-size: 100%;
  padding-bottom: 10%;
}

.contents_block_body{
  background: url(../img/contents_body.png) repeat-y center top;
  background-size: 100%;
}

.block_about{
  width: 87%;
  margin: 0 auto;
  padding-top: 3%;
}

.block_about_img{
  width: 75%;
  margin: 0 auto;
}

.block_about_text{
  margin-top: 4%;
  color: #6a5c52;
  line-height: 1.6;
}

.contents_block{
  margin-bottom: 3%;
}

.contents_block:last-child{
  margin-bottom: 0;
}

.block_ticket{
  width: 87%;
  margin: 0 auto;
  padding-top: 3%;
}

.block_english_ticket_title{
  margin-bottom: 4%;
}

.block_english_ticket_area{
  margin-bottom: 4%;
}

.block_english_ticket_img{
  margin-bottom: 3px;
}

.block_english_ticket_text_link{
  display: block;
  text-align: right;
}

.block_ticket_table_area{
  width: 100%;
  padding-bottom: 5%;
}

.block_ticket_table01{
  width: 100%;
  border-collapse: separate;
  border: 2px solid #6e9d07;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  margin-bottom: 4%;
  text-align: center;
  border-spacing: 0px;
}

.block_ticket_table03{
  width: 99%;
  border-collapse: separate;
  border: 2px solid #6e9d07;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  margin-bottom: 4%;
  text-align: center;
  border-spacing: 0px;
}

.bottom-dashed{
  border-bottom: 2px dotted #6e9d07;
}

.left-dashed{
  border-left: 2px dotted #6e9d07;
}

.left-solid{
  border-left: 2px solid #6e9d07;
}

.bottom-solid{
  border-bottom: 2px solid #6e9d07;
}

.block_ticket_table01 th,
.block_ticket_table01 td{
  padding: 2%;
}

.block_ticket_table01 td{
  font-weight: bold;
  background: #ffffff;
}

.table_title01{
  background: #f0f5e6;
  color: #6e9d07;
}

.table_title02{
  background: #f0f5e6;
  border-radius: 0 0 0 10px;
  color: #6e9d07;
}

.block_ticket_table02{
  width: 100%;
  border-collapse: separate;
  border: 2px solid #6e9d07;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  text-align: center;
  border-spacing: 0px;
}

.table_head01 th{
  padding: 3%;
  background: #6e9d07;
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
  color: #ffffff;
}

.table_head02{
  padding: 3%;
  background: #6e9d07;
  -webkit-border-radius: 7px 0 0 0;
  -moz-border-radius: 7px 0 0 0;
  border-radius: 7px 0 0 0;
  color: #ffffff;
}

.table_head03{
  border-left: 2px dotted #ffffff;
  padding: 3%;
  background: #6e9d07;
  -webkit-border-radius: 0 7px 0 0;
  -moz-border-radius: 0 7px 0 0;
  border-radius: 0 7px 0 0;
  color: #ffffff;
}

.block_ticket_table02 td{
  padding: 3%;
  font-weight: bold;
  background: #ffffff;
}

.block_ticket_link{
  background: url(../img/ghibli_ticket_date.png) no-repeat center;
  background-size: 100%;
  padding: 8% 10% 10%;
  margin-bottom: 3%;
  text-align: center;
}

.block_ticket_link a{
  font-size: 70%;
  display: block;
  margin-top: 10%;
}

.block_ticket_area{
  position: relative;
  margin: 5% auto;
}

.block_ticket_img{
  width: 50%;
}

.block_ticket_text{
  font-size: 90%;
  text-align: center;
}

.block_ticket_yoyaku{
  margin-bottom: 5%;
}

.block_ticket_note{
  font-size: 85%;
  text-align: center;
  margin-bottom: 5%;
}

.block_ticket_btn{
  width: 80%;
  margin: 0 auto;
  padding-bottom: 2%;
}

.col-red{
  color: #dd4b39;
}

.col-brown{
  color: #594a42;
}

.col-green{
  color: #6e9d07;
}

.col-pink{
  color: #c85887;
}

.block_howto{
  width: 87%;
  margin: 0 auto;
  padding-top: 3%;
}

.block_date{
  width: 87%;
  margin: 0 auto;
  padding-top: 3%;
}

.table_title03 th{
  background: #f0f5e6;
  color: #6e9d07;
  vertical-align: top;
}

.table_title03 td{
  width: 75%;
  text-align: left;
  font-size: 80%;
}

.table_title03 th,
.table_title03 td{
  padding: 3%;
}

.block_date_table{
  width: 100%;
  margin-bottom: 3%;
  border-collapse: separate;
  border: 2px solid #6e9d07;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  text-align: center;
  border-spacing: 0px;
}

.block_date_table_english{
  width: 100%;
  border-collapse: separate;
  border: 2px solid #6e9d07;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  text-align: center;
  border-spacing: 0px;
}

.radius01{
  -webkit-border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  border-radius: 10px 0 0 0;
}

.radius02{
  -webkit-border-radius: 0 0 0 10px;
  -moz-border-radius: 0 0 0 10px;
  border-radius: 0 0 0 10px;
}

.radius03{
  -webkit-border-radius: 0 0 10px 0;
  -moz-border-radius: 0 0 10px 0;
  border-radius: 0 0 10px 0;
}

.block_howto_text{
  font-size: 85%;
  background: #ffffff;
  font-weight: bold;
  text-align: center;
  border: 1px solid #dd4b39;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #dd4b39;
  margin-bottom: 4%;
  padding: 3% 1%;
}

.block_howto_text_title{
  text-align: center;
  color: #6a5c52;
  font-size: 90%;
  margin-bottom: 4%;
}

.block_date_btn_area{
  width: 85%;
  margin: 0 auto;
}

.block_date_btn{
  margin-bottom: 5%;
}

.block_howto_tab .tab{
  display: flex;
}

.block_howto_tab .tab li{
  margin-right: 4%;
  width: 31%;
}

.block_howto_tab .tab li:last-child{
  margin-right: 0;
}

.block_howto_contents{
  border: 1px solid #6e9d07;
  margin-bottom: 25px;
}

.content_inner{
  padding: 2%;
}

.howto_list{
  width: 100%;
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.howto_list_title{
}

.howto_list_text_area01{
  background: url(../img/arw_line.png) repeat-y left top;
  padding: 0 0 5% 8%;
  margin-left: 2%;
}

/*.arw{
  width: 5%;
  margin: -6% 0 0 2.8%;
}*/

.arw{
  background: url(../img/arw.png) no-repeat left top;
  padding: 0 0 12% 0;
  margin-left: 1%;
}

.howto_list_text_area03{
  margin-left: 11%;
  display: flex;
}

.lcode01_area{
  position: relative;
}

.btn_lcode01{
  display: block;
  width: 100%;
  position: absolute;
  top: -35%;
  right: -110%;
}

.howto_list_text{
  color: #594a42;
  font-size: 75%;
  margin-left: 4%;
  padding-top: 1%;
}

.howto_list_link{
  width: 50%;
  margin-top: 1%;
  margin-left: 4%;
}

.howto_list_loppi{
  width: 100%;
  margin: 2% auto;
}

.howto_list_loppi_body{
  padding: 2%;
  border: 2px solid #bea65f;
  border-top: none;
  -webkit-border-radius:0 0 10px 10px;
  -moz-border-radius:0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

.howto_list_loppi_text{
  text-align: center;
  font-weight: bold;
  padding-bottom: 3%;
  font-size: 70%;
  color: #594a42;
}

.howto_list_loppi_img_area{
  width: 100%;
  margin: 0 auto;
}

.howto_list_loppi_img01{
  margin-bottom: 2%;
  overflow: hidden;
}

.howto_list_loppi_img01 li{
  margin-bottom: 4%;
}

.howto_list_loppi_img01 li:last-child{
  margin-bottom: 5%;
}

.howto_list_loppi_note{
  font-size: 70%;
  color: #594a42;
}

.block_howto_note{
  font-size: 80%;
  color: #594a42;
}

.contents_movie_head{
  background: url(../img/contents_movie_head.png) no-repeat center top;
  background-size: 100%;
  padding-top: 3.8%;
}

.contents_movie_body{
  background: url(../img/contents_movie_body.png) repeat-y center top;
  background-size: 100%;
}

.contents_movie_foot{
  background: url(../img/contents_movie_foot.png) no-repeat center bottom;
  background-size: 100%;
  padding-bottom: 3.6%;
}

.contents_movie_body_inner{
  width: 70%;
  margin: 0 auto;
  padding: 2% 0;
}

.contents_movie_body_inner h4{
  width: 80%;
  margin: 0 auto 3%;
}

.contents_movie_text{
  margin-bottom: 4%;
}

.contents_movie_img{
  margin-bottom: 4%;
}

.note_block_badge{
  position: absolute;
  right: 8%;
  top: 0;
  width: 16%;
}

.ghibli_bnr_area{
  width: 95%;
  margin: 5% auto 6%;
}

.ghibli_bnr_area_list li{
  margin-bottom: 4%;
}

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

.howto_list_yoyaku_area{
  margin-bottom: 3%;
}

.howto_list_yoyaku01{
  margin-bottom: 3%;
}

.howto_list_yoyaku02_area{
  position: relative;
}

.howto_list_yoyaku02_link_btn{
  width: 24%;
  position: absolute;
  bottom: 10%;
  right: 3%;
}

.howto_list_yoyaku_text{
  color: #594a42;
  font-size: 80%;
}

.howto_list_area_lcode{
  margin: 3% 0;
}

.howto_list_lcode{
  margin-bottom: 4%;
}

.howto_list_lcode:last-child{
  margin-right: 0;
}

.howto_list_lcode_title_area{
  position: relative;
}

.howto_list_lcode_link_btn{
  width: 24%;
  position: absolute;
  top: -9%;
  right: 2%;
}

.howto_list_loppi_body_img{
  margin-bottom: 3%;
}

.howto_list_loppi_body_img:last-child{
  margin-bottom: 0;
}

.howto_list_loppi_body_img_area{
  position: relative;
}

.howto_list_loppi_body_img_ticket{
  width: 30%;
  position: absolute;
  top: 5%;
  right: -10%;
}

.block_ticket_note_english{
  color: #6a5c52;
  font-size: 90%;
}

.howto_list_loppi_english{
  width: 100%;
  margin: 2% auto 0;
  padding-bottom: 2%;
}

.howto_list_loppi_img_area_english{
  text-align: center;
}

.top_back_area{
  position: relative;
}

.loppi_link_area{
  position: relative;
}

.loppi_link_btn{
  width: 40%;
  position: absolute;
  bottom: 4%;
  left: 11%;
}

.fs-60{
  font-size: 60%;
}

.fs-65{
  font-size: 65%;
}

.fs-70{
  font-size: 70%;
}

.fs-80{
  font-size: 80%;
}

.fs-85{
  font-size: 85%;
}

.fs-90{
  font-size: 90%;
}

.fs-120{
  font-size: 120%;
}

.howto_list_btn{
  width: 90%;
  margin: 0 auto 3%;
}

.fw-bold{
  font-weight: bold;
}

.btn_visit__area{
  text-align: center;
}

.btn_visit{
  padding: 4% 5% 3%;
}

.btn_visit__text{
  font-size: 90%;
  color: #6a5c52;
}

.official_area{
  text-align: center;
  padding: 4% 12% 3%;
}

/* 
----------------------------------------------------*/


.img_cnt {
  text-align: center !important;
}
.img_cnt img {
  margin: 0 auto;
}

.dsb {
  display: block !important;
}

.flt {
  float: left !important;
}
.frt {
  float: right !important;
}

.txt_list li {
  padding-left: 1em;
  text-indent: -1em;
  padding-bottom: 1px;
}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* margin */
.mar_t0 {
  margin-top: 0 !important;
}
.mar_t5 {
  margin-top: 5px !important;
}
.mar_t10 {
  margin-top: 10px !important;
}
.mar_t15 {
  margin-top: 15px !important;
}
.mar_t20 {
  margin-top: 20px !important;
}
.mar_t25 {
  margin-top: 25px !important;
}
.mar_t30 {
  margin-top: 30px !important;
}
.mar_t35 {
  margin-top: 35px !important;
}
.mar_t40 {
  margin-top: 40px !important;
}
.mar_t45 {
  margin-top: 45px !important;
}
.mar_t50 {
  margin-top: 50px !important;
}

.mar_b0 {
  margin-bottom: 0 !important;
}
.mar_b5 {
  margin-bottom: 5px !important;
}
.mar_b10 {
  margin-bottom: 10px !important;
}
.mar_b15 {
  margin-bottom: 15px !important;
}
.mar_b20 {
  margin-bottom: 20px !important;
}
.mar_b25 {
  margin-bottom: 25px !important;
}
.mar_b30 {
  margin-bottom: 30px !important;
}
.mar_b35 {
  margin-bottom: 35px !important;
}
.mar_b40 {
  margin-bottom: 40px !important;
}
.mar_b45 {
  margin-bottom: 45px !important;
}
.mar_b50 {
  margin-bottom: 50px !important;
}

.mar_l0 {
  margin-left: 0 !important;
}
.mar_l5 {
  margin-left: 5px !important;
}
.mar_l10 {
  margin-left: 10px !important;
}
.mar_l15 {
  margin-left: 15px !important;
}
.mar_l20 {
  margin-left: 20px !important;
}
.mar_l25 {
  margin-left: 25px !important;
}
.mar_l30 {
  margin-left: 30px !important;
}
.mar_l35 {
  margin-left: 35px !important;
}
.mar_l40 {
  margin-left: 40px !important;
}
.mar_l45 {
  margin-left: 45px !important;
}
.mar_l50 {
  margin-left: 50px !important;
}

.mar_r0 {
  margin-right: 0 !important;
}
.mar_r5 {
  margin-right: 5px !important;
}
.mar_r10 {
  margin-right: 10px !important;
}
.mar_r15 {
  margin-right: 15px !important;
}
.mar_r20 {
  margin-right: 20px !important;
}
.mar_r25 {
  margin-right: 25px !important;
}
.mar_r30 {
  margin-right: 30px !important;
}
.mar_r35 {
  margin-right: 35px !important;
}
.mar_r40 {
  margin-right: 40px !important;
}
.mar_r45 {
  margin-right: 45px !important;
}
.mar_r50 {
  margin-right: 50px !important;
}

.t_left {
  text-align: left !important;
}
.t_center {
  text-align: center !important;
}
.t_right {
  text-align: right !important;
}

.t_white {
  color: #fff !important;
}
.t_red {
  color: #c60a02 !important;
}

.t_bold { font-weight: bold !important; }
.t_normal { font-weight: normal !important; }

.t_xsml { font-size: 66.7%; }
.t_sml {  font-size: 83.3%; }
.t_lrg {  font-size: 116.7%;  }
.t_xlrg { font-size: 133.3%;  }


.lh12 {   line-height: 1.2 !important;  }
.lh15 {   line-height: 1.5 !important;  }