@charset "UTF-8";

/* -------------------------------------------------------------
　ナビメニュー
------------------------------------------------------------- */

#naviMenu {
  width: 100%;
  background-color: #1E2B30;
  color:#fff;
  padding: 12px 0px;
  text-align: center;
  display: block;
  font-size: 16px;
  font-weight:300;
  margin: 0 auto;
  line-height: 180%;
  }

#naviMenu {
	margin: 90px 0 0;
}

#naviMenu select {
  padding:5px 20px;
  background-color:#fff;
  margin-left:20px; border:solid 1px #1E2B30;
  border-radius:8px;
  color:#1E2B30;
  }




/* -------------------------------------------------------------
　タイトル
------------------------------------------------------------- */

#content #main-ttl {
	width:100%;
	text-align:center;
	line-height: 1;
	margin: 0 0 40px;
	padding: 50px 0 0;
}

#content #main-ttl p {
    display: inline-block;
	width: 180px;
    color: #fff;
	font-size: 12px;
    text-align: center;
	letter-spacing: 3.6px;
	margin: 0 0 10px;
	padding: 9px 5px;
    background-color:#74574A;
	border-radius: 20px ;
}

#content #main-ttl h1 {
	/*font-size: 22px;
	letter-spacing:1.1px*/
	color:#74574A;
	font-size: 21px;
	font-weight: 300;
	text-align:center;
	margin: 0 0 15px;
}

#content #main-ttl .sub_ttl{
	color: #484848;
	font-size: 12px;
	letter-spacing: 1.2px;
}

#content p.update {
	color: #666;
	font-size: 12px;
	text-align: right;
	margin: 0 5px 10px 0;
}

#content img.main-img {
	display: block;
	width: 100%;
	margin: 0 0 35px;
}

#content p.lead {
	font-size: 13px;
	font-weight: 200;
	text-align: center;
	line-height: 2;
	margin: 0 0 55px;
}



/* ページナビ
------------------------------------------------------------- */

#content .nav_wrap {
	margin: 0 10px;
}

#content .top_navi_menu,
#content .navi_menu {
	max-width: 600px;
	margin: 0 auto 40px;
	/*padding: 5px 6px 0;*/
	padding: 15px 6px 0;
	border: solid 4px #E8D7C4;
}

#content .navi_menu h2 {
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	letter-spacing: 0.8px;
	margin: -10px 0 20px;
	padding: 6px 15px;
	background: url("../img/live/bg_sttl2.jpg");
}

/* 目次エリア帯 廃止に伴い未使用 */
#content .navi_menu h3 {
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	letter-spacing: 0.8px;
	margin: 0 0 20px;
	padding: 6px 15px;
	background: url("../img/live/bg_sttl2.jpg");
}

#content .navi_menu ul {
	margin: 0 10px;
}

#content .navi_menu ul li {
	margin: 0 0 15px 10px;
	padding: 0 0 0 15px;
	background: url(../img/live/mk_arrow_dBrown_Rs.png) left 6px no-repeat;
	background-size: 8px auto;
}

#content .navi_menu ul li.list {
	text-indent: -1.4em;
	margin: 0 0 15px 1.4em;
	padding: 0;
	background: none;
}

#content .navi_menu ul li a {
	color: #1E2B30;
	font-size: 14px;
	font-weight: 200;
	line-height: 1.2;
}

#content .navi_menu ul li a .box_color {
	color: #AA8574;
}

#content .top_reserve {
	display: block;
	width: 330px;
	color: #74574a;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	line-height: 1.7;
	margin: 0 auto 50px;
	padding: 10px;
	background: #fff url(../img/live/arrow_brownR.svg) 90% 50% no-repeat;
	border: 1px solid #74574A;
	border-radius: 50px;
	transition: 0.5s;
}
#content .top_reserve:hover {
	background: #FAF5F0 url(../img/live/arrow_brownR.svg) 92% 50% no-repeat;
	transition: 0.5s;
}




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

