@media screen and (max-width: 640px) {

.pc {
	display: none !important;
}

.sp {
	display: block;
}

#tb_only {
	display: none !important;
}

.container {
	width: 100% !important;
}

.box {
	display: block !important;
}

.box_left {
	width: 100% !important;
	margin-right: 0;
	margin-bottom: 10px;
}

.box_right {
	width: 100% !important;
}

.box_left2 {
	width: 100% !important;
	margin-right: 0;
	margin-bottom: 15px;
}

.box_right2 {
	width: 100% !important;
}

/**************************************

				ヘッダー

**************************************/
header {
	position: static;
}

.header_container {
	width: 100%;
}

.drawer-nav {
	width: 100% !important;
}

.drawer--right .drawer-nav {
	right: -100% !important;
}

.drawer-open .drawer-nav {
	right: 0 !important;
}

.drawer--right.drawer-open .drawer-hamburger {
	right: 0 !important;
}

/**************************************

				スライド

**************************************/

p.title {
	top: 50%;
	left: 10%;
	right: 10%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}

.swiper-slide {
	height: auto !important;
}

.swiper-button-prev,.swiper-button-next {
	display: none !important;
}

#main {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

/**************************************

				お知らせ

**************************************/

#news_box {
	display: block;
	width: 100%;
	margin: 2em 0 0 0;
	padding: 0 10px;
	box-sizing: border-box;
}

#news_box .news_title p {
	width: 100%;
	font-size: 21px;
	height: auto;
	margin-bottom: 10px;
}

#news_box .news_list {
	width: 100%;
	margin: 0;
}

#news_box .news_list ul li a {
	line-height: 1.4;
}

#news_box .news_list ul li span.big1 {
	font-size: 20px;
	color: #db0000;
}

#news_box .news_list ul li span.big2 {
	font-size: 18px;
}

#news_box .news_title span {
	position: static;
	margin-top: 15px;
}

.newsbox .newsbox_r,
.newsbox .newsbox_l{
	width:100%;
	float:none;
}

/**************************************

				電話・メール

**************************************/

.contact_sp_box {
	width: 100%;
	padding: 7px 12px;
	border-radius: 7px;
	background-color: #18639a;
	box-sizing: border-box;
	line-height: 1;
}

.contact_sp_box p {
	text-align: center;
}

.contact_sp_box span {
	display: inline-block;
	margin-right: 28px;
	vertical-align: middle;
}

p.top_contact_title {
	display: block;
	margin-bottom: 10px;
	color: #18639a;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
	font-family: fot-rodin-pron, sans-serif; 
}

p.top_contact_title span {
	display: block;
	font-size: 19px;
}

.top_contact_sp  {
	margin-top: 10px;
	padding: 0 15px;
}

.top_contact_sp a.tel {
	display: block;
	color: #fff;
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
	font-family: fot-rodin-pron, sans-serif; 
}

.top_contact_sp a.tel:before {
	content: url("../images/tel_icon_sp.png");
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	line-height: 1;
}

.top_contact_sp a.mail {
	display: inline-block;
	width: auto;
	/*margin-left: 25px;*/
	margin-right: -20px;
	padding: 12px 10px;
	border-radius: 5px;
	background: #fff;
	color: #1367a3;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	line-height: 1;
	vertical-align: middle;
	font-family: fot-rodin-pron, sans-serif; 
}

.top_contact_sp a.mail:before {
	content: "";
	border-top: 10px solid transparent;
	border-right: 20px solid #ffffff;
	border-bottom: 10px solid transparent;
	position: absolute;
	left: -20px;
	top: 12px;
}

.main_menu {
	padding: 45px 20px 25px 20px;
}

.main_menu p.main_title {
	max-width: 300px;
	margin: auto;
	font-size: 18px;
	padding: 10px 0;
	text-align: center;
	background: #fffed4;
	border-radius: 10px 10px 0 0;
	box-shadow: 6px -6px 7px -2px rgba(0,0,0,0.3);
}


.colum3 {
	display: block;
}

