/*------------------------------------------------------*/
/*Reset CSS*/
/*------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

html {
			position: relative;
			overflow: auto;
			height: 100%;
}
body {
	max-width: 100%;
	overflow-x: hidden;
	line-height: 1.8em;
	font-size: 14px;
	color: #333;
	font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
time {
	font-size: 0.85em;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

@viewport {
  width: extend-to-zoom 100%;
  zoom:1.0;
}

* {
  box-sizing: border-box;
}
@media all and (max-width: 640px){

	.main_visual {
		position: relative;
    width: 100%;
	}

	.main_image {
		width: 100%;
		position: relative;
	}

	img.top_button_img {
		position: absolute;
	  bottom: 30px;
	  width: 85%;
	  left: 8%;
	}

	a.top_button {
		display: block;
	}

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

	 img.logo_img{
	 position: absolute;
		top: 10px;
	  left: 3%;
		width: 32%;
	 }

	 .menu_bar {
	  background-color: #f6f6f6;
    border-top: solid 5px #ff07c7;
    width: 100%;
		text-align: right;
		height: 80px;
    padding-top: 10px;
		position: relative;
	 }

	 .menu_img {
			width: 30%;
			height: 50px;
			float: right;
			display: flex;
			justify-content: flex-end;
	 }

	 .search i {
    position: absolute;
    top: 42px;
    font-size: 2em;
    right: 10vw;
		}

	 #glass {
		 font-size: 2.5em;
	 	 margin-right: 10%;
	  }

		#menu_button {
			font-size: 2.5em;
			margin-right: 10%;
		}

		#glass.toggle01 {
 			color: #ff07c7;
 	  }

 		#menu_button.toggle01 {
 			pointer-events: none;
 		}

		#glass.toggle02 {
			pointer-events: none;
 	  }

 		#menu_button.toggle02 {
			color: #ff07c7;
 		}

	 /*#glass::before {
		 content: "";
		 background-image: url(../images/SP/ico_top01.png);
		 width: 36px;
		 height: 36px;
		 background-repeat: no-repeat;
		 display: block;
		 position: absolute;
     right: 15%;
	 }

	 #glass.toggle01::before {
		 background-image: url(../images/SP/ico_top0102.png);
	 }

	 #menu_button.toggle01::before {
		 pointer-events: none;
	 }

	 #menu_button::before {
		 content: "";
		 background-image: url(../images/SP/ico_top02.png);
		 width: 36px;
		 height: 36px;
		 background-repeat: no-repeat;
		 display: block;
		 position: absolute;
		 right: 5%;
     top: 5px;
	 }

	 #menu_button.toggle02::before {
		background-image: url(../images/SP/ico_top0202.png);
	}

	#glass.toggle02::before {
		pointer-events: none;
	}*/

	 #header_wrap {
		 width: 100%;
	 }

	 .slideR {
		 background-color: #f6f6f6;
			box-shadow: 0px 15px 40px #333;
			width: 90%;
			z-index: 999;
			display: block;
			position: absolute;
			right: -120vw;
		  transition: .5s;
		}

		.slideR.toggle01 {
			right: 0;
		}

		.slideR.toggle02 {
			right: 0;
		}

		.slideR li{
			list-style: none;
		}

		.slideR p {
			height: 70px;
			padding-left: 20px;
	    padding-top: 30px;
		}

		.slideR a {
			text-decoration: none;
	    display: block;
	    height: 70px;
	    border-bottom: solid 1px #c9caca;
	    line-height: 70px;
	    color: #333;
	    font-weight: bold;
	    font-size: 1.1rem;
	    padding-left: 30px;
		}

		.main_button img {
	    display: block;
	    width: 50%;
	    float: left;
	 }

	 #acMenu dt{
    display:block;
    height:70px;
    line-height:70px;
    text-align:left;
    border-bottom:#ccc 1px solid;
    cursor:pointer;
		background-color: #f6f6f6;
		font-weight: bold;
    font-size: 1.3em;
    padding-left: 5%;
		position: relative;
    }

		#acMenu dt::before {
		content: "";
 		 background-image: url(../images/SP/plus_03.png);
 		 width: 35px;
 		 height: 35px;
 		 background-repeat: no-repeat;
 		 display: block;
 		 position: absolute;
    right: 15%;
		top: 17px;
		}

		#acMenu dt.toggle::before {
 		 background-image: url(../images/SP/minus_03.png);
		}

	#acMenu dd a{
    background:#f2f2f2;
    height:70px;
    line-height:70px;
    text-align:left;
    border-bottom:#ccc 1px solid;
		background-color: #f6f6f6;
    font-size: 1.2em;
    padding-left: 10%;
  }

	#tabBox2 {
		display: none;
	}

	.search {
		height: 100px;
		padding-left: 20px;
		padding-top: 30px;
		position: relative;
	}

	.category {
		display: none;
	}

	#searchform {
    position: relative;
}
	#keywords {
		width: 90%;
		height: 50px;
		background-color: #fff;
		border: solid 2px #999;
		padding: 4px;
		border-radius: 3px;
		padding-left: 13px;
		font-size: 1em;
		margin-left: 10px;
	}
	#searchBtn {
		position: absolute;
    top: 45px;
    width: 20px;
    height: auto;
    right: 7vw;
	}