#area2,
#area4 {
	margin: 0 10px 30px;
	padding: 0 0 30px;
	border-bottom: 1px solid #CACACA;
}

#content #spot2_10,
#content #spot3_6,
#content #spot4_8,
#content #spot5_4,
#content #spot6_4 {
	margin: 0 10px 50px;
}


#content h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	margin: 0 0 20px;
	padding: 10px;
	background: url("../img/live/bg_sttl1.jpg");
}

#content h2 img {
	margin:0 10px 0 0;
}

#content .spot {
	margin: 0 10px 15px;
	padding: 0 0 15px;
	border-bottom: solid 1px #cacaca;
}

/* media Queries /////////////////////////////////////
--------------------------------------------------- */
@media screen and (min-width:620px), print {

	#content .spot {
		max-width: 600px;
		margin: 0 auto 15px;
	}

	#content #spot2_10,
	#content #spot3_6,
	#content #spot4_8,
	#content #spot5_4,
	#content #spot6_4 {
		max-width: 600px;
		margin: 0 auto 50px;
	}

}/* media Queries 620 */





/* -------------------------------------------------------------
　カテゴリー：ライブ遠征時のホテル選びのポイント
------------------------------------------------------------- */

#area1 {
	margin: 0 0 50px;
	padding: 0 10px;
}

#area1 .container .spot_lead {
	max-width: 600px;
	margin: 0 auto 15px;
	padding: 0 0 20px;
	border-bottom: 1px dashed #74574A;
}

#area1 .row {
	max-width: 600px;
	margin: 0 auto;
}

#area1 .row .sttl p.point {
	width: 80px;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.6px;
	margin: 0 auto 8px;
	padding: 8px 0;
	background: #AA8574;
	border-bottom: none;
	border-radius: 30px;
}

#area1 .row .sttl h3 {
	color: #74574A;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	line-height: 1;
	margin: 0 0 15px;
}

#area1 .row p {
	color: #1E2B30;
	font-size: 12px;
	font-weight: 200;
	line-height: 1.7;
	margin: 0 0 15px;
	padding: 0 0 20px;
	border-bottom: 1px dashed #74574A;
}




/* spot1：【エリア別】主要ライブ会場
------------------------------------------------------------- */

#spot1.spot,
#spot2.spot,
#spot3.spot,
#spot4.spot,
#spot5.spot,
#spot6.spot {
	max-width: unset;
	margin: 0 10px 35px;
	padding: 0;
	border-bottom: none;
}

#spot1 .live_pack ul {
	display: flex;
	flex-wrap: wrap;
	max-width: 355px;
	margin: 0 auto 25px;
}

#spot1 .live_pack ul li {
	width: 170px;
	margin: 0 15px 15px 0;
}

#spot1 .live_pack ul li:nth-child(even) {
	margin: 0 0 15px;
}

/* media Queries /////////////////////////////////////
--------------------------------------------------- */
@media screen and (min-width:560px), print {

	#spot1 .live_pack ul {
		max-width: 540px;
	}

	#spot1 .live_pack ul li:nth-child(even) {
		margin: 0 15px 15px 0;
	}
	#spot1 .live_pack ul li:nth-child(3) {
		margin: 0 0 15px;
	}

}/* media Queries 560 */

/* media Queries /////////////////////////////////////
--------------------------------------------------- */
@media screen and (min-width:745px), print {

	#spot1 .live_pack ul {
		max-width: 725px;
	}

	#spot1 .live_pack ul li:nth-child(3) {
		margin: 0 15px 15px 0;
	}

	#spot1 .live_pack ul li:nth-child(4) {
		margin: 0 0 15px;
	}

}/* media Queries 745 */


#spot1 .live_pack ul li img {
	display: block;
}

