@charset "utf-8";

@media screen and (max-width : 640px) {
#tmp_contents h1 {
	font-size: 181.3%;
	margin-bottom: 36px;
}
#tmp_contents h2 {
	margin: 29px 0 25px;
	font-size: 150%;
}
#tmp_contents h3 {
	margin: 27px 0 22px;
	padding: 0 0 14px 18px;
	background-image: url(/site/shared/templates/bunkamura_free/images/icon/h3_bg_sp.png);
	background-size: 8px auto;
	background-position: left 5px;
	font-size: 150%;
    border-bottom-width: 2px;
	line-height: 1.5;
}
#tmp_contents h4 {
	margin: 22px 0 8px;
	padding: 0 0 0 15px;
	background-image: url(/site/shared/templates/bunkamura_free/images/icon/h4_bg_sp.png);
	background-size: 11px auto;
	background-position: left 6px;
	font-size: 125%;
	line-height: 1.6;
}
#tmp_contents h5 {
	margin: 14px 0 6px;
	font-size: 112.5%;
	line-height: 1.7;
}
#tmp_contents h6 {
	margin: 15px 0 7px;
	line-height: 1.7;
}
/* outline
================================================== */
#tmp_contents .outline {
	margin-bottom: 39px;
}
/* box_btn & box_menu
================================================== */
#tmp_contents ul.box_btn li,
#tmp_contents .box_menu_ttl{
	padding: 14px 12px 11px;
}
#tmp_contents ul.box_btn a,
#tmp_contents .box_menu_ttl a{
	margin: -14px -12px -11px;
	padding: 14px 30px 11px 12px;
	background-image: url(/site/shared/templates/bunkamura_free/images/icon/icon_arrow.png);
	background-position: right 12px center;
	background-size: 8px auto;
}
/* box_menu
================================================== */
#tmp_contents .box_menu {
	margin-bottom: 15px;
}
#tmp_contents .box_menu_cnt {
    padding: 12px;
}
/* box_info & box_link
================================================== */
#tmp_contents .box_info,
#tmp_contents .box_link {
	margin: 12px 0 20px;
	background-size: 5px 10px,100% 1px,calc(100% - 2px) calc(100% - 20px), 100% calc(100% - 19px);
	background-position: right 1px top 15px,center bottom,center bottom,center bottom;
}
#tmp_contents .box_info .box_info_ttl,
#tmp_contents .box_link .box_link_ttl {
	font-size: 125%;
	padding-top: 6px;
}
#tmp_contents .box_info .box_info_ttl p,
#tmp_contents .box_link .box_link_ttl p {
	padding: 0 19px 0 15px;
}
#tmp_contents table.box_info .box_info_ttl p,
#tmp_contents table.box_link .box_link_ttl p {
    border-left-width: 15px;
    border-right-width: 18px;
}
#tmp_contents .box_info .box_info_cnt,
#tmp_contents .box_link .box_link_cnt {
	padding: 3px 9px 2px 3px;
}
#tmp_contents .box_info ul li,
#tmp_contents .box_info ol li,
#tmp_contents .box_link ul li,
#tmp_contents .box_link ol li {
	margin-bottom: 7px;
}
#tmp_contents div.box_info::before,
#tmp_contents div.box_info::after,
#tmp_contents div.box_link::before,
#tmp_contents div.box_link::after{
    top: 19px;
}