*:first-child + html #searchBtn2    {
    top: 1px;
}

#tabMenu ul{
    width:600px;
    }
#tabMenu li{
    float:left;
		width: 50%;
    }
#tabMenu li a{
    display:block;
    height:60px;
    line-height:60px;
    text-align:center;
		font-size: 1.1em;
		padding-left: 0!important;
    }

		li a.japan {
			border: 0;
			border-bottom: solid 3px #ff07c7;
			pointer-events: none;
		}

		li a.thailand {
		  border:#ccc 1px solid;
		}

		li a.japan.toggle {
			border:#ccc 1px solid;
			pointer-events: auto;
		}

		li a.thailand.toggle {
			border: 0;
			border-bottom: solid 3px #ff07c7;
			pointer-events: none;
		}


/*コンテンツ*/
	 .wrapper{
		 background: url(../images/bg.jpg);
	 }

	 #content1 {
    box-sizing: border-box;
    background: #fff;
		padding: 5%;
	}

	#contents {
		padding: 2.5%;
	}

	#monthly_featured {
		width: 100%;
		padding-bottom: 50px;
	}

	#featured_img {
		padding: 0 0 20px;
	}

	#featured_img img {
		width: 100%;
    display: block;
    margin: 0 auto;
	}

	img.title_img {
		/*width: 30%;*/
		padding-bottom: 20px;
	}

	#subscrition_btn a {
		display: block;
	}

	#subscrition_btn img {
		display: block;
		width: 100%;
		padding-bottom: 20px;
	}


	#content1 form {
		color:#a79243;
	}
	#content1 form label {
		display:block;
		font-size:22px;
		line-height:2em;
	}
	#content1 form label input[type="text"]{
		width:100%;
		padding:14px;
		border-radius:5px;
		border:1px solid #a79243;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		box-shadow:none;
		margin-bottom:10px;
	}
	#content1 form label select{
		width:100%;
		border-radius:5px;
		border:1px solid #a79243;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		background:url(../images/form_select.png) right no-repeat;
		margin-bottom:10px;
		font-size:20px;
		text-indent:0.5em;
	}
	#content1 form label select option {
		padding:8px;
	}
	#content1 form label.select_box1 {
		width:40%;
		float:left;
	}
	#content1 form label.select_box2 {
		width:58%;
		float:right;
		margin-right:0;
	}
	#content1 form label.select_box3 {
		width:45%;
		clear:both;
	}
    #content3{
        background:#fff;height:200px !important;
    }
    #content3 form label{
        width:100%;
        margin:0px;
}
    #content3 form label input[type="text"]{
		width:90%;
		padding:14px;
		border-radius:5px;
		border:1px solid #a79243;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		box-shadow:none;
		margin-bottom:10px;
        margin-left:5%;
        font-size:15px;
	}
	#content3 form label select{
		width:100%;
		border-radius:5px;
		border:1px solid #a79243;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		background:url(../images/form_select.png) right no-repeat;
		margin-bottom:10px;
		font-size:20px;
		text-indent:0.5em;
	}
    #content3 input[type="submit"] {
        width: 26% !important;
        height: 40px;
        background-color: transparent;
        border: none;
        background: url(../images/searchbutton.png) no-repeat;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        text-indent: -9999px;
        cursor: pointer;
        background-size: contain;
        display: block;
        margin: 10px auto;
        margin-left:37% !important;
    }

	#mail_mag_btn input[type="submit"] {
		width:100%;
		height:50px;
		background-color:transparent;
		border:none;
		background:url(../images/SP/btn_top04.png) no-repeat;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		text-indent:-9999px;
		cursor:pointer;
		background-size: contain!important;
	}

	#mail_mag_btn input[type="submit"]:hover {
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}
	#subscrition_btn,
	#mail_mag_btn {
		margin-top:20px;
	}

	/*コンテンツ2*/
	#content2 {
		padding:2.5%;
		background:#f5f5f0;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#spot {
		display:flex;
		flex-wrap:wrap;
	}

	.spot_box img {
		display: block;
    float: left;
    width: 30%;
	}

	.btn_pic img {
    width: 100%;
	}


	#spot .spot_title {
		font-size:1rem;
		/*margin-bottom:20px;*/
	}
	#spot .spot_category1 {
		color:#fff;
		background-color:#ff8916;
		padding:2px 10px;
		border-radius:5px;
	}
	#spot .spot_category2 {
		color:#fff;
		background-color:#7200ff;
		padding:2px 10px;
		border-radius:5px;
	}
	#spot .spot_box {
		box-sizing:border-box;
		margin-bottom: 20px;
		width: 100%;
		background:#fff;
	}
	.spot_detail {
		padding: 10px;
    display: block;
    float: left;
    width: 70%;
	}
	#spot .spot_box:nth-child(3n) {
		margin-right:0;
	}
	#spot address {
		font-style:normal;
		line-height:1.3em;
		font-size:13px;
		padding-left:2em;
		background:url(../images/address_ico.gif) no-repeat;
	}
	/*コンテンツ3*/
	#content3 {
		background:#fff;
	}
	#content3_bottom {
		padding:40px;
	}
	#content3_bottom h3 {
		line-height:3em;
		border-bottom:1px solid #3e3a39;
		margin-bottom:20px;
	}
	#content3_bottom .works_title {
		font-size:22px;
		margin-bottom:20px;
	}
	#content3_bottom p {
		margin-bottom: 20px;
    font-size: 1.1rem;
    text-align: justify;
	}
	#content3_bottom p a {
		text-decoration:none;
		color:#df27b6;
	}
	#hp_box_l {
		width:445px;
		float:left;
	}
	#hp_box_r {
		width:449px;
		float:right;
	}
	.works_wrap {
		box-sizing:border-box;
		display:flex;
		flex-wrap:wrap;
		margin:0 40px;
		background:#FFF;
	}
	.works_box {
		display:flex;
		flex-wrap:wrap;
		width:420px;
	}
	.works_box_l {
		width:230px;
	}
	.works_box_r {
		width:160px;

	}

	#content3 img {
		display: block;
        padding:5px;
	}

	/*コンテンツ4*/
	#content4 {
		clear:both;
		background:#fff;
		overflow:hidden;
		height:107px;
		position:relative;
	}
	#works_slide {
		overflow:hidden;
		height:250px;
	}
	.jquery-slider-pages {
    display: none;
		max-height: 150px;
	}
	#yasuda {
		overflow: hidden;
		width: 90%;
		margin: auto;
	}
	#yasuda ul {
		width: 100%;
		max-height: 150px;
		margin: auto;
	}
	#yasuda ul li {
		width: 100%;
		margin: auto;
	}
	#yasuda ul li img {
		width: 100%;
		margin: auto;
	}
	footer{
	    background:#df27b6;
	}

	footer a {
		color:#fff;
		text-decoration:none;
	}
	#footer_nav {
		color:#fff;
		padding:0px 0px 20px 0px;
	    margin: 0 auto;
	}
	#footer_nav1 ul li {
		font-size:17px;
		padding:15px 20px;
	    line-height: 1.8em;
	    border-bottom:1px solid rgba(0,0,0,0.4);
		box-shadow:0 1px 0 0 rgba(255,255,255,0.6);
	}

	#footer_nav2 {
	    width: 100%;
	    text-align: left;
		margin-top:30px;
	    padding: 15px;
	}
	#footer_nav2 h3 {
		font-size:18px;
		margin-bottom:20px;
	    color: white;
	}

	#nav_box ul li {
		font-weight:normal;
	    font-size: 13px;
	    line-height: 1.8em;
	}

	#nav_box{
	    width: 100%;
	    overflow: auto;
	}

	#nav_box ul{
	    width: 47%;
	    float: left;
	    margin-right: 3%;
	    padding: 10px 20px 20px 0px;
	    border-bottom: 1px solid rgba(255,255,255,0.3);
	}

	#footer_sns ul {
		width: 37%;
		margin:0 auto;
	    padding: 20px 0px;;
	}
	#footer_sns ul li {
		list-style-type:none;
		float:left;
		margin:0 6px;
	}

	small{
	    color: #eee;
		display: block;
		font-size: 12px;
		text-align: center;
	}



}