#spot1 .live_pack ul li p {
	color: #74574A;
	font-size: 17px;
	font-weight: 400;
	text-align: center;
	line-height: 1;
	padding: 13px 8px;
	background: #F2E7DC;
	border-radius: 0 0 6px 6px;
}

#content #spot1 a.reserve_bt {
	margin: 0 auto 50px;
}



/* 各ライブ会場　ナビBlock
------------------------------------------------------------- */

.spot_lead {
	color: #74574A;
	font-size: 13px;
	font-weight: 300;
	text-align: center;
	line-height: 2;
	margin: 0 0 20px;
}



/* 各ライブ会場
------------------------------------------------------------- */

#content article {
	margin: 0 0 20px;
}

#content article h2 {
	display: block;
	color: #74574A;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	margin: 0 0 15px;
	padding: 0;
	background: none;
}

#content article .column_L {
	font-size: 12px;
	font-weight: 200;
	line-height: 1.8;
	margin: 0 0 15px;
}

#content article .column_R img {
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	border-radius: 20px;
}

#content article .column {
	font-size: 12px;
	font-weight: 200;
	line-height: 1.8;
	margin: 0 0 15px;
}

#content article .column_R .caption {
	display: block;
	text-align: right;
	margin: 5px 0 0;
}


/* 施設情報 アコーディオン */
#content .facility {
	margin: 0 0 20px;
	background: #FAF5F0;
}

/* アコーディオン */

#content .facility .toggle {
	display: none;
}

#content .facility .option {
	position: relative;
}

#content .facility .title,
#content .facility .content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

#content .facility .title {
	display: block;
	color: #74574A;
	font-size:18px;
	font-weight: 400;
	letter-spacing: 1.5px;
	padding: 20px;
	cursor: pointer;
}

#content .facility .title::after,
#content .facility .title::before {
	content: "";
	position: absolute;
	top: 26px;
	right: 30px;
	width: 2px;
	height: 20px;
	background: #000;
	transition: all 0.3s;
}

#content .facility .title::after {
	transform: rotate(90deg);
}

#content .facility .content {
	max-height: 0;
	overflow: hidden;
}

#content .facility .content p {
	font-size: 0.9em;
	line-height: 1.5;
	padding: 0em 1em 0em;
}

#content .facility .toggle:checked + .title + .content {
	max-height: 2000px;  /*デフォルト500px*/
	transition: all 1.5s;
}

#content .facility .toggle:checked + .title::before {
	transform: rotate(90deg) !important;
}

/* 施設情報 */
#content .facility table {
	width: calc(100% - 40px);
	margin: 0 20px 30px;
	border-top: 1px solid #74574A;
}

#content .facility table th,
#content .facility table td {
	display:block; 
	font-size: 12px;
	vertical-align:top;
}

#content .facility table th {
	color: #74574A;
	font-weight: 400;
	padding: 0.6em 0.2em 0.2em;
}

#content .facility table td {
	font-weight: 200;
	padding: 0 0.2em;
}

#content .facility table td a {
	color: #74574A;
	font-size: 14px;
}

#content .facility table td a:hover {
	color: #1D2B30;
}


/* おすすめホテル */
#content .pick_up {
	margin: 0 0 15px;
	padding: 20px 8px 10px;
	background: #F4F7F8;
	border-radius: 10px;
}

#content .pick_up .icon_column {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 20px;
}

#content .pick_up .icon_column img {
	width: 42px;
	margin: 0 10px 0 0;
}

#content .pick_up .icon_column h3 {
	color: #6590A3;
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	line-height: 1;
}

#content .pick_up a.col {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 400px;
	margin: 0 auto 15px;
	padding: 12px 10px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16);
}

#content .pick_up a.col img {
	width: 38%;
	max-width: 140px;
	border-radius: 4px;
}

#content .pick_up .row {
	width: calc(100% - 124px);
	padding: 0 0 0 15px;
}

