/* Scss Document */
.sp { display: block; }

.sp img { display: block; width: 100%; }

.pc { display: none; }

#contentsArea #contents { width: 100%; background: url(https://img.travel.rakuten.co.jp/movement/nagasaki/201806/images/page_bg.gif) 0 0 repeat; padding: 0; }

.img_sp img { width: 100%; }

.page_h2 { width: 100%; margin-bottom: 8px; }

.page_h2 img { width: 100%; }

.f13 { font-size: 12px; line-height: 1.4; }

.f14 { font-size: 13px; line-height: 1.4; }

.f15 { font-size: 13px; line-height: 1.4; }

.f16 { font-size: 14px; line-height: 1.4; }

/* Top */
#keyVisual { width: 100%; margin-bottom: 0; }

#keyVisual h1 { position: absolute; width: 216px; z-index: 999; top: 12px; left: 12px; }

#keyVisual h1 img { display: block; }

#keyVisual .swiper-slide { width: 350px !important; margin-bottom: 0; }

#keyVisual .swiper-slide img { width: 100%; }

.top_logo { width: 74px; position: absolute; top: 12px; right: 12px; z-index: 97; }

.top_logo img { width: 100%; display: block; }

/* Nav */
.main_nav { margin: auto auto 5px auto; padding-top: 10px; }

.main_nav li { float: left; width: 31%; margin: 0 0 10px 2%; text-align: center; }

.main_nav img { margin: auto; width: 100%; max-width: 136px; display: block; }

.main_nav a { display: block; }

/* cpn_block */
#contentsArea .cpn_block { text-align: right; margin-bottom: 15px; }

#contentsArea .cpn_block a:hover img { opacity: 0.7; }

#contentsArea .cpn_block span { text-align: right; margin: 20px 0 0 25px; font-size: 13px; }

#contentsArea .cpn_block span a { text-decoration: underline; }

#contentsArea .cpn_block span a:hover { text-decoration: none; color: #2ca534; }

.part0 { margin: auto 10px 10px 10px; }

.part0 ul { text-align: center; }

.part0 li { margin-bottom: 5px; }

.part0 li span { background: url(https://img.travel.rakuten.co.jp/movement/nagasaki/201806/images/p0txt_bg.png) left bottom repeat-x; }

/* Part1 */
#Part1 { width: 100%; background: url(https://img.travel.rakuten.co.jp/movement/nagasaki/201806/images/p1tlt.jpg) top center no-repeat; padding-top: 40px; background-size: auto 40px; margin-bottom: 15px; }

.p1block { background: url(https://img.travel.rakuten.co.jp/movement/nagasaki/201806/images/p1b1bg.jpg) 0 0 repeat; padding: 12px; }

.p1b2txt { margin: 0 0 10px 0; border: 2px solid #fff; border-radius: 8px; box-sizing: border-box; padding: 8px 10px; color: #fff; text-align: center; }

.p1b2img3 { width: 260px; margin: auto; }

.page_btn { margin: 0 20px 15px 20px; }

/* Part2 */
#Part2 { margin: 0 12px 15px 12px; }

.p2block2 { margin: 15px 0; clear: both; }

/* Part3 */
#Part3 { margin: 0 12px 15px 12px; }

.p3block li { background: #faf5cf; padding: 10px; margin-bottom: 10px; }

.p3block li img { margin: auto auto 10px auto; width: 40%; display: block; float: left; }

.p3block li dl { margin-bottom: 8px; width: 58%; float: right; }

.p3block li dt { text-align: center; margin-bottom: 4px; }

.p3block li span { display: block; padding: 4px 8px; border: dashed 1px #333; }

.p3block2 { background: #faf5cf; box-sizing: border-box; padding: 12px; }

.p3block2 img { width: 100%; }

.p3block2 dt { margin-bottom: 4px; }

.p3block2 span { display: block; padding: 4px 8px; border: dashed 1px #333; margin-top: 8px; }

/* Part4 */
#Part4 { margin: 0 12px 15px 12px; }

/* Part5 */
#Part5 { margin: 0 12px 15px 12px; }

.map_r iframe { width: 100%; display: block; height: 320px; }

/* ----- area -----*/
div.area { margin: 0 10px 15px 10px; }

div.area span.sp { padding: 10px; font-size: 13px; display: block; padding: 10px; }

ul.btnSpot li { float: left; width: 45.3%; margin-left: 3%; }

ul.btnSpot li img { width: 100%; }

ul.type1 li.left img { width: 100%; }

ul.type1 li.right dt { text-align: center; }

ul.type1 li.right dt img { width: 100%; max-width: 200px; }

dd.txt { font-size: 13px; }

dd.address { color: #9f7e6d; line-height: 1.3; margin-top: 5px; padding: 5px; font-size: 12px; }

dd.address small { display: block; margin-top: 8px; }

dd.address span { border: 1px solid #9f7e6d; padding: 2px 6px; font-size: 14px; }

ul.type1 li.right dd.btn a { position: relative; background: #333333; border-radius: 5px; color: #fff !important; display: block; text-align: center; padding: 15px 0; margin-top: 5px; }

ul.type1 li.right dd.btn a:after { display: block; position: absolute; top: 52%; left: 13px; width: 11px; height: 11px; margin-top: -7px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); content: ""; }

.type1, .type2 { display: none; }

ul.type1 li.right dt, ul.type1 li.right dd.txt {display: none;}



/* Access */
#Access { margin: auto auto 15px auto; padding: 12px; }

.column1 .accessBox { border: none; margin: 0; border-radius: 0; }

.column1 .accessBox .map { width: 100%; height: 320px; margin: 0 0 10px 0; }

.map iframe { width: 100%; display: block; height: 100%; }

.route { width: 100%; }

.accessBox .route { font-size: 13px; line-height: 1.4; }

.accessBox .route span { display: block; font-weight: bold; }

.accessBox .route dt.icon_car { font-size: 14px; margin-bottom: 4px; }

.accessBox .route dt.icon_train { margin-bottom: 4px; font-size: 14px; }

.accessBox .route dd { padding: 0; margin-bottom: 10px; }

#contentsArea .route_link { margin-bottom: 10px; }

#contentsArea .route_link a { color: #0e6ea8; font-size: 15px; text-decoration: underline; }

/* Cpn */
#Cpn { margin: auto 12px 12px 12px; }

#Cpn h2 { color: #fff; background: #5caed9; padding: 4px 0; text-align: center; font-size: 18px; }

.innerBox { border: 1px solid #5caed9; padding: 15px 22px; background: #ffffff; font-size: 12px; line-height: 1.4; }

.innerBox strong { color: #F00; font-weight: bold; display: block; }

.innerBox a:hover { color: #00F !important; text-decoration: none !important; }

/* Search */
#Search { padding: 12px; }

/* -----  -----*/
.search_right { position: fixed; bottom: 40px; right: 0; }

.search_right:hover { opacity: 0.8; }

/*# sourceMappingURL=contents_sp.css.map */

#contentsArea .innerBox a { color: #00F; text-decoration: underline;}