/* datatable
   enquete_table
================================================== */
#tmp_contents table.datatable,
#tmp_contents table.enquete_table {
	margin-bottom: 39px;
}
#tmp_contents table.datatable th,
#tmp_contents table.enquete_table th {
	padding: 5px 8px 6px;
}
#tmp_contents table.datatable td,
#tmp_contents table.enquete_table td {
	padding: 8px 19px 4px;
}
/* bunkamura_cate_ttl
================================================== */
#tmp_bunkamura_cate_ttl {
	margin-top: 37px;
	margin-bottom: 25px;
}
#tmp_bunkamura_cate_ttl .txt {
	padding-top: 77px;
	font-size: 112.5%; /* 18px */
}
#tmp_bunkamura_cate_ttl .txt span {
	display: block;
}
#tmp_bunkamura_cate_ttl.ttl_access {
	margin-bottom: 42px;
}
#tmp_bunkamura_cate_ttl.ttl_policy {
	margin-bottom: 38px;
}
#tmp_bunkamura_cate_ttl.ttl_contact {
	padding-top: 43px;
	margin-bottom: 53px;
}
#tmp_bunkamura_cate_ttl.ttl_news .logo img,
#tmp_bunkamura_cate_ttl.ttl_blog .logo img,
#tmp_bunkamura_cate_ttl.ttl_column .logo img {
	width: 72px;
}
#tmp_bunkamura_cate_ttl.ttl_facility_use .logo img {
	width: 66px;
}
#tmp_bunkamura_cate_ttl.ttl_facility .logo img {
	width: 204px;
}
#tmp_bunkamura_cate_ttl.ttl_access .logo img,
#tmp_bunkamura_cate_ttl.ttl_policy .logo img {
	width: 73px;
}
#tmp_bunkamura_cate_ttl.ttl_contact .logo img {
	width: 154px;
}
#tmp_bunkamura_cate_ttl.ttl_news .txt {
	background-image: url(/site/shared/templates/bunkamura_free/images/icon/cate_ttl_news_en_sp.png);
	background-size: 100px auto;
}
#tmp_bunkamura_cate_ttl.ttl_blog .txt {
	background-image: url(/site/shared/templates/bunkamura_free/images/icon/cate_ttl_blog_en_sp.png);
	background-size: 180px auto;
}
#tmp_bunkamura_cate_ttl.ttl_column .txt {
	background-image: url(/site/shared/templates/bunkamura_free/images/icon/cate_ttl_column_en_sp.png);
	background-size: 150px auto;
}
#tmp_bunkamura_cate_ttl.ttl_facility_use .txt {
	padding-top: 103px;
	background-image: url(/site/shared/templates/bunkamura_free/images/icon/cate_ttl_facility_use_request_en_sp.png);
	background-size: 230px auto;
}
#tmp_bunkamura_cate_ttl.ttl_facility .txt {
	padding-top: 18px;
	font-size: 206.3%; /* 33px */
}
#tmp_bunkamura_cate_ttl.ttl_access .txt {
	padding-top: 59px;
	background-image: url(/site/shared/templates/bunkamura_free/images/icon/cate_ttl_access_en_sp.png);
	background-size: 130px auto;
}
#tmp_bunkamura_cate_ttl.ttl_policy .txt {
	padding-top: 67px;
	background-image: url(/site/shared/templates/bunkamura_free/images/icon/cate_ttl_policy_en_sp.png);
	background-size: 200px auto;
}
#tmp_bunkamura_cate_ttl.ttl_contact .txt {
	padding-top: 75px;
	background-image: url(/site/shared/templates/bunkamura_free/images/icon/cate_ttl_contact_en_sp.png);
	background-size: 180px auto;
	font-size: 125%; /* 20px */
}

/* ==================================================
contents
================================================== */