#content .pick_up .topic {
	color: #fff;
	font-size: 11px;
	font-weight: 400;
	text-align: center;
	line-height: 1.2;
	padding: 5px 0;
	background: #6590A3;
	border-radius: 20px;
}

#content .pick_up .name {
	color: #6590A3;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	line-height: 1.5;
}





/* -------------------------------------------------------------
　ライブ遠征時のホテル予約前に確認しておきたいこと
------------------------------------------------------------- */

#area2 ul {
	max-width: 600px;
	margin: 0 auto 20px;
	padding: 20px 20px 0;
	border: 4px solid #E8D7C5;
}

#area2 ul li {
	color: #74574A;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	text-indent: -1.3em;
	margin: 0 0 20px 1em;
}
#area2 ul li::before {
	content: '●';
	color: #AA8574;
	font-size: 10px;
	margin: 0 0.8em 0 0;
}

#area2 p {
	max-width: 600px;
	font-weight: 200;
	line-height: 1.7;
	margin: 0 auto;
}





/* -------------------------------------------------------------
　ライブ遠征のホテル選びについてよくある質問
------------------------------------------------------------- */

#area3 {
	margin: 0 10px 20px;
}

.faq_navi {
	max-width: 600px;
	margin: 0 auto;
	padding: 10px 16px;
	border: solid 4px #E8D7C4;
} 

.faq_navi ul li {
	font-size: 14px;
}
.faq_navi ul li::before {
	display: inline-block;
	content: 'Q';
	color: #D87F5E;
	font-family: Zen Maru Gothic;
	font-size: 24px;
	font-weight: 500;
	vertical-align: middle;
	margin: -5px 15px 0 0;
}

.faq_navi ul li a {
	color: #D87F5E;
	font-weight: 400;
}



/* FAQ
------------------------------------------------------------- */

#faq_bl {
	max-width: 600px;
	margin: 0 auto;
	padding: 0 10px;
}


#faq_bl .ttl_bl h2 {
	color: #74574A;
	font-family: Zen Maru Gothic;
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	margin: 0 0 10px;
	padding: 0;
	background: none;
}

#faq_bl .ttl_bl h2 span {
	font-size: 40px;
}


#faq_bl dl.acdn_item {
	width: 100%;
	max-width: 1040px;
	margin: 0 auto 70px;
}

#faq_bl dl.acdn_item dt {
	display: flex;
	position: relative;
	color:#d87f5e;
	font-size: 16px;
	font-weight: 400;
	padding: 20px 30px 20px 38px;
	background: url(/tourism/img/live/mk_plus.svg) 99% 50% no-repeat,
	url(/tourism/img/live/mk_q.svg) 0px 50%/auto 22px no-repeat;
	cursor: pointer;
}
#faq_bl dl.acdn_item dt::after {
	content: ""; 
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-image : linear-gradient(to right, #CACACA 3px, transparent 1px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position: bottom;
}

#faq_bl dl.acdn_item dt.open {
	background: url(/tourism/img/live/mk_minus.svg) 99% 50% no-repeat,
	url(/tourism/img/live/mk_q.svg) 0px 50%/auto 22px no-repeat;
}
#faq_bl dl.acdn_item dt.open::after {
	background-image : none;
}

#faq_bl dl.acdn_item dd {
	position: relative;
	font-size: 12px;
	line-height: 2;
	padding: 0 30px 20px 38px;
	background: url(/tourism/img/live/mk_a.svg) 1px 4%/auto 22px no-repeat;
}
#faq_bl dl.acdn_item dd::after {
	content: ""; 
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-image : linear-gradient(to right, #CACACA 3px, transparent 1px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position: bottom;
}





/* -------------------------------------------------------------
　推し活や遠征時のホテルはアクセスの良さで選ぼう
------------------------------------------------------------- */

#area4 p {
	max-width: 600px;
	font-weight: 200;
	line-height: 1.7;
	margin: 0 auto 25px;
}