.colum3 .item {
	width: 100%;
	padding: 0 12px 12px 12px;
	margin-bottom: 60px;
	font-size: 0;
	min-height: 0;
}

#no1 span {
	display: none;
}

#no2 {
	padding: 0 12px 65px 12px;
}

#no2 span {
	bottom: -7px;
}

#no3 {
	margin-bottom: 0;
}

#no3 span {
	display: none;
}

.content {
	margin-top: 0;
	padding-top: 90px;
}

.midashi {
	font-size: 21px;
}

.midashi2 {
	font-size: 16px;
}

.content li {
	font-size: 14px;
	letter-spacing: -1px;
}

.content li:before {
	top: 11px;
}

p.list {
	font-size: 16px;
}

.important_text {
	width: 100%;
	margin: 25px auto 0 auto !important;
}

.important_text ul {
	display: block;
	width: 100%;
	font-size: 13px;
}

.important_text ul:last-child {
	width: 100%;
}

.important_text li {
	font-size: 11px;
}

p.vertical {
	display: block;
	font-size: 13px;
	margin-bottom: 10px;
	padding-top: 0;
	writing-mode: initial;
	border: none !important;
	text-align: center;
}

/**************************************

			おすすめコース

**************************************/
.recommended_box {
	padding: 20px 10px;
}

.recommended_box .plan_box {
	flex-wrap: wrap;
}

.recommended_box .plan_box .plan_col {
	width: 100%;
	margin: 0 0 20px;
}

.recommended_box .plan_box .plan_col:nth-child(even) {
	margin-right: 0;
}

.recommended_box .plan_box .plan_col p.area {
	font-size: 16px;
}

.recommended_box .item{
	width: 100%;
}

/**************************************

				フッター

**************************************/

#footer {
	padding: 15px 20px;
}

.footer_contact_box .box {
	max-width: 290px;
	margin: auto;
}

.footer_contact_box .box_left {
	border: none !important;
	margin-bottom: 1.5em;
}

.footer_container {
	width: 100% !important;
	position: relative;
	z-index: 999;
}

.footer_container p {
	text-align: center !important;
}

.footer_contact_box {
	width: 100%;
	margin: auto;
	margin-bottom: 1em;
	padding: 10px 15px;
	box-sizing: border-box;
	line-height: 1;
}

.footer_description {
	padding: 0 !important;
	font-size: 11px !important;
	text-align: center !important;
}

.footer_description span {
	display: block;
	font-size: 13px !important !important;
	line-height: 1.5;
}

.footer_description span.large {
	font-size: 15px;
}

.footer_contact_box p.tel {
	text-align: left !important;
}
.footer_contact_box p.fax {
	padding-left: 65px !important;
	text-align: left !important;
	font-family: fot-rodin-pron, sans-serif;
}

.footer_contact_box p.mail {
	text-align: left !important;
}

p.tel a {
	font-family: fot-rodin-pron, sans-serif;
}

p.fax a {
	color: #fff !important;
	text-decoration: none !important;
	font-family: fot-rodin-pron, sans-serif;
}

p.time {
	font-size: 12px !important;
	letter-spacing: -0.1em;
}

.footer_contact_box p.mail a {
	font-family: fot-rodin-pron, sans-serif !important;
	padding: 12px !important;
}

.footer_contact_box p.mail a:before {
	top: 12px !important;
}

.footer_contact_box p.tel a:before {
	margin-right: 25px !important;
}

.footer_contact_box p.mail_text {
	padding-left: 65px !important;
	text-align: left !important;
}

.footer_contact_box p.mail_text a {
	padding-left: 10px !important;
}

#copyright {
	padding: 20px 10px !important;
}

#copyright p {
	font-size: 11px !important;
	margin-top: 1em;
	text-align: center !important;
	line-height: 1.6;
}

#copyright ul {
	text-align: center;
}

/**************************************

				次階層

**************************************/
#next_header {
	width: 100%;
	height: 200px;
}
#next_header h1 {
	top: 50px;
	left: 80px;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	width: 140px;
	height: 70px;
}
#next_header h1 span {
	font-size: 18px;
}
/**************************************

			長崎空港周辺観光

**************************************/

