@charset "utf-8";

@media only screen and (max-width: 960px) {
	/* MV */

	#main-visual {
		position: relative;
		padding-top: 17.5vw;
		width: 100%;
		/*height:123.75vw;*/
		box-sizing: content-box;
	}

	.mv-title img {
		width: 100%;
		height: auto;
	}

	#main-visual .textImg {
		position: absolute;
		top: 60vw;
		right: 6.25vw;
		width: 65.6vw;
		height: 59.2vw;
	}
	#main-visual .textImg img {
		width: 100%;
		height: auto;
	}

	/*====================================================================================================
INDEX
====================================================================================================*/

	/* NEWS */

	#index_area .news {
		position: relative;
		z-index: 2000;
		margin-bottom: 9.375vw;
		padding: 6.25vw 0 6.25vw;
		background: url(img/bg1.jpg) repeat left top;
	}
	#index_area .news .inner {
		margin: 0 auto;
		padding: 0 15.625vw;
	}
	#index_area .news h2 {
		float: none;
		text-align: center;
	}

	#index_area .news dl {
		float: none;
		padding-top: 3.125vw;
		width: 100%;
	}

	#index_area .news dt {
		float: none;
		font-size: 1.2rem;
	}

	#index_area .news dd {
		margin-left: 0;
		font-size: 1.2rem;
	}

	/* concept */

	#index_area .consept {
		margin: 0 auto 15.3125vw;
		padding-bottom: 9.375vw;
		min-height: initial;
		width: 100%;
		text-align: center;
		background: url(img/index/cont2_img.png) no-repeat center 7.1875vw;
		background-size: cover;
	}

	#index_area .consept h2 {
		margin-bottom: 9.375vw;
	}
	#index_area .consept h2 img,
	#index_area .consept .ttl img {
		width: 80%;
		height: auto;
	}

	#index_area .consept .ttl {
		margin-bottom: 7.5vw;
	}

	#index_area .consept p {
		padding: 0 6.25vw;
		font-size: 1.3rem;
		text-align: left;
	}

	/* guest */

	#index_area .guest {
		margin: 12.5vw auto 15.625vw;
		width: 100%;
	}

	#index_area .guest h2 {
		margin-bottom: 9.375vw;
		text-align: center;
	}
	#index_area .guest h2 img {
		width: 80%;
		height: auto;
	}

	#index_area .guest .sliderBox .room {
		position: relative;
		margin: 0px 5vw 0px 5vw;
		padding-bottom: 1.875vw;
		width: 80vw;
		float: left;
		background: url(img/bg1.jpg) repeat left top;
		outline: none;
	}
	#index_area .guest .sliderBox .room .pic {
		width: 80vw;
		height: 80vw;
		overflow: hidden;
		margin-bottom: 15px;
	}
	#index_area .guest .sliderBox .room .pic img {
		width: 80vw;
		height: 80vw;
	}

	#index_area .guest .sliderBox .room dt {
		margin-bottom: 1.5625vw;
		font-size: 1.8rem;
	}
	#index_area .guest .sliderBox .room dd {
		font-size: 1.2rem;
	}
	#index_area .guest .sliderBox .room .detailBox p {
		font-size: 16px;
		padding-top: 0.3125vw;
	}

	.slick-prev {
		left: 2.8125vw;
		background: url(img/index/arwl.png) no-repeat;
		background-size: 100% auto;
	}
	.slick-next {
		right: 2.8125vw;
		background: url(img/index/arwr.png) no-repeat;
		background-size: 100% auto;
	}
	.slick-prev,
	.slick-next {
		width: 4.53125vw;
		height: 8.90625vw;
	}

	/* banquet */

	#index_area .banquet {
		margin: 0 auto 15.625vw;
		width: 100%;
	}

	#index_area .banquet h2 {
		margin-bottom: 9.375vw;
		text-align: center;
	}
	#index_area .banquet h2 img {
		width: 80%;
		height: auto;
	}
	#index_area .banquet .sliderBox li .pic {
		width: 80vw;
		height: 80vw;
	}

	/* hotSpring */
	#index_area .hotSpring {
		padding: 14.0625vw 0 21.875vw;
		min-height: initial;
		background: url(img/index/cont6_bg.png) no-repeat right top;
		background-size: cover;
	}
	#index_area .hotSpring .inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		/*-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;*/

		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#index_area .hotSpring .inner ul {
		margin: 6.25vw auto 9.375vw;
		width: 94%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	#index_area .hotSpring .inner li {
		display: inline-block;
		width: 30%;
		padding-left: 0;
		float: none;
	}
	#index_area .hotSpring .inner li img {
		width: 100%;
		height: auto;
	}

	#index_area .hotSpring .inner .navi01 {
		padding-top: 0;
	}

	#index_area .hotSpring .inner .navi02 {
		padding-top: 0;
	}

	#index_area .hotSpring .inner .navi03 {
		padding-top: 0;
	}
	#index_area .hotSpring .inner .link {
		width: 90%;
		margin: auto;
		position: relative;
		right: auto;
		bottom: auto;
	}
	#index_area .hotSpring .inner .link img {
		width: 100%;
		height: auto;
	}
	#index_area .hotSpring .inner h2 {
		width: 90%;
		margin: 0 auto 6.25vw;
		padding-left: 0;
		float: none;
		text-align: left;
	}
	#index_area .hotSpring .inner .textImg {
		width: 90%;
		margin: auto;
		padding: 0 0 0 0;
		float: none;
		text-align: left;
	}
	#index_area .hotSpring .inner h2 img {
		width: 60%;
		height: auto;
	}
	#index_area .hotSpring .inner .textImg img {
		width: 70%;
		height: auto;
	}

	/* information */

	#index_area .information {
		margin: 0 auto 15.625vw;
		width: 100%;
	}
	#index_area .information h2 {
		margin: 0 auto 12.5vw;
	}
	#index_area .information h2 img {
		width: 95%;
		height: auto;
	}
	#index_area .information .photoList {
		margin: 0 0 7.8125vw 0;
		width: 100%;
		padding: 0 6.25vw;
	}
	#index_area .information .photoList li {
		width: 100%;
		float: none;
		margin-right: 0;

		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	#index_area .information .photoList li .pic {
		width: 23.4375vw;
		height: 23.4375vw;
		border: none;
	}
	.photoList li .pic img {
		width: 100%;
		height: auto;
	}
	.photoList li .txt {
		width: 70.3125vw;
		padding: 0 0 0 3.906vw;
	}
	#index_area .information .photoList p {
		font-size: 1.2rem;
		line-height: 1.7;
	}
	#index_area .information .photoList .title {
		margin-bottom: 1.875vw;
	}

	/*other_cont
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
	#index_area .information .other_cont {
		display: block;
		margin: 0 0 40px;
	}
	/*ブログパーツ*/
	#index_area .information .blog_parts {
		width: 90%;
		overflow: hidden;
		margin: 0 auto;
	}
	/*YOUTUBE*/
	#index_area .information .in_youtube_box {
		position: relative;
		width: 90%;
		height: 0;
		margin: 0 auto;
		overflow: hidden;
		padding-top: 56.25%;
	}

	#index_area .information .blog .subBox {
		float: none;
		padding: 6.25vw;
		margin: auto;
		width: 90%;
		height: auto;
		border: 1px solid #94dafa;
	}
	#index_area .information .blog .subBox h3 {
		width: 100%;
	}
	#index_area .information .blog .subBox h3 img {
		width: 100%;
		height: auto;
		max-height: 100vw;
	}

	/*インスタグラム*/
	#index_area .information .blog .subBox .ins_box {
		height: auto;
	}

	#index_area .information .blog .subBox dl {
		margin-bottom: 4.6875vw;
	}

	#index_area .information .blog .subBox dt {
		margin-bottom: 1.5625vw;
		font-size: 1.2rem;
	}

	#index_area .information .blog .subBox dt a {
		font-size: 1rem;
		padding: 2px 5px;
		color: #fff;
		background: #29b6f6;
	}
	#index_area .information .blog .subBox dd {
		margin-bottom: 17px;
		padding: 0 20px 14px 0;
		font-size: 1rem;
		line-height: 1.8;
		border-bottom: 1px solid #b8b8b8;
	}

	#index_area .information .blog .time {
		float: none;
		margin-top: 5vw;
	}
	.fb-page {
		width: 100%;
		margin: 0;
	}

	#fb_page_plugin_area {
		width: 100% !important;
	}

	.line {
		position: relative;
		width: 100%;
		max-width: 500px;
	}

	/* access */

	#index_area .access h2 {
		width: 80%;
		margin: auto;
		margin-bottom: 9.375vw;
	}
	#index_area .access h2 img {
		width: 100%;
		height: auto;
	}
	#index_area .access .map .iframe {
		height: 326px;
		width: 100%;
	}

	/*====================================================================================================
LP
====================================================================================================*/
	#lp_area {
		padding-top: 9.375vw;
	}

	/* ラドン */
	#lp_area .radon {
		margin: 0 auto 12.5vw;
		padding-right: 0;
		width: 100%;
		padding: 0 3.125vw;
	}
	#lp_area .radon .photoBox {
		float: none;
		width: 100%;
		padding-top: 29px;
		text-align: right;
	}
	#lp_area .radon .photoBox img {
		width: 100%;
		height: auto;
	}
	#lp_area .radon .photoBox p {
		padding-top: 15px;
	}
	#lp_area .radon .photoBox p img {
		width: auto;
		height: auto;
	}

	#lp_area .radon .textBox {
		float: none;
		width: 100%;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;

		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	#lp_area .radon .textBox h2 {
		padding-right: 0;
		float: none;
		width: 16.5625vw;
	}
	#lp_area .radon .textBox h2 img {
		width: 100%;
		height: auto;
	}

	#lp_area .radon .textBox ul {
		padding-top: 3.75vw;
		width: 75.3125vw;
		float: none;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;

		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	#lp_area .radon .textBox li {
		float: none;
		padding-left: 0;
		font-size: 1.1rem;
	}
	#lp_area .radon .textBox li:not(:last-child) {
		padding-left: 1.5625vw;
	}

	/* 発生装置 */
	#lp_area .generator {
		margin: 0 auto 15.625vw;
		padding-right: 0;
		width: 100%;
	}

	#lp_area .generator .bg {
		padding: 6.25vw 0 7.5vw;
		background: url(img/bg1.jpg) repeat left top;
	}

	#lp_area .generator h2 {
		margin-bottom: 7.5vw;
		text-align: center;
	}
	#lp_area .generator .imgBox {
		margin: 0 auto;
		width: 90%;
	}
	#lp_area .generator .imgBox img {
		width: 100%;
		height: auto;
	}
	#lp_area .generator .imgBox .photoBox {
		margin: 0 0 4.375vw;
	}
	#lp_area .generator .imgBox .textBox {
		float: none;
		width: 100%;
	}
	#lp_area .generator .imgBox .textBox p {
		font-size: 1.1rem;
	}
	#lp_area .features {
		margin: 0 auto;
		padding-left: 3.125vw;
		padding-right: 3.125vw;
		width: 100%;
		position: relative;
	}
	#lp_area .features h2 {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		margin-bottom: 4.6875vw;
	}
	#lp_area .features h2 img {
		width: 100%;
		height: auto;
	}
	#lp_area .features .imgBoxL {
		margin-bottom: 9.375vw;
		padding: 0 1.875vw;
	}

	#lp_area .features .imgBoxL .photoBox {
		float: none;
	}
	#lp_area .features .photoBox img {
		width: 100%;
		height: auto;
	}
	#lp_area .features .imgBoxL .photoBox p {
		margin: 2.34375vw 0 0;
		text-align: none;
	}

	#lp_area .features .imgBoxL .photoBox p img {
		vertical-align: top;
	}

	#lp_area .features .imgBoxL .textBox {
		float: none;
		padding-top: 5.3125vw;
		width: 100%;
	}
	#lp_area .features .imgBoxL:nth-of-type(1) .textBox {
		padding-top: 0;
		margin-bottom: 3.125vw;
	}
	#lp_area .features .imgBoxL02 .textBox {
		padding-top: 3.125vw;
	}

	#lp_area .features h3 {
		margin-bottom: 3.125vw;
	}

	#lp_area .features p {
		margin-bottom: 1.5625vw;
		color: #141414;
		font-size: 1.1rem;
		line-height: 1.7;
	}

	#lp_area .features .imgBoxR {
		margin-bottom: 9.375vw;
		padding: 0 1.875vw;
	}

	#lp_area .features .imgBoxR .photoBox {
		float: none;
	}

	#lp_area .features .imgBoxR .textBox {
		float: none;
		padding-top: 3.125vw;
		width: 100%;
	}

	#lp_area .method {
		margin: 0 auto 4.6875vw;
		padding-left: 0;
		width: 100%;
	}
	#lp_area .method .bg {
		padding: 9.375vw 4.6875vw;
		background: url(img/bg1.jpg) repeat left top;
	}
	#lp_area .method h2 {
		margin-bottom: 6.25vw;
	}

	#lp_area .method p {
		margin-bottom: 1.25vw;
		font-size: 1.2rem;
	}
	#lp_area .method .note {
		margin-bottom: 3.75vw;
	}

	#lp_area .peace {
		margin-bottom: 0;
		padding: 4.6875vw 0 9.375vw;
		min-height: 100%;
		background: url(img/lp/cont5_bg.png) no-repeat center top;
		background-size: cover;
	}
	#lp_area .peace .inner {
		padding-left: 0;
		width: 100%;
	}

	#lp_area .peace h2 {
		padding: 0 3.125vw;
		margin: 0 0 3.75vw 0;
	}
	#lp_area .peace h2 img {
		width: 100%;
		height: auto;
	}
	#lp_area .peace ul {
		width: 100%;
		padding: 0 3.125vw;
	}
	#lp_area .peace li {
		padding: 3.125vw;
		margin-bottom: 9.375vw;
		position: relative;
	}
	#lp_area .peace li img {
		position: relative;
		z-index: 10;
	}
	#lp_area .peace li .textBox {
		position: relative;
		padding: 4.375vw 3.75vw 4.375vw 3.75vw;
		top: auto;
		left: auto;
		height: auto;
		width: 100%;
		display: block;
		background: rgba(255, 255, 255, 0.8);
	}

	#lp_area .peace li#a01 img {
		width: auto;
		height: 40vw;
		float: right;
		margin: -12.5vw -7.8125vw 1.5625vw 3.125vw;
	}
	#lp_area .peace li#a02 img {
		width: auto;
		height: 40vw;
		float: left;
		margin: -12.5vw 3.125vw 1.5625vw -7.8125vw;
	}
	#lp_area .peace li#a03 img {
		width: auto;
		height: 40vw;
		float: right;
		margin: -12.5vw -7.8125vw 1.5625vw 3.125vw;
	}

	#lp_area .peace li .textBox p {
		margin-bottom: 8px;
		color: #141414;
		font-size: 1.2rem;
		line-height: 1.9;
	}

	#lp_area .voice {
		width: 100%;
	}
	#lp_area .voice h2 img {
		width: 90%;
		height: auto;
	}
	#lp_area .voice .sliderBox .foo li {
		margin: 0px 5vw 0px 5vw;
		padding: 8.4375vw 7.8125vw 6.25vw;
		width: 80vw;
		min-height: 80vw;
		background: url(img/lp/cont6_box.jpg) no-repeat left top;
		background-size: cover;
	}
	#lp_area .voice .sliderBox .foo li dt {
		margin-bottom: 7.5vw;
		color: #141414;
		font-size: 16px;
	}

	#lp_area .voice .sliderBox .foo li dd {
		font-size: 14px;
		line-height: 1.75;
	}

	#lp_area .healing {
		padding: 6.25vw 0 6.25vw;
		min-height: initial;
		background: url(img/lp/cont7_bg.jpg) no-repeat center top;
		background-size: cover;
	}

	#lp_area .healing .inner {
		margin: 0 auto;
		padding-left: 0;
		padding: 0 3.125vw;
	}

	#lp_area .healing .ttl {
		margin-bottom: 18px;
	}
	#lp_area .healing .ttl img {
		width: 100%;
		height: auto;
	}
	#lp_area .healing .tel {
		text-align: center;
	}
	#lp_area .healing .tel img {
		width: 100%;
		height: auto;
	}
} /* media */

@media only screen and (max-width: 480px) {
	/* information */
	#index_area .infomation h2 {
		text-align: center;
	}

	#index_area .infomation h2 img {
		width: 90%;
		height: auto;
		margin: auto;
	}
}