#content a.reserve_bt {
	display: block;
	width: 330px;
	color: #74574A;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	margin: 0 auto;
	padding: 15px 10px;
	background: url(../img/live/arrow_brownR.svg) 92% 50% no-repeat;
	border: 1px solid #74574A;
	border-radius: 50px;
	transition: 0.5s;
}

#content a.reserve_bt:hover {
	background: #FAF5F0 url(../img/live/arrow_brownR.svg) 94% 50% no-repeat;
	transition: 0.5s;
}





/* -------------------------------------------------------------
　関連記事リンク
------------------------------------------------------------- */

#content .info_box {
	width: calc(100% - 20px);
	font-size: 13px;
	margin: 40px auto 20px;
	padding: 13px 20px 5px;
	border: solid 3px #6590A3;
}

#content .info_box h4 {
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 10px;
}

#content .info_box ul li {
	margin: 0 0 15px 10px;
	line-height: 1;
}

#content .info_box ul li a {
	color:#6590a3;
	font-size: 12px;
	font-weight: 350;
	line-height: 1;
}

#content .info_box ul li a:hover,
#content .info_box ul li a:active {
	color:#6590a3;
}



/* SNSシェアボタン
------------------------------------------------------------- */

#content #sns_share {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0 0 15px;
}

#content #sns_share img {
	margin: 0 5px;
}



/* 注意書き
------------------------------------------------------------- */
#content p.caution {
	font-size: 12px;
	line-height: 2;
	margin: 0 10px 50px;
}











/*media Queries PC
--------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:810px), print {

/* -------------------------------------------------------------
　ナビメニュー
------------------------------------------------------------- */

#naviMenu {
	font-size: 18px;
	line-height: auto;
	margin: 120px auto 80px;
}


#content {
	max-width: 1000px;
	margin: 0 auto;
}



/* -------------------------------------------------------------
　タイトル
------------------------------------------------------------- 810px */

#content #main-ttl {
	margin: 0 0 40px;
	padding: 20px 0 0;
}

#content #main-ttl p {
	width: 330px;
	font-size: 22px;
	letter-spacing: 6.6px;
	margin: 0 0 20px;
	padding: 9px 5px 11px;
}

#content #main-ttl h1 {
	/*font-size: 50px;
	letter-spacing: 2.5px;*/
	font-size: 48px;
	letter-spacing: 1.5px;
	margin: 0 0 25px;
}

#content #main-ttl .sub_ttl{
	font-size: 22px;
	letter-spacing: 2.2px;
}

#content p.update {
	font-size: 13px;
	margin: 0 0 13px;
}

#content p.lead {
	font-size: 17px;
	margin: 0 0 40px;
}


/* ページナビ
------------------------------------------------------------- */

#content .top_navi_menu,
#content .navi_menu {
	max-width: 940px;
	margin: 0 auto 50px;
	/*padding: 5px 6px 0;*/
	padding: 30px 6px 0;
	border: solid 4px #E8D7C4;
}

#content .navi_menu h2 {
	font-size: 28px;
	letter-spacing: 1.4px;
	margin: -25px 0 30px;
	padding: 3px 15px;
}

/* 目次エリア帯 廃止に伴い未使用 */
#content .navi_menu h3 {
	font-size: 28px;
	letter-spacing: 1.4px;
	margin: 0 0 30px;
	padding: 3px 15px;
}

#content .navi_menu ul {
	margin: 0 35px 30px;
}

#content .navi_menu ul li {
	margin: 0 0 15px 10px;
	background: url(../img/live/mk_arrow_dBrown_Rs.png) left 6px no-repeat;
	background-size: 10px auto;
}

#content .navi_menu ul li a {
	font-size: 16px;
	line-height: 1.2;
}

#content .top_reserve {
	width: 380px;
	font-size: 16px;
	line-height: 1.7;
	margin: 0 auto 100px;
	padding: 12px;
	background: #fff url(../img/live/arrow_brownR.svg) 90% 50% no-repeat;
}