.bnr {
    border-radius: 6px;
    position: relative;
    height: 80px;
    margin-bottom: 20px;
    overflow: hidden;
}
.massage_bnr {
    background-color: #25fd30;
}

.massage_bnr2 {
    background-color: #00ffff;
}


.massage_bnr3 {
    background-color: #ff005b;
}




.bnr a {
    text-decoration: none;
    color: #fff;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 3;
    padding: 6px 30px;
    font-size: 25px;
    width: 100%;
    bottom: 0;
    height: 100%;
    line-height: 27px;
}

img.massage_bnrbg {
    position: absolute;
    right: 0;
    z-index: 0;
}

span.bnr_place {
    font-size: 16px;
}

.restaurant_bnr {
    background-color: #ff4500;
}

.restaurant_bnr2 {
    background-color: #ff7f00;
}

.restaurant_bnr3 {
    background-color: #ff60ff;
}



img.restaurant_bnrbg {
    position: absolute;
    right: 7px;
    z-index: 0;
    top: 7px;
    width: 100px;
}


.blueisland_bnr {
    background-color: #66ccff;
}


img.blueisland_bnrbg {
    position: absolute;
    right: 7px;
    z-index: 0;
    top:7px;
    width: 100px;
}

.chao_bnr {
    background-color: #f3b533;
}


