@charset "utf-8";
@media screen and (max-width: 1044px){
	.vwrap{width:800px;}
	/* common */
	#tnb ul > li{font-size:13px;}
	#gnb{margin-left:-400px;}
	#lnb{width:170px; padding-top:140px;}
	#contents{width:610px; padding-left:20px; padding-top:140px;}
	#contents img{max-width:100%;}
	#contents .hvisual{left:-170px; width:800px;}

	/* main */
	#main_visual div.visual{left:150px;}
	#main_visual div.visual,
	#main_visual div.visual li,
	#main_visual div.visual li img{width:500px; height:330px;}
	#main_visual_spaging span{width:140px; height:74px;}
	#main_visual_spaging span:after{line-height:74px;}

	#main_contents .section3 div.gallery{width:290px; padding-right:10px;}
	#main_contents .section3 div.mc_profile{width:260px; margin-right:10px;}
	#main_contents .section3 div.troupe{width:230px;}

	#main_contents .section3 div.gallery li, #main_contents .section3 div.gallery li a, #main_contents .section3 div.gallery li img{width:140px !important; height:95px !important;}
	#main_contents .section3 div.mc_profile .thums div{width:80px; margin-left:10px;}
	#main_contents .section3 div.mc_profile .thums img{width:100%; height:94px;}

	#main_contents .section3 div.troupe img{width:100%; height:95px;}

	#main_contents .section4 h1{font-size:13px;}
	#main_contents .section4 .widgetTableA td.title{font-size:13px;}

	.contents_service div.guide{width:auto; height:auto; padding-bottom:20px;}
	.contents_service li{padding:0 30px 12px;}


	.media_bbs .info a{font-size:14px;}

}
@media screen and (max-width: 820px){
	.vwrap{width:600px;}
	/* common */
	#header div.logo span{padding-left:10px; text-align:left;}
	#header div.logo span.ci{margin:0;}
	#tnb ul > li{font-size:12px; letter-spacing:-1px;}
	#gnb{padding-top:40px; margin-left:-300px;}
	#lnb.lnb_nomn{display:none;}
	#lnb{position:relative; float:none; width:auto; margin-top:10px; padding:17px 0 20px; border:1px solid #ddd; border-radius:3px; background:#f4f4f4;}
	#lnb h1{position:absolute; top:17px; left:10px;}
	#lnb ul{border:0; padding-left:100px;}
	#lnb ul li{display:inline-block; line-height:16px; height:auto; padding:0; border:0; vertical-align:middle;}
	#lnb ul li:before{content:' | '; display:inline-block; margin:0 10px; vertical-align:middle; color:#ddd;}
	#lnb ul li:first-child:before{content:'';}
	#lnb ul li.on{background:none;}
	#lnb .cs{display:none;}
	#contents{float:none; width:auto; padding:0;}
	#contents img{max-width:100%;}
	#contents .hvisual{position:static; left:0; width:100%; padding:10px 0 40px; overflow:hidden;}


	/* main */
	#main_visual{height:554px;}
	#main_visual div.visual{left:0; top:80px;}

	#main_visual div.visual,
	#main_visual div.visual li,
	#main_visual div.visual li img{width:600px;height:394px;}


	#main_visual_spaging span{top:0; left:0; display:inline-block; width:150px; height:80px; margin:0 !important;}
	#main_visual_spaging span:nth-child(2){top:0; left:150px;}
	#main_visual_spaging span:nth-child(3){top:0; left:300px;}
	#main_visual_spaging span:nth-child(4){top:0; left:450px;}
	#main_visual_spaging span:nth-child(5){top:474px; left:0;}
	#main_visual_spaging span:nth-child(6){top:474px; left:150px;}
	#main_visual_spaging span:nth-child(7){top:474px; left:300px;}
	#main_visual_spaging span:nth-child(8){top:474px; left:450px;}

	#main_visual_spaging span.swiper-active-switch:before{background:none !important;}
	#main_visual_spaging span:after{font-size:10px; line-height:80px;}

	#main_contents .section1{display:block; height:270px; overflow:hidden;}
	#main_contents .section1 div{float:left; display:block; width:50%; padding-top:15px; vertical-align:top;}

	#main_contents .section3 div.gallery{width:295px;}
	#main_contents .section3 div.mc_profile{float:right; width:295px; margin-right:0;}
	#main_contents .section3 div.troupe{clear:both; float:none; width:295px; padding-top:20px;}

	#main_contents .section3 div.gallery li, #main_contents .section3 div.gallery li a, #main_contents .section3 div.gallery li img{width:145px !important; height:95px !important; padding:0; margin:0;}
	#main_contents .section3 div.gallery li:first-child{padding-right:5px;}
	#main_contents .section3 div.mc_profile .thums div{width:80px; margin-left:27px;}
	#main_contents .section3 div.mc_profile .thums img{width:100%; height:95px;}

	#main_contents .section3 div.troupe img{width:100%; height:120px;}

	#main_contents .section4{position:relative; margin-top:-177.5px; left:305px; width:295px; padding-top:0; height:157.5px;}
	#main_contents .section4 .notice,
	#main_contents .section4 .review{float:none; width:auto;}
	#main_contents .section4 .notice h1,
	#main_contents .section4 .review h1{display:block; padding:10px;}
	#main_contents .section4 .review h1{padding-top:20px;}
	#main_contents .section4 .notice_area{display:block; padding:0 10px;}
	#main_contents .section4 .widgetTableA tr{display:none;}
	#main_contents .section4 .widgetTableA tr:first-child{display:block;}
}
@media screen and (max-width: 620px){
	.vwrap{width:100%; min-width:320px;}
	body{min-width:320px;}
	/* common */
	#tnb{height:40px; margin-top:-40px; border-top:0; text-align:right;}
	#tnb:after, #tnb.tnb_on:after{display:none;}
	#btn_show_tnb{display:inline-block; height:40px; width:40px; text-align:center;}
	#btn_show_tnb span{display:none;}
	#btn_show_tnb a:after{line-height:40px; font-size:27px; content:"\f0c9"; font-family:'FontAwesome'; background:none; border:0; cursor:pointer; color:#203053;}
	#tnb ul{position:absolute; top:40px; right:0; z-index:10; display:none; width:150px; min-width:100px; height:auto; padding:0 10px; border:1px solid #ccc; background:white;}
	#tnb.tnb_m_on ul{display:block;}
	#tnb ul > li{display:block;}
	#tnb ul > li > a{line-height:30px; border-bottom:1px solid #ddd;}
	#tnb ul > li:last-child > a{border-bottom:0;}
	#tnb ul > li.on > a:after{content:''; display:none;}
	#tnb.tnb_on ol{display:none;}
	#header div.logo{height:70px;}
	#header div.logo span{padding-left:10px; text-align:left;}
	#header div.logo span.ci{margin:0; padding-bottom:5px;}
	#header div.logo span.ci img{width:70px;}
	#header div.logo span.title img{width:180px;}
	#gnb{left:auto; right:0; padding:0; margin-left:0;}
	#gnb form{padding-right:10px;}

	#footer_wrap{padding:10px; text-align:center;}
	#footer_wrap span.logo{display:none;}

	#lnb{display:table; margin:0; padding:7px 0 10px; border:0; border-bottom:1px solid #ddd; background:white;}
	#lnb h1{position:static; display:table-cell; padding:10px; vertical-align:middle;}
	#lnb h1 img{display:inline-block; vertical-align:middle;}
	#lnb ul{display:table-cell;  padding:10px 0; vertical-align:middle;}
	#lnb ul li{font-size:12px; vertical-align:middle;}

	#contents{padding:0 10px;}
	#contents .hvisual{padding:0 20px 0 0; margin:0 0 0 -10px;}
	#contents .hvisual img{max-width:150%;}
	#contents h1{height:auto; padding:30px 4px 5px;}
	#contents div.location{margin:0; height:auto; padding-top:2px; padding-right:10px;}


	/* main */
	#main_contents{padding:0;}
	#main_visual{height:auto;}
	#main_visual div.visual{top:0;}
	#main_visual div.visual{width:100%;height:0; padding-bottom:65.5%;}
	#main_visual div.visual li{height:100%;}
	#main_visual div.visual li img{width:100%; height:auto;}


	#main_visual .swiper_paging{display:none;}

	#main_contents .section1{height:auto; margin:10px 0 0; padding-bottom:10px;}
	#main_contents .section1 div{float:none; width:auto; padding:10px 10px 0; text-align:left;}
	#main_contents .section1 div br{display:none;}
	#main_contents .section1 div span{padding-left:5px;}
	#main_contents .section1 div p{padding-top:0; word-break:keep-all; word-wrap:break-word;}

	#main_contents .section2{padding:10px 0; border-bottom:0;}
	#main_contents .section2 div{position:relative; float:none; width:auto; height:auto; padding:0 10px 5px; margin:0;}
	#main_contents .section2 div img{position:static; height:auto;}

	#main_contents .section3 {padding:10px 0;}
	#main_contents .section3 div.gallery{float:none; width:auto; padding:0 10px;}
	#main_contents .section3 div.mc_profile{float:none; width:auto; margin:10px 10px 0;}
	#main_contents .section3 div.troupe{float:none; width:auto; padding:10px 10px 0;}

	#main_contents .section3 div.thums{padding-top:5px;}
	#main_contents .section3 div.gallery ul{width:auto !important;}
	#main_contents .section3 div.gallery li:first-child{padding-right:4% !important;}
	#main_contents .section3 div.gallery li{width:48% !important; height:auto !important; padding:0 !important; margin:0;}
	#main_contents .section3 div.gallery li a, #main_contents .section3 div.gallery li img{width:100% !important; height:auto !important; padding:0; margin:0;}
	#main_contents .section3 div.gallery li:first-child{padding-right:5px;}

	/*#main_contents .section3 div.mc_profile .thums div{width:32%; margin-left:2%;}
	#main_contents .section3 div.mc_profile .thums img{width:100%; height:auto;}*/

	#main_contents .section3 div.troupe img{width:100%; height:auto;}

	#main_contents .section4{position:static; margin-top:0; left:0; width:auto; padding:0; height:auto;}
	#main_contents .section4 .notice h1,
	#main_contents .section4 .review h1{padding:10px 10px 5px;}
	#main_contents .section4 .review{padding-bottom:10px;}

	/* sub */
	.contents_promise h1 + .section{padding-top:30px;}
	.contents_area .section_t{padding-top:30px;}
	.contents_location .section1{padding-top:10px;}

	.contents_wgenre .section{padding-top:25px;}
	.contents_wgenre .section1{padding-top:40px;}
	.contents_wgenre .section1 img{width:60%;}
	.contents_wgenre .section2{padding-top:40px;}

	.contents_helper p{font-size:13px;}
	.contents_package p br,
	.contents_helper p br{display:none;}
	.contents_helper p .txt1,
	.contents_helper p .txt2{display:block; padding:10px 0 0;}

	.media_bbs .media{float:none; width:100%; padding-bottom:60%;}
	.media_bbs .info{float:none; width:auto; margin-left:0; text-align:center;}
	.media_bbs .info strong{display:inline-block; margin-top:20px;}
	.media_bbs .info a{width:auto; padding:0 10px; margin-top:10px;}


}