/* -------------------------------------------------------------
　共通
------------------------------------------------------------- 810px */

#area2,
#area4 {
	margin: 0 10px 100px;
	padding: 0 0 50px;
}


#content h2 {
	font-size: 26px;
	margin: 0 0 40px;
	padding: 7px;
}

#content .spot {
	max-width: unset;
	margin: 0 10px 50px;
	padding: 0 0 50px;
}

#content #spot2_10,
#content #spot3_6,
#content #spot4_8,
#content #spot5_4,
#content #spot6_4 {
	max-width: unset;
	margin: 0 10px 100px;
}

.sp_br {
	display: none;
}





/* -------------------------------------------------------------
　カテゴリー：ライブ遠征時のホテル選びのポイント
------------------------------------------------------------- 810px */

#area1 {
	margin: 0 0 100px;
}

#area1 .container .spot_lead {
	max-width: unset;
	margin: 0 0 25px;
	padding: 0 0 40px;
}

#area1 .row {
	max-width: unset;
	margin: 0;
}

#area1 .row .sttl {
	display: flex;
	align-items: center;
	margin: 0 0 20px;
}

#area1 .row .sttl p.point {
	width: 100px;
	font-size: 16px;
	margin: 0 10px 0 0;
	padding: 10px 0;
}

#area1 .row .sttl h3 {
	font-size: 24px;
	text-align: left;
	margin: 0;
}

#area1 .row p {
	font-size: 16px;
	line-height: 1.8;
	margin: 0 0 25px;
	padding: 0 0 35px;
}




/* spot1：【エリア別】主要ライブ会場
------------------------------------------------------------- */

#spot1.spot,
#spot2.spot,
#spot3.spot,
#spot4.spot,
#spot5.spot,
#spot6.spot {
	margin: 0 10px 50px;
	padding: 0;
}

#spot1 .live_pack ul li:nth-child(5) {
	margin: 0;
}

#spot1 .live_pack ul li p {
	font-size: 18px;
	padding: 14px 3px;
}

#content #spot1 a.reserve_bt {
	margin: 0 auto 100px;
}


/* media Queries /////////////////////////////////////
--------------------------------------------------- */
@media screen and (min-width:930px), print {

	#spot1 .live_pack ul {
		width: calc(100% - 20px);
		max-width: 1000px;
		margin: 0 auto 50px;
	}

	#spot1 .live_pack ul li {
		width: 20.25%;
		max-width: 202.5px;
		margin: 0;
		padding: 0 1.25% 0 0;
	}

	#spot1 .live_pack ul li:nth-child(even),
	#spot1 .live_pack ul li:nth-child(3),
	#spot1 .live_pack ul li:nth-child(4) {
		margin: 0;
	}

	#spot1 .live_pack ul li:nth-child(5) {
		width: 19%;
		max-width: 190px;
		padding: 0;
	}

}/* media Queries 930 */




/* 各ライブ会場　ナビBlock
------------------------------------------------------------- */

.spot_lead {
	font-size: 18px;
	line-height: 1.8;
	margin: 0 0 50px;
}

/* 東京エリア　ライブ会場 */
#spot2 .spot_lead {
	letter-spacing: -0.5px;
}



/* 各ライブ会場
------------------------------------------------------------- */

#content article {
	display: flex;
	width: 100%;
	margin: 0 0 40px;
}

#content article h2 {
	font-size: 28px;
}

#content article .column_L {
	width: 60%;
	font-size: 16px;
	line-height: 1.9;
	margin: 0;
	padding: 0 5% 0 0;
}

#content article .column_R {
	width: 40%;
}

#content article .column_R img {
	margin: 0;
	border-radius: 10px;
}

#content article .column {
	font-size: 16px;
	line-height: 1.9;
	margin: 0;
}


/* 施設情報 アコーディオン */
#content .facility {
	margin: 0 0 40px;
}