/* end
================================================== */
#tmp_contents .journal_link {
	font-size: 100%;
}
#tmp_contents .staff_blog_wrap .news_blog_list .blog_item,
#tmp_contents .news_wrap .news_blog_list .blog_item {
	margin-bottom: 21px;
	padding-bottom: 34px;
}
#tmp_contents .news_wrap .news_blog_list .blog_item_inner {
	margin-top: 28px;
}
#tmp_contents .blog_item_body p,
#tmp_contents .staff_blog_wrap .news_blog_list .blog_item_ttl p,
#tmp_contents .news_wrap .news_blog_list .blog_item_ttl p {
	font-size: 93.8%;
}
#tmp_contents .news_wrap .news_blog_list .blog_item_ttl p {
	padding-bottom: 0;
}
#tmp_contents .staff_blog_wrap .news_blog_list .blog_item_ttl,
#tmp_contents .news_wrap .news_blog_list .blog_item_ttl {
	margin-bottom: 55px;
	padding: 0 5% 29px;
}
#tmp_contents .staff_blog_wrap .news_blog_list .blog_item_ttl h1,
#tmp_contents .news_wrap .news_blog_list .blog_item_ttl h2 {
	font-size: 112.5%;
	line-height: 1.8;
}
#tmp_contents .staff_blog_wrap .news_blog_list .blog_item .blog_item_body p,
#tmp_contents .news_wrap .news_blog_list .blog_item .blog_item_body p {
	font-size: 100%;
	font-weight: normal;
}
#tmp_contents .news_wrap .news_blog_list .blog_item .blog_item_body .blog_item_body_block {
	display: block;
    margin-top: 30px;
}
#tmp_contents .blog_item_body p {
	padding: 0 5%;
}
#tmp_contents .blog_item_body .thumb_wrap{
	padding-bottom: 29px;
}
#tmp_contents .staff_blog_wrap .news_blog_list .blog_item .blog_item_body > p:last-of-type{
	margin-top: 59px;
}
/* end blog */
#tmp_contents .staff_blog_wrap .news_blog_list {
    padding-bottom: 42px;
}
#tmp_contents .staff_blog_wrap .news_blog_list .blog_item_inner {
	margin-top: 24px;
}
#tmp_contents .staff_blog_wrap .news_blog_list .blog_item_ttl h1 {
	padding-bottom: 0;
	margin: -2px 0;
}
#tmp_contents .pager_common::before {
    width: 100%;
}
#tmp_contents .pager_common .pager_item.all {
	padding: 70px 2px 67px 0;
}
#tmp_contents .pager_common .pager_item.all span {
	font-size: 143.8%;
	padding: 4px 0 0 13px;
}
/* ==================================================
Begin Idx
================================================== */
.type_idx #tmp_bunkamura_cate_ttl,
.type_idx #tmp_bunkamura_cate_ttl.ttl_access{
	margin-top: 37px;
}

/* IDX
================================================== */
#tmp_idx_wrap ul.news_list {
    margin: 0 1px;
}
#tmp_idx_wrap ul.news_list .news_date {
    margin-bottom: 10px;
}

/* IDX - Blog
================================================== */
#tmp_idx_wrap .staff_blog_list{
	flex-direction: column;
	gap: 64px 0;
	padding: 0 1px;
	max-width: 100%;
}
#tmp_idx_wrap .staff_blog_list .blog_item{
	width: 100%;
	max-width: 100%;
}
#tmp_idx_wrap .staff_blog_list .blog_item_img{
	margin-bottom: 30px;
    height: auto;
}
#tmp_idx_wrap .staff_blog_list .blog_item_cnt{
	padding-left: 16px;
	padding-right: 12px;
}
#tmp_idx_wrap .staff_blog_list .blog_item_day{
	font-size: 93.75%;
}
#tmp_idx_wrap .staff_blog_list .blog_item_ttl{
	margin-bottom: 13px;
	font-size: 106.25%;
}

/* IDX - column
================================================== */
#tmp_idx_wrap.collumn_wrap{
	margin: -8px 0 -4px;
	padding-left: 1px;
	padding-right: 1px;
}
#tmp_idx_wrap .column_galleries{
	flex-direction: column;
	row-gap: 8px;
}
#tmp_idx_wrap .column_galleries .gallery_text{
	padding-top: 8px;
}
#tmp_idx_wrap .column_galleries li,
#tmp_idx_wrap .column_galleries .gallery_col_lg{
	width: 100%;
}
#tmp_idx_wrap .column_galleries a{
	font-size: 87.5%;
}
#tmp_idx_wrap .column_galleries li:not(.gallery_col_lg){
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
}
#tmp_idx_wrap .column_galleries li:not(.gallery_col_lg) .gallery_item{
	width: calc(169 / 350 * 100%);
}
#tmp_idx_wrap .column_galleries .gallery_col_lg a{
	font-size: 181.25%;
}