img.chao_bnrbg {
    position: absolute;
    right: 7px;
    z-index: 0;
    top:7px;
    width: 100px;
}


.nittai_bnr {
    background-color: #aecae6;
}


img.nittai_bnrbg {
    position: absolute;
    right: 7px;
    z-index: 0;
    top:7px;
    width: 100px;
}


.sss_bnr {
    background-color: #b2db77;
}


img.sss_bnrbg {
    position: absolute;
    right: 7px;
    z-index: 0;
    top:7px;
    width: 100px;
}





.chaidee_bnr {
    background-color: #a0592a;
}


img.chaidee_bnrbg {
    position: absolute;
    right: 7px;
    z-index: 0;
    top:7px;
    width: 100px;
}


.thaibest10_bnr {
    background-color: #120F36;
}


img.thaibest10_bnrbg {
    position: absolute;
    right: 7px;
    z-index: 0;
    top:7px;
    width: 100px;
}

.thaimbest10_bnr {
    background-color: #9933ff;
}

img.thaimbest10_bnrbg {
    position: absolute;
    right: 7px;
    z-index: 0;
    top:7px;
    width: 100px;
}







.onetime_bnr {
	height: 172px;
	text-align: center;
}

.onetime_bnr a {
	z-index: 0;
	padding: 6px 0;
	height: 160px;
}

div .gsearch{
	margin:10px 0 20px; 
}