/* アコーディオン */
#content .facility .title {
	font-size: 20px;
	letter-spacing: 1px;
	padding: 16px 25px;
}

#content .facility .title::after,
#content .facility .title::before {
	top: 28px;
	right: 40px;
}

/* 施設情報 */
#content .facility table {
	display: table;
	width: calc(100% - 50px);
	margin: 0 25px 30px;
}

#content .facility table th {
	display: table-cell;
	width: 130px;
	font-size: 16px;
	padding: 8px;
}

#content .facility table tr:first-of-type th {
	padding:20px 8px 8px;
}

#content .facility table td {
	display: table-cell;
	font-size: 14px;
	padding: 10px 8px 8px;
}

#content .facility table tr:first-of-type td {
	padding:22px 8px 8px;
}


/* おすすめホテル */
#content .pick_up {
	margin: 0;
	padding: 0;
}

#content .pick_up .container {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 22px 2%;
}

#content .pick_up .icon_column {
	display: block;
	width: 10.96%;
	text-align: center;
	margin: 0;
}

#content .pick_up .icon_column img {
	width: 76px;
	margin: 0 0 5px;
}

#content .pick_up .icon_column h3 {
	font-size: 11px;
}

/* media Queries /////////////////////////////////////
--------------------------------------------------- */
@media screen and (min-width:820px), print {

	#content .pick_up .icon_column h3 {
		font-size: 12px;
	}

}/* media Queries 820px */


#content .pick_up a.col {
	width: 41.67%;
	max-width: 400px;
	margin: 0;
	padding: 13px 1.6%;
}
#content .pick_up a.col:first-of-type {
	width: 41.67%;
	margin: 0 2.5% 0 3.2%;
}

#content .pick_up .row {
	width: 62%;
	padding: 0 0 0 6.5%;
}

#content .pick_up .topic {
	font-size: 11px;
	line-height: 1.2;
	margin: 0 0 3px;
	padding: 5px 0;
}


/* media Queries /////////////////////////////////////
--------------------------------------------------- */
@media screen and (min-width:850px), print {

	#content .pick_up .name {
		font-size: 15px;
	}

}/* media Queries 850 */





/* -------------------------------------------------------------
　ライブ遠征時のホテル予約前に確認しておきたいこと
------------------------------------------------------------- 810px */

#area2 ul {
	max-width: unset;
	margin: 0 0 40px;
	padding: 30px 40px 26px 60px;
}

#area2 ul li {
	font-size: 18px;
	font-weight: 400;
	line-height: 2.2;
	text-indent: -1em;
	margin: 0 1em 0 0;
}
#area2 ul li::before {
	font-size: 12px;
	margin: 0 25px 0 0;
}

#area2 p {
	max-width: unset;
	font-size: 16px;
	line-height: 1.9;
	margin: 0;
}





/* -------------------------------------------------------------
　ライブ遠征のホテル選びについてよくある質問
------------------------------------------------------------- 810px */

#area3 {
	margin: 0 10px 30px;
}

#area3 p {
	margin: 0 0 40px;
}

.faq_navi {
	max-width: unset;
	margin: 0;
	padding: 28px 30px 24px 35px;
} 

.faq_navi ul li {
	font-size: 18px;
}
.faq_navi ul li::before {
	font-size: 30px;
	margin: -8px 20px 0 0;
}



/* FAQ
------------------------------------------------------------- */

#faq_bl {
	max-width: unset;
}


#faq_bl .ttl_bl h2 {
	font-size: 60px;
	margin: 0 0 5px;
}

#faq_bl .ttl_bl h2 span {
	font-size: 50px;
}


#faq_bl dl.acdn_item {
	margin: 0 0 100px;
}

#faq_bl dl.acdn_item dt {
	font-size: 22px;
	padding: 20px 30px 20px 53px;
	background: url(/tourism/img/live/mk_plus.svg) 99% 50% no-repeat,
	url(/tourism/img/live/mk_q.svg) 15px 50%/auto 25px no-repeat;
}