/* IDX - about
================================================== */
#tmp_idx_wrap.about_wrap {
	padding-top: 156px;
	max-width: 980px;
	width: calc(90% - 4px);
	background-image: url(/site/shared/templates/bunkamura_free/images/about/idx_top_ttl_sp.png),url(/site/shared/templates/bunkamura_free/images/about/idx_top_bg_sp.png);
	background-size: 111px auto, 100% auto;
	background-position: center 38px, center 14px;
}
#tmp_idx_wrap.about_wrap .about_heading {
	margin-bottom: 39px;
}
#tmp_idx_wrap.about_wrap .about_heading h1 {
	font-size: 250%;
	background-size: 100% 3px;
}
#tmp_idx_wrap.about_wrap .about_des {
	font-size: 112.5%;
}
#tmp_idx_wrap.about_wrap .bnr_links {
	max-width: 100%;
	margin-top: 39px;
	margin-bottom: 96px;
	gap: 24px 0;
}
#tmp_idx_wrap.about_wrap .bnr_links li {
	width: 228px;
}
#tmp_idx_wrap.about_wrap .bnr_links a {
	display: block;
	font-size: 112.5%;
}
#tmp_idx_wrap.about_wrap .pamphlet_img.w800 img {
	max-width: 100%;
}
#tmp_idx_wrap.about_wrap .journal_link .link_list {
	margin-top: 2px;
	margin-bottom: -3px;
	line-height: 2.3;
}
#tmp_idx_wrap.about_wrap .journal_link .txt_small {
	font-size: 81.3%;
}

/* IDX - facility
================================================== */
/* area */
#tmp_idx_wrap .userq_area {
    margin: -18px 0 0;
	padding: 10px 10px 0;
    padding-top: calc((276/360) * 100%);
    background: url(/site/shared/templates/bunkamura_free/images/facility/ill_info_02_sp.png) no-repeat center -41px;
    background-size: contain;
}
#tmp_idx_wrap .userq_area .area_links{
	display: flex;
	gap: 8px 0;
	width: 90%;
	max-width: 340px;
	height: auto;
	padding-top: 0;
	background-image: none;
	flex-wrap: wrap;
	margin: 0 auto;
	justify-content: space-between;
}
#tmp_idx_wrap .userq_area li{
	position: static;
	width: 50%;
	text-align: center;
	height: auto;
}
#tmp_idx_wrap .userq_area a{
	margin: 0 auto;
    padding-top: calc((97/114) * 100%);
	width: calc((97/143) * 100%);
}
#tmp_idx_wrap .userq_area .area_link1 a:hover{
    background-image: url(/site/shared/templates/bunkamura_free/images/facility/ico_q_b_01.png);
}
#tmp_idx_wrap .userq_area .area_link2 a:hover{
    background-image: url(/site/shared/templates/bunkamura_free/images/facility/ico_q_b_02.png);
}
#tmp_idx_wrap .userq_area .area_link3 a:hover{
    background-image: url(/site/shared/templates/bunkamura_free/images/facility/ico_q_b_03.png);
}
#tmp_idx_wrap .userq_area .area_link4 a:hover{
    background-image: url(/site/shared/templates/bunkamura_free/images/facility/ico_q_b_04.png);
}
#tmp_idx_wrap .userq_area .area_link5 a:hover{
    background-image: url(/site/shared/templates/bunkamura_free/images/facility/ico_q_b_05.png);
}
#tmp_idx_wrap.facility_wrap {
	margin-left: -10px;
	margin-right: -10px;
}
#tmp_idx_wrap.facility_wrap .userq_area {
	margin: 0 0 56px;
	padding-top: calc((227/360) * 100%);
	background-image: url(/site/shared/templates/bunkamura_free/images/facility/ill_info_02_main_sp.jpg);
	background-position: center -2px;
	height: auto;
}
#tmp_idx_wrap.facility_wrap .userq_area .area_links {
	display: block;
	max-width: unset;
}
#tmp_idx_wrap.facility_wrap .userq_area li {
	position: static;
	width: auto;
	line-height: 1.4;
}
#tmp_idx_wrap.facility_wrap .userq_area li:not(:last-of-type) {
    margin-bottom: 10px;
}
#tmp_idx_wrap.facility_wrap .userq_area a{
	position: static;
	margin: 0 auto;
	padding: 7px 10px;
	max-width: 80%;
	background: #000000 url(/site/shared/templates/bunkamura_free/images/icon/icon_arrow_wh_down.png) no-repeat right 10px center;
	background-size: 14px auto;
	width: 100%;
	height: auto;
	border-radius: 6px;
	color: #ffffff;
	text-indent: inherit;
	text-decoration: none;
	text-align: left;
	transition: none;
}
#tmp_idx_wrap.facility_wrap .userq_area li:nth-child(n) a:hover {
	background-image: url(/site/shared/templates/bunkamura_free/images/icon/icon_arrow_wh_down.png);
}
/* facility content */
.type_idx #tmp_bunkamura_cate_ttl.ttl_facility{
	margin: 50px 0 0;
}
#tmp_idx_wrap .faci_ex_link {
	padding: 0 5px;
	font-size: 100%;
}
#tmp_idx_wrap .faci_detail_wrap {
	margin-top: 88px;
}
#tmp_idx_wrap .faci_detail {
    padding: 43px 0;
}
#tmp_idx_wrap .faci_detail .detail_ttl {
	margin-bottom: 40px;
}
#tmp_idx_wrap .faci_detail .detail_ttl img {
    margin-bottom: 3px;
}
#tmp_idx_wrap .faci_detail .detail_ttl h2,
#tmp_idx_wrap .faci_lodging .lodging_ttl h2 {
	font-size: 212.5%;
}
#tmp_idx_wrap .faci_detail .detail_txt {
    font-size: 112.5%;
    margin-bottom: 68px;
}
#tmp_idx_wrap .faci_detail .detail_item {
    width: 90%;
    padding: 60px 5% 48px;
}
#tmp_idx_wrap .faci_detail .detail_item .box_item:not(:first-of-type) {
    margin-top: 60px;
}
#tmp_idx_wrap .faci_detail .detail_item .box_item .ttl {
	margin-bottom: 16px;
    font-size: 125%;
}
#tmp_idx_wrap .faci_detail .detail_item .box_item .txt {
    font-size: 87.5%;
}
#tmp_idx_wrap .faci_lodging {
	margin: 82px 0 0;
}
#tmp_idx_wrap .faci_lodging .lodging_ttl {
	margin-bottom: 40px;
}
#tmp_idx_wrap .faci_lodging .lodging_ttl h2 {
    padding-bottom: 10px;
}
#tmp_idx_wrap .faci_lodging .lodging_txt {
	width: 90%;
	margin: 0 5%;
	font-size: 111.1%;
	line-height: 2;
}