p.spot_title {
	font-size: 21px;
}

p.spot_title:before {
	content: "";
	display: none;
}

p.spot_title:after {
	content: "";
	display: none;
}

.plan_top_box {
	height: auto;
}

.spot_top_box {
	height: auto;
}

/**************************************

			タクシープラン一覧

**************************************/
.plan_menu_tab ul li a {
	font-size: 16px;
}

.plan_menu_tab ul li {
	width: 33%;
}

.plan_select ul {
	display: block;
}

.plan_select ul li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}

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

.plan_select ul li a {
	padding: 45px 5px 45px 30px;
	font-size: 18px;
}

h3.plan_title {
	display: block;
}

h3.plan_title .left_title {
	width: 100%;
}

h3.plan_title .right_title {
	padding-left: 20px;
	height: auto;
	padding-top: 20px;
	width: 100%;
}

h3.plan_title .right_title span {
	display: block;
	position: static;
}

h3.plan_title .left_title span:before {
	z-index: 99;
}

.px30 {
	padding-right: 10px !important;
	padding-left: 10px !important;
}

section.plan_section h4 {
	display: block;
	font-size: 20px;
}

section.plan_section h4 span {
	font-size: 16px;
}

section.plan_section h4 span.time_label {
	display: block;
	margin-left: 0;
}

.plan_detail_box {
	padding: 20px;
}

.course_main_box {
    padding: 20px 10px 20px 10px;
}

.plan_select ul li.a_plan a:before {
	content: url("/travel/images/next/a_plan_sp.svg");
	position: absolute;
	left: 5px;
	top: 0;
}

.plan_select ul li.b_plan a:before {
	content: url("/travel/images/next/b_plan_sp.svg");
	position: absolute;
	left: 5px;
	top: 0;
}

section.plan_section h4 span {
	display: block;
}

section.plan_section .course_status h5 span {
	display: block;
	margin-top: 10px;
	position: static;
}

section.plan_section .course_status h5 span a {
	display: block;
}


section.plan_section .pricebox{
	margin: 1.0rem 0 0;
	padding: 10px;
}
section.plan_section .pricebox ul li{
	float: none;
	margin-right: 0;
}



/**************************************

		大村市 おすすめスポット一覧

**************************************/

.spot_menu_tab {
	width: 100%;
}

.spot_menu_tab ul {
	flex-wrap: wrap;
	justify-content: initial;
}

.spot_menu_tab ul li {
	width: auto;
}

.spot_menu_tab ul li a {
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
}

h3.spot_title ul {
	position: static;
	display: block;
}

.course_box_text {
	font-size: 16px;
	margin-bottom: 1em;
}

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

.course_box_text span {
	color: #777777;
}


#question dl dt span.title {
	width: 85%;
}

#question dl dd p {
	width: 85%;
}

.faqlink a{
	width:90%;
	font-size: 16px;
}

/* おすすめプラン */
.planlist .item{
	width:100%;
}
#next_main .container{
	padding:0;
}

}/* スマホ */


@media screen and (min-width: 640px) {

.pc {
	display: block;
}

.sp {
	display: none !important;
}

#tb_only {
	display: none !important;
}

.drawer-nav {
	top: 86px !important;
}

.top_contact ul {
	-js-dispaly: flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.pl60-lg {
    padding-left: 6rem !important;
}

.pr0-lg {
    padding-right: 0 !important;
}

.o-model-course__line-box {
    padding-right: 0;
}

}


@media screen and (min-width: 640px) and (max-width: 1240px) {

#tb_only {
	display: block !important;
}

.sp {
	display: none !important
}

#no2 {
	padding: 0 12px 65px 12px;
}



#no2 span img {
	display: none;
}

#no3 {
	margin-bottom: 0;
}


.content li {
	letter-spacing: -0.1em;
}

p.time {
	display: none !important;
	letter-spacing: -0.1em;
}

}