#faq_bl dl.acdn_item dt.open {
	background: url(/tourism/img/live/mk_minus.svg) 99% 50% no-repeat,
	url(/tourism/img/live/mk_q.svg) 15px 50%/auto 25px no-repeat;
}

#faq_bl dl.acdn_item dd {
	font-size: 16px;
	line-height: 1.7;
	margin: 0 0 20px;
	padding: 0 30px 30px 53px;
	background: url(/tourism/img/live/mk_a.svg) 16px 4%/auto 25px no-repeat;
}





/* -------------------------------------------------------------
　推し活や遠征時のホテルはアクセスの良さで選ぼう
------------------------------------------------------------- 810px */

#area4 p {
	max-width: unset;
	font-size: 16px;
	line-height: 1.9;
	margin: 0 0 40px;
}

#content a.reserve_bt {
	width: 380px;
	font-size: 16px;
}





/* -------------------------------------------------------------
　関連記事リンク
------------------------------------------------------------- 810px */

#content .info_box {
	font-size: 16px;
	margin: 0 auto 60px;
	padding: 20px 30px 25px;
}

#content .info_box h4 {
	margin: 0 0 15px;
}

#content .info_box ul li {
	margin: 0 0 15px 20px;
}
#content .info_box ul li a {
	font-size: 14px;
}



/* SNSシェアボタン
------------------------------------------------------------- */

#content #sns_share {
	margin: 0 0 40px;
}



/* 注意書き
------------------------------------------------------------- */

#content p.caution {
	margin: 0 10px 100px;
}






}/* media Queries PC 810 */








/*media Queries PC
----------------------------------------------------*/
@media screen and (min-width:1024px), print {

/* -------------------------------------------------------------
　タイトル
------------------------------------------------------------- 1024px */

#content img.main-img {
	border-radius: 20px;
}

#content p.lead {
	font-size: 18px;
}




/* -------------------------------------------------------------
　共通
------------------------------------------------------------- 1024px */

#area2,
#area4 {
	margin: 0 0 100px;
	padding: 0 0 50px;
}

#content .spot {
	margin: 0 0 50px;
}

#content #spot2_10,
#content #spot3_6,
#content #spot4_8,
#content #spot5_4,
#content #spot6_4 {
	max-width: unset;
	margin: 0 0 100px;
}

.spot_lead {
	font-size: 20px;
}

/* 東京エリア　ライブ会場 */
#spot2 .spot_lead {
	letter-spacing: 0;
	margin: 0px 0px 30px;
}




/* -------------------------------------------------------------
　カテゴリー：ライブ遠征時のホテル選びのポイント
------------------------------------------------------------- 1024px */

#area1 {
	padding: 0;
}



/* spot1：【エリア別】主要ライブ会場
------------------------------------------------------------- */

#spot1.spot {
	margin: 0 auto 100px;
}

#spot2.spot,
#spot3.spot,
#spot4.spot,
#spot5.spot,
#spot6.spot {
	margin: 0 auto 80px;
}



/* 各ライブ会場
------------------------------------------------------------- */

/* おすすめホテル */

#content .pick_up .topic {
	font-size: 12px;
}

#content .pick_up .name {
	font-size: 16px;
}





/* -------------------------------------------------------------
　ライブ遠征のホテル選びについてよくある質問
------------------------------------------------------------- 1024px */

#area3 {
	margin: 0 0 30px;
}



/* FAQ
------------------------------------------------------------- */

#faq_bl {
	padding: 0;
}





/* -------------------------------------------------------------
　関連記事リンク
------------------------------------------------------------- 810px */

#content .info_box {
	width: 100%;
}



/* 注意書き
------------------------------------------------------------- */

#content p.caution {
	margin: 0 0 100px;
}







}/* media Queries PC 1024 */