/* IDX - facility use request
================================================== */
#tmp_idx_wrap.facility_userq_wrap .userq_area{
	margin: -17px -10px 48px;
}
#tmp_idx_wrap.facility_userq_wrap .userq_area li:nth-child(2n+1){
	padding-right: 10px;
}
#tmp_idx_wrap.facility_userq_wrap .userq_area li:nth-child(2n){
	padding-left: 10px;
}
#tmp_idx_wrap .userq_blog{
	margin-bottom: 0;
}
#tmp_idx_wrap .userq_blog + .userq_blog{
	margin-top: 109px;
	margin-bottom: 71px;
}
#tmp_idx_wrap .userq_title {
    margin-bottom: 34px;
}
#tmp_idx_wrap .userq_title > h2{
	background-size: 100% 3px;
	font-size: 239.06%;
	line-height: 1.7;
}
#tmp_idx_wrap .userq_box > h3{
	margin-bottom: 12px;
	font-size: 172.12%;
}
#tmp_idx_wrap .userq_box > p{
	margin-bottom: 20px;
	font-size: 133.87%;
}
#tmp_idx_wrap .userq_box .userq_box_info{
	flex-direction: column;
	gap: 12px 0;
	margin-bottom: 42px;
}
#tmp_idx_wrap .userq_box_info .info_lbl{
	padding-bottom: 3px;
	font-size: 100%;
}
#tmp_idx_wrap .userq_box_info .info_txt{
	padding-left: 16px;
	font-size: 124.31%;
}
#tmp_idx_wrap .userq_box_info .info_txt > span{
	padding-left: 16px;
}
#tmp_idx_wrap .userq_box:not(:last-child) {
    margin-bottom: 59px;
}
#tmp_idx_wrap .userq_link{
	margin-bottom: -1px;
}
#tmp_idx_wrap .userq_link a{
	padding-top: 16px;
	padding-bottom: 15px;
	font-size: 138.25%;
}
#tmp_idx_wrap .userq_link a:hover {
	background-color: #ffffff;
	color: #E90066;
}
/* blog1 */
#tmp_idx_wrap .userq_blog#tmp_userq_fause1{
	margin-top: 0;
}
/* blog2 */
#tmp_idx_wrap .userq_blog#tmp_userq_fause2{
	margin-bottom: 74px;
}

