/* PC時非表示 */
.only-for-mobile {
	display: none;
}

/* モバイル用 class */
@media screen and (max-width:640px) {
	/* 共通 */
	.only-for-mobile {
		display: block;
	}
	.not-for-mobile {
		display: none;
	}
	#header, #head-navi, #gnavi, .jjlogos,
	.brandlink-header, #FT_jantora, #FT_jjokinawa,
	.creditcard {
		display: none;
	}
	body {
		font-size: 18px;
		font-family: Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'MS P Gothic', Verdana, sans-serif;
	}
	p {
		font-size: 18px;
	}
	#wrapper {
		width: auto;
		border-top-width: 15px;
		border-top-style: solid;
		border-top-color: darkblue;
		margin-top: 1px;
	}
	#mobile_header {
		border-bottom: 1px dotted #eee;
		padding: 0.7rem 1.2rem 0.7rem 0.7rem;
		text-align: center;
	}
	#company .c_name {
		font-weight: bold;
		font-size: 18px;
	}
	#company p {
		font-size: 16px;
	}
	#support {
		background-image: none;
		width: auto;
	}
	#support li {
		font-size: 16px;
		line-height: 1.6rem;
	}
	#footer li {
		display: block;
		padding-right: 0;
	}
	#support a:link, #support a:visited {
		color: #666;
		text-decoration: none;
	}
	#support p {
		font-size: 18px;
		margin: 0.5rem 0;
	}
	.kurumin, .privacy, .jqt {
		display: inline;
		float: none;
		height: auto;
		margin-right: 0;
		margin-top: 0;
	}

	#footer {
		width: auto;
	}

	#footer .jata {
		display: inline;
		float: none;
		height: auto;
		margin-right: 0;
		margin-top: 0;
	}

	#pan {
		padding: 0.5rem 0.5rem 1rem;
		font-size: 1rem;
	}



	/* 個別ページ */

	#header_bx p, #header_bx h3, #header_bx h4 {
		font-size: 18px;
	}

	#header_bx {
		width: auto;
	}


	#header_bx .price {
		font-weight: bold;
		font-family: inherit;
		text-align: left;
		border-bottom-width: 0;
	}


	div.priceL {
		float: none;
		width: 100%;
	}
	div.priceR {
		/*float: none;*/
		margin: 1rem 0 0.5rem;
	}

	#header_bx .price_tit {
		font-size: 18px;
		color: inherit;
	}

	#header_bx table {
		font-size: 18px;
		float: none;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	#header_bx .header_img {
		float: none;
		height: auto;
		width: 100%;
		background-color: white;
		-webkit-box-shadow: none;
		padding: 0px;
		border: none;
	}

	#header_bx .header_img  img {
		width: 100% !important;
	}

	#header_bx .header_txt {
		width: 100%;
		float: none;
	}

	#header_bx .tour_point {
		background-color: white;
	}
	#header_bx h3 {
		font-weight: bold;
		background-image: none;
		height: 2rem;
		text-indent: 0;
		padding-top: 0;
		font-size: inherit;
		margin-bottom: 0;
	}
	#header_bx h4 {
		font-size: 18px;
		padding-right: 0;
		padding-left: 0;
	}
	#header_bx ul {
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
	}
	#system_bt, #system_bt2 {
		border: none;
		padding: 0;
		background-color: white;
		margin: 2rem 0;
	}
	#system_bt .submit_bt, #system_bt2 .submit_bt {
		float: none;
	}
	.submit_bt p {
		font-size: 18px;
		margin-left: 0;
	}
	#system_bt .contact_jb, #system_bt2 .contact_jb {
		margin-top: 1rem;
		float: none;
	}
	#system_bt .c_tit, #system_bt2 .c_tit {
		font-size: 18px;
		margin-left:0;
		width: 100%;
	}
	#system_bt .telto, #system_bt2 .telto {
		font-size: 18px;
		font-weight: bold;
		margin-left: 0;
	}
	#system_bt .name, #system_bt2 .name {
		font-size: 18px;
		margin-left: 0;
	}
	#spotinfo h2 {
		color: #333;
		background-image: none;
		background-repeat: no-repeat;
		background-position: left center;
		background-color: white;
		text-indent: 1rem;
		font-size: 18px;
		height: auto;
	}
	#spotinfo h3 {
		height:auto;
		}
	#spotinfo p {
		font-size: 18px;
	}
	#spotinfo .leftbx {
		float: none;
		width: 100%;
		margin-left: 0;
		line-height: 1.8rem;
		min-height: auto !important;
	}
	#spotinfo .leftbx font {
		font-size: 20px !important;
	}
	#spotinfo .bx_img {
		float: none;
		background-color: transparent;
		border: none;
	}

	.leftbx img.add_img,
	.bx_img img {
		width:97%;
		height: 97%;
	}

	#terms h2 {
		color: #333;
		background-image: none;
		background-color: white;
		font-size: 18px;
		height: auto;
		margin-top: 1rem;
	}
	#terms .leftbx {
		float: none;
		width: 100%;
		border: none;
		margin-left: 0;
		min-height: auto !important;
	}
	#terms table {
		width: 100%;
	}
	p.price_notice {
		font-size: 18px;
	}
	#caution p {
		font-size: 18px;
	}
	#caution h2 {
		color: #333;
		background-image: none;
		background-color: white;
		font-size: 18px;
	}

	/* カテゴリーアーカイブ */
	#sidecolumn {
		display: none;
	}
	#main_contents {
		float: none;
		width: 100%;
		padding: 0;
		border: none;
	}
	#contents #tours .page_nation {
		float: none;
	}
	#contents #tours .page_nation--before_list {
		display: none;
	}
	#tours {
		padding: 0.5rem 0px;
	}
	#tours h4 {
		font-size: 18px;
		border-bottom-style: solid;
		border-bottom-color: #ccc;
		margin-bottom: 0.3rem;
	}
	#tours .plan_box {
		width: auto;
	}
	#tours .bt {
		text-align: left;
		margin-top: 0.3rem;
		margin-right: 0;
		margin-bottom: 0.3rem;
	}
	#tours .read {
		font-size: 15px;
	}

	/* 那覇発海外TOP */
	#Map, #tv, #serch_box {
		display: none;
	}
	#TopInfoWrapper {
		width: auto;
	}
	#TopSideColumnWrapper {
		float: none;
		width: auto;
	}
	#bottom_left {
		float: none;
		width: auto;
	}
	#box_wrapper {
		padding: 5px;
	}
	#Topix {
		width: auto;
		height: auto;
		margin-left: 0;
	}
	#Topix h2 {
		color: inherit;
		margin-bottom: 0.2rem;
		padding-left: 0;
		padding-top: 0.2rem;
		font-weight: bold;
	}
	.topixkaigai {
		background-image: none;
	}
	#Topix ul {
		height: auto;
	}
	#Topix li {
		border-color: #e0e0e0;
		margin-bottom: 0.4rem;
	}
	#Topix .pricedown,
	#Topix .pop,
	#Topix .bargain,
	#Topix .feature,
	#Topix .check,
	#Topix .limited {
		padding-left: 40px;
	}
	.area-select {
		margin: 0.3rem 0.2rem 1rem;
	}
	.area-select h2.kaigai {
		margin-bottom: 0.5rem;
	}
	#photo_gallery {
		float: none;
		width: auto;
	}
	#photo_gallery .photoh2back {
		height: auto;
		font-size: inherit;
		color: inherit;
		padding-left: 0;
		background-image: none;
	}
	#photo_gallery .box {
		float: none;
		border: none;
		padding: 0;
		width: auto;
		margin-left: 0;
		margin-bottom: 1rem;
	}
	#photo_gallery p {
		font-size: 16px;
		min-height: auto;
	}
	#purpose {
		float: none;
		width: auto;
		height: auto;
	}
	#purpose .box {
		width: 30%;
		border-bottom-width: 0;
		margin-top: 0.6rem;
	}
	#purpose .img_s {
		width: 40%;
		height: auto;
	}
	#purpose .img_s img {
		width: 100%;
		height: auto;
	}
	#purpose p {
		font-size: 18px;
	}
	#Middle_wrapper {
		width: auto;
	}
	#Middle_wrapper .kaigai {
		background-image: none;
		font-size: 18px;
		font-weight: bold;
		height: auto;
		color: inherit;
		padding-left: 0;
	}
	#Bottom_wrapper {
		width: auto;
	}
	#bottom_right {
		float: none;
		width: auto;
	}
	#setsumeikai-mid {
		margin-bottom: 3rem;
	}
	#setsumeikai-mid img {
		width: 100%;
	}
	#nahahatsu-navi {
		padding: 2rem 1rem 5rem;
		margin: 3rem 0 8rem;
		background: #EDEDED;
	}
	#nahahatsu-navi h3 {
		color: black;
		font-weight: bold;
		border-bottom: 1px solid #999;
	}
	#nahahatsu-navi ul {
		margin-left: 1.5rem;
	}
	#nahahatsu-navi li {
		list-style-type:circle;
		margin-top: 0.5rem;
	}

	/* 団体旅行 */
	.area_picker img {
		margin-top: 0.3rem;
		margin-left: 0.3rem;
		width: auto;
	}
	.media_group div.areabox h3 {
		background-image: none;
		height: auto;
		padding: 0.3rem 0.5rem;
		background-color: #0068B6;
	}
	.media_group div.areabox ul li.right,
	.media_group div.areabox ul li.left {
		float: none;
	}
	div.areabox ul li {
		line-height: inherit;
		font-size: inherit;
		width: auto;
		margin-bottom: 0;
	}
	.media_group #photo_g {
		margin-top: 3rem;
	}

	/* 団体旅行-area */
	.media_group #leftcolumn,
	.media_group #main_imgarea {
		display: none;
	}
	.media_group #secondcontentswrapper {
		float: none;
		width: auto;
		padding-top: 0;
	}
	.media_group div.p_box {
		width: auto;
	}
	.media_group #specailprice h3 {
		font-size: 16px;
	}
	.media_group div.p_box dl dd {
		width: auto;
		float: none;
	}
	.media_group div.p_box dl dt {
		width: auto;
		float: left;
		margin-right: 0.4rem;
		margin-bottom: 0.4rem;
	}
	.media_group div.p_box dl dd.price span.pricebox {
		float: auto;
		width: none;
		font-size: 16px;
	}
	.media_group div.p_box dl dd.price a {
		width: auto;
	}

	/* 団体旅行-個別記事 */
	.media_group #contents {
		padding: 5px;
	}
	.media_group #header_bx h2 {
		background-image: none;
		border-style: solid;
		border-width: 0;
		text-indent: 0;
		height: auto;
		font-size: 20px;
		font-weight: bolder;
		padding: 0.8rem 1rem;
		background-color: #f0f0f0;
		margin-bottom: 5px;
		color: #000;
		margin-top: 10px;
	}
	.media_group .tw-btn {
		text-align: left;
	}
	.media_group #header_bx p {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	.media_group #system_bt .rev {
		float: none;
		width: auto;
	}
	.media_group #system_bt .contact_jb {
		width: 97%;
	}
	.media_group .c_tit {
		display: none;
	}
	.media_group #spotinfo.media_dantai {
		border: none;
	}
	.media_group #spotinfo.media_dantai .spotwrapper {
		padding: 0;
		width: 98%;
	}
	.media_group #spotinfo.media_dantai .rightbx {
		float: none;
		width: 100%;
		margin-left: 0;
		padding: 5px;
	}
	.media_group #spotinfo.media_dantai .rightbx iframe,
	.media_group #spotinfo.media_dantai .leftbx iframe {
		width: 97% !important;
	}
	.media_group #spotinfo.media_dantai .bx_img {
		margin-right: 0;
	}
	.media_group #spotinfo.media_dantai .leftbx img.add_img, .bx_img img {
		width: 100%;
	}
	.media_group #spotinfo.media_dantai .add_img {
		background-color: transparent;
		border:none;
		margin-right: 0;
		padding: 0;
		width: 100%;
		height: auto;
	}
	.media_group #terms.media_dantai .leftbx {
		padding: 0;
	}
	.media_group #terms.media_dantai .rightbx {
		float: none;
		width: auto;
		margin-left: 0;
		padding: 0;
	}
	.footer_leftcol, .footer_ber1, .footer_ber {
		display:none;
	}
	#footer_jt {
		margin-left: 0;
		padding: 0.5rem;
		font-size: 0.9rem;
	}
	.logo {
		text-align: left;
		margin-top: 0;
		padding-bottom: 0;
		margin-right: 0;
	}
	#copyright-letter {
		color: #888;
		background-color: #eee;
		font-size: 0.8rem;
	}

	/* 那覇初国内 */
	.media_group #contentsheader {
		display: none;
	}
	.media_group #sp_sq_wrap {
		width: auto;
		height: auto;
		border: none;
	}
	.media_group #bestplan {
		background-image: none;
		background-repeat: no-repeat;
		background-position: left top;
		margin-top: 2rem;
		margin-bottom: 0;
	}
	.media_group #bestplan h3 {
		text-indent: 0;
		color: #FFFFFF;
		padding-left: 8px;
		background: steelblue;
	}
	.media_group #bestplan .left_one,
	.media_group #bestplan .right_one,
	.media_group #bestplan .left_two,
	.media_group #bestplan .right_two {
		width: auto;
		border: none;
		margin: 1rem 0 2rem;
		padding-bottom: 2rem;
		float: none;
		background-image: none;
	}
	.media_group .requestbt_naha {
		padding: 0;
		margin: 0.5rem;
		float: none;
	}
	.media_group #bestplan .l_img {
		float: none;
		margin-right: 0;
		margin-left: 0;
		border: none;
	}
	.media_group #bestplan .l_img img {
		width: 100%;
		height: auto;
	}
	.media_group #bestplan h4 {
		font-weight: bold !important;
		height: auto;
		text-indent: 0;
		background: hotpink;
		padding: 0.5rem !important;
	}
	.media_group #bestplan p {
		font-size: 16px;
	}
	#select_tourstyle li {
		float: none !important;
	}
	
	/* 沖縄発県内 */
	.media_group .plan {
		float: none;
		margin-top: 0.5rem;
		margin-bottom: 1.5rem;
		padding-top: 0;
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 1rem;
	}
	.media_group .plan img {
		width: 100%;
	}
	#kennai_plan .plan p {
		height: auto;
		width: auto;
	}
	.media_group #specailprice p {
		font-size: 15px;
	}
}