/* IDX - access
================================================== */
/* common */
#tmp_idx_wrap.access_wrap{
	margin-left: -10px;
	margin-right: -10px;
}
#tmp_idx_wrap .access_title{
	margin-bottom: 37px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 125%;
}
#tmp_idx_wrap .access_blog > p{
	font-size: 100%;
}
/* map */
#tmp_idx_wrap .access_map{
	margin-bottom: 54px;
}
#tmp_idx_wrap .access_map .map_iframe{
	height: 430px;
}
#tmp_idx_wrap .access_map .map_btn a{
	font-size: 100%;
}

/* info */
#tmp_idx_wrap .access_info{
	flex-direction: column;
	gap: 14px 0;
	margin-top: 54px;
	margin-bottom: 74px;
}
#tmp_idx_wrap .access_info .info_item{
	padding: 26px 22px 13px;
	width: 100%;
	min-height: 196px;
}
#tmp_idx_wrap .access_info .info_title{
	margin-bottom: 14px;
    padding-bottom: 9px;
	font-size: 123.75%;
}
#tmp_idx_wrap .access_info .info_text{
	font-size: 90%;
}
#tmp_access_train .train_outline{
	margin: 36px 0 24px;
}
#tmp_access_train .train_outline > p{
	font-size: 150%;
}

/* train */
#tmp_access_train{
	padding: 0 3% 127px;
}
#tmp_access_train:before{
	top: 43px;
	border-radius: 0;
}
#tmp_access_train .access_title{
	padding-top: 92px;
	background-size: 57px auto;
}
#tmp_access_train .train_inquiry p{
	font-size: 100%;
}

/* car */
#tmp_access_car {
    margin-bottom: 71px;
}
#tmp_access_car .access_title{
	margin-top: -29px;
	margin-bottom: 39px;
    padding-top: 102px;
	background-size: 80px auto;
}
#tmp_access_car > p{
	padding-left: 28px;
	padding-right: 18px;
}
#tmp_access_car .blog_img{
	padding-left: 14px;
	padding-right: 5px;
	max-width: 100%;
}

/* bike */
#tmp_access_bike{
	margin-bottom: -2px;
}
#tmp_access_bike:before{
	top: 29px;
}
#tmp_access_bike .access_title{
	margin-bottom: 39px;
	padding-top: 101px;
	background-size: 68px auto;
}
#tmp_access_bike.access_blog > p{
	font-size: 112.5%;
	line-height: 2;
}

#tmp_contents .restoration_wrap h2{
	margin-top: 1.2em;
}
#tmp_contents .restoration_wrap .col2 p:has(img){
	margin-bottom: 0;
}
/* ==================================================
End Idx
================================================== */

/* reset hover
================================================== */
#tmp_idx_wrap.facility_wrap a:hover,
#tmp_idx_wrap.about_wrap .bnr_links a:hover,
#tmp_contents .blog_item_body a:hover,
#tmp_access_train .train_inquiry .inquiry_cnt a:hover,
#tmp_idx_wrap .column_galleries a:hover .gallery_text,
#tmp_contents .pager_common .pager_item.all a:hover,
#tmp_contents ul.box_btn a:hover,
#tmp_contents .box_menu_ttl a:hover,
#tmp_contents .staff_blog_wrap a:hover,
#tmp_idx_wrap .staff_blog_list a:hover .blog_item_ttl {
	text-decoration: none;
}
#tmp_contents .journal_link a:hover {
	text-decoration: underline;
}
#tmp_idx_wrap .column_galleries a:not(:has(.gallery_text)):hover,
#tmp_idx_wrap .staff_blog_list a:hover img{
	opacity: 1;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}