@charset "UTF-8";
/* CSS Document */
.sp { display: none; }



/*@media (max-width: 767px) { */
@media (max-width: 959px) { 
.pc { display: none;}
.sp { display: block;}
img { width:100%;}

#wrapper {
	width: 100%;
	overflow:  hidden;
	/*background: url(../images/sp_bg.png) repeat;*/
	background: #FFF;
	background-size: 100% auto;
	margin-top: 10.9375vw;
}
.inner900 {
	width: 100%;
	margin: 0px auto;
}
.inner960 {
	width: 100%;
	margin: 0px auto;
}
.inner951 {
	width: 100%;
	margin: 0px auto;
}
.inner947 {
	width: 94%;
	margin: 0px auto;
}
.inner921 {
	width: 94%;
	margin: 0px auto;
}
.inner1260 {
	width: 94%;
	margin: 0px auto;
}
.sp_inner {
	width: 94%;
	margin: 0px auto;
}
.img img {
	line-height: 1;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.9);
}
.sp_btn2line {
	margin: 0 0 0;
}
.sp_btn2line  li {
	float: left;
	width: 49%;
}
.sp_btn2line li:nth-child(2){
	float: right;
}


#sp_header {
	position: relative;
	background: url(../images/sp_headbgue.png) no-repeat left top;
	background-size: 100% auto;
	min-height: 20px;
}
#sp_header h1 {
	background: url(../images/sp_headerbg.png) repeat-x left bottom;
	background-size: auto 80px;
	width: 100%;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 0 20px;
}
#sp_header h1 a {
	max-height: 70px;
	display:  block;
	margin: 0 auto 0;
	text-align:  center;
}
#sp_header h1 a img {
	max-height: 60px;
	max-width: 75.6%;
	width: auto;
}
.topspSlider {
	padding: 50px 0 0;
	position: relative;
}
.topspSlider_textWrap {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 51;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.topspSlider_textWrap a {
	border: 1px solid #FFF;
	background-color: rgba(130, 85, 133, 0.9);
	display: flex;
	width: 27vw;
	padding: 4vw 0;
	align-items: center;
	border-radius: 14px;
	text-align: center;
	justify-content: center;
	line-height: 1.6;
	flex-direction: column;
	margin: 2vw;
	font-size: 3vw;
}
.topspSlider_textWrap a:hover{
	opacity: 1;
	background-color: rgba(130, 85, 133, 0.8);
}

#sp_nav{
	display: block;
	position:fixed;
	top:0px;
	width: 100%;
	z-index:99999999999999999999999;
	float: none;
}
#sp_nav li a{
	display:block;
	width: 25%;
	float: left;
	cursor:pointer;
	line-height: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
article {
}
article a {
	color: #000000;
}
.btn_brownpdf a{color: #FFF;}
#secHead {
	padding: 30px 0 0;
}

/* footer */
#spfooter {
	background: url(../images/spfoot_bg.png) no-repeat left top;
	background-size: 100% auto;
	padding: 0 0 10px;
}
#spfooter .footname {
	text-align: center;
	padding: 40px 0 0;
}
#spfooter .footname img {
	width: 54.8%;
	margin: 0px auto;
	padding: 0 0 10px;
}
#spfooter .footname p {
	color: #FFF;
	line-height: 1.6;
}
#spfooter .footyoyaku {
	width: 87.5%;
	margin: 20px auto;
	border: 1px solid #8c694a;
	background-color: #edeae9;
	padding: 5% 3% 2%;
}
#spfooter .footyoyaku p {
	text-align: center;
	font-size: 16px;
	padding: 0 0 10px;
}
#spfooter .footyoyaku .right a {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 18px;
	box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.9);
	padding: 15px 0;
	margin: 0 0 3%;
}
#spfooter .copy {
	text-align: center;
	color: #eeeeee;
	font-size: 12px;
}
#spfooter .pagetop {
	max-width: 13.4%;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 1000;
}

/* modal */
.modal-wrap {
    z-index: 99999;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
	background: url(../images/spnav_bg.png) repeat center top;
	background-size: 100% auto;
}
.modalHead {
	background: url(../images/sp_headbg.png) no-repeat left top;
	background-size: 100% auto;
	padding: 20px 5%;
	margin-top: 10.9375vw;
}
.modalHead h1 {
	width: 50%;
	float: left;
}
.modalHead .close {
	width: 20%;
	float: right;
	padding-top: 3%;
}
.modalBody {
	padding: 0 0 100px;
}
.modalnav1,
.modalnav2 {
	margin: 0% 0 0% 4%;
}

.modalnav1 li,
.modalnav2 li {
	width: 47%;
	float: left;
	margin: 0 2% 2% 0;
	height: 3em;
	background: #FFFFFF;
}
.modalnav1 a {
	color: #614d42;
	display: block;
	background: url(../images/spnav_cursor2.png) no-repeat 94% center;
	background-size: 10% auto;
	height: 100%;
	line-height: 3em;
	vertical-align: center;
	padding: 0 0 0 4%;
}
.modalnav2 a {
	color: #614d42;
	display: block;
	background: url(../images/spnav_cursor3.png) no-repeat 94% center;
	background-size: 10% auto;
	height: 100%;
	line-height: 3em;
	vertical-align: center;
	padding: 0 0 0 4%;
}
.modalnav2 li.line2 a {
	line-height: 1.2em;
	padding: 4% 0 0 4%;
}
.modalBox {
	width: 94%; 
	margin: 0 auto 3%;
	background: #FFFFFF;
	padding: 2% 0 2%;
}
.modalnav3 {
	padding: 0 1% 0 1.5%;
}
.modalnav3 li {
	width: 50%;
	float: left;
	margin: 0 0 0 0;
	height: 3em;
	background: url(../images/spnav_btnpurple.png) no-repeat left top;
	background-size: 100% auto;
}
.modalnav3 a {
	color: #FFFFFF;
	display: block;
	background: url(../images/spnav_cursor1.png) no-repeat 94% center;
	background-size: 5% auto;
	height: 100%;
	line-height: 3em;
	vertical-align: center;
	padding: 0 0 0 3%;
}

/* top */
.topSec1 .title img{
	vertical-align: top;
}
.topSec1 .btn img{
	vertical-align: top;
}
.topspPoint{
	background-image: url("../../images/sp_sec1_bg.jpg");
	margin-bottom: 20px;
}
.topspPoint .pointText{
	font-size: 13.65px;
	font-size: 4.0625vw;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #FFF;
	padding: 8px 0 8px;
	letter-spacing: 0.3em;
}
.topspPoint .pointText span{
	font-size: 18.2px;
	font-size: 5.625vw;
	vertical-align: text-top;
}
.topspPoint h3{
	text-align: center;
	/*font-size: 18px;*/
	/*font-size: 5.625vw;*/
	font-size: 16px;
	font-size: 5vw;
	color: #FFF;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	margin-bottom: 10px;
}
.topspPoint_text{
	color: #FFF;
	/*font-size: 12px;*/
	/*font-size: 3.75vw;*/
	font-size: 11px;
	font-size: 3.4375vw;
	padding: 0 10px 10px;
	line-height: 1.7;
}
.topspPoint_text img{
	float: left;
	width: 39.0625%;
	height: auto;
	margin-right: 10px;
}
.topspPoint_btn{
	text-align: center;
	font-size: 15.6px;
	font-size: 4.6875vw;
	color: #FFF;
	display: block;
	padding: 10px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background: rgba(14, 18, 16, 0.7);
}
.topspPoint_btn::before{
	content: "\003e";
	position: relative;
	left: -5px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.topspPoint1 {
	background: rgba(40, 57, 48, 0.6); /* #283930 */
}
.topspPoint1 h3,
.topspPoint1 .topspPoint_text
{
	text-shadow:
		1px 0px 12px #005130,
		-1px 0px 12px #005130,
		0px -1px 12px #005130,
		0px 1px 12px #005130;
}
.topspPoint2 {
	background: rgba(73, 82, 39, 0.6); /* #495227 */
}
.topspPoint2 h3,
.topspPoint2 .topspPoint_text
{
	text-shadow:
			1px 0px 12px #354200,
			-1px 0px 12px #354200,
			0px -1px 12px #354200,
			0px 1px 12px #354200;
}
.topspPoint3 {
	background: rgba(154, 123, 108, 0.6); /* #9A7B6C */
}
.topspPoint3 h3,
.topspPoint3 .topspPoint_text
{
	text-shadow:
			1px 0px 12px #6C3416,
			-1px 0px 12px #6C3416,
			0px -1px 12px #6C3416,
			0px 1px 12px #6C3416;
}
.topspPoint4 {
	background: rgba(165, 146, 97, 0.6); /* #A59261 */
}
.topspPoint4 h3,
.topspPoint4 .topspPoint_text
{
	text-shadow:
			1px 0px 12px #837C52,
			-1px 0px 12px #837C52,
			0px -1px 12px #837C52,
			0px 1px 12px #837C52;
}
.topspPoint5 {
	background: rgba(122, 103, 137, 0.6); /* #7A6789 */
}
.topspPoint5 h3,
.topspPoint5 .topspPoint_text
{
	text-shadow:
			1px 0px 12px #6A5789,
			-1px 0px 12px #6A5789,
			0px -1px 12px #6A5789,
			0px 1px 12px #6A5789;
}
.topSec1 h2 {
	width: 86%;
	margin: 0px auto;
}
.topSec2 h2 {
	width: 69.5%;
	margin: 0px auto;
}
.topSec2 .img img {
	margin: 0 0 10px;
}
.topSec3 h2 {
	width: 77.5%;
	margin: 0px auto;
}
.topSec3 .img img {
	margin: 0 0 5px;
}
.topSec4 h2 {
	width: 76.7%;
	margin: 0px auto;
}
.topSec4 .img img {
	margin: 0 0 10px;
}
.topSec5 h2 {
	width: 63.5%;
	margin: 0px auto;
}
.spinformation h2 {
	width: 90%;
	margin: 0px auto;
}
.spinfo_inner {
	margin: 0 0 0 6%;
}
.spinfo_inner a {
	display: block;
	width: 22%;
	float: left;
	margin: 0 1%;
}

#information .planinner .bxslider3 div dl {
	width: 100%;
	background-color: rgba(255,255,255, 0.8);
}
#information .planinner .bxslider3 div dl dt {
	width: 52.6%;
	float: left;
}
#information .planinner .bxslider3 div dl dd {
	width: 47.4%;
	float: left;
	padding: 10px 0;
}
#information .planinner .bxslider3 div dl dd img {
	width: 94%;
}
#information .planinner .bxslider3 div dl dd p {
	padding: 10px 18px 0 10px ;
	font-size: 14px;
	line-height: 1.6;
	color: #67306c;
}
#information dl.photo.boxLink {
	margin-bottom: 5px;
}
.planSlider .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 0;
    outline: 0;
	margin-top: 0px;
    text-indent: -9999px;
    z-index: 9999;
	width: 3.4%;
	height: 100%;
}
.planSlider .bx-wrapper .bx-prev {
    left: 0;
    background: #321910 url(../../images/spplan_prev.png) no-repeat left center;
	background-size: 100% auto;
}
.planSlider .bx-wrapper .bx-next {
    right: 0;
    background: #321910 url(../../images/spplan_next.png) no-repeat left center;
	background-size: 100% auto;
}
.planSlider .bx-wrapper {
    position: relative;
    margin: 0 0 40px;
    padding: 0;
}
#information {
	background: none;
}
#information .right {
    width: 100%;
    float: none;
    margin: 0 0 0 0;
}
#information dl.photo {
	width: 100%;
	background-color: rgba(255,255,255, 0.8);
	margin:0;
	padding:0;
}
#information dl.photo dt {
	width: 52.6%;
	float: left;
}
#information dl.photo dt img {
    width: 100%;
    overflow: hidden;
}
#information dl.photo dd {
	width: 47.4%;
	float: left;
	padding: 10px 0;
}
#information dl.photo dd p {
	padding: 10px 18px 0 10px ;
	font-size: 14px;
	line-height: 1.6;
	color: #67306c;
}
#information .planinner dl dd {
	background: none;
	padding: 0 0 0;
}
#information .planinner dl:first-child dd {
	background: none;
	padding: 0 0 0;
}
#information .planinner dl:last-child dd {
	background: none;
	padding: 0 0 0;
}
#information .planinner dl dd p {
	background: url(../../images/sp_plan2.png) no-repeat left 5px;
	background-size: 100% auto;
	padding: 9vw 18px 0 10px ;
}
#information .planinner dl:first-child dd p {
	background: url(../../images/sp_plan1.png) no-repeat left 5px;
	background-size: 100% auto;
	padding: 9vw 18px 0 10px ;
}
#information .planinner dl:last-child dd p {
	background: url(../../images/sp_plan3.png) no-repeat left 5px;
	background-size: 100% auto;
	padding: 9vw 18px 0 10px ;
}
#information dl.photo {
    border-bottom: 0px;
    padding: 0;
}
/* charm */
#charm .secContents h2{
	width: 58.5%;
	margin:20px auto 0;
}
#charm .leadText {
	width: 94%;
	margin: 0px auto 40px;
}
.charmul li {
	width: 95%;
	text-align: center;
}
.point h3 {
	height: 200px;
	text-indent: -9999px;
	overflow: hidden;
}
.pointInner {
    width: 94%;
    margin: 0px auto;
    padding: 0 0 10px;
    position: relative;
}
.pointInner .title {
	color: #2F483A;
	font-size: 20px;
	line-height: 1.6;
	padding: 0 0 10px;
}

.pointInner .text {
	font-weight: bold;
	line-height: 1.8;
	font-size: 15px;
	padding: 0 0 10px;
}
.pointInner .text2 {
	text-align: right;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.4;
	padding: 0 0 10px;
}
.btm {
	position: relative;
}
#point001 {
	height: auto;
	background: none;
}
#point001 h3 {
	background: url(../../charm/images/p1_main.png) no-repeat center top;
	background-size: auto 200px;
	height: 200px;
}
#point001 .pointInner {
	height: auto;
}
#point001 .btm {
	margin: 20px 0 40px;
	text-align: center;
	left: 0;
}
#point001 .pointInner .title {
	color: #2F483A;
	width: 100%;
	margin: 0 0 0 0;
}
#point001 .pointInner .text {
	width: 100%;
	margin: 0 0 0 0;
}
#point001 .pointInner .text2 {
	width: 100%;
	margin: 0 0 0 0;
	text-align: right;
}

#point002 {
	height:auto;
	background: none;
}
#point002 h3 {
	background: url(../../charm/images/p2_main.png) no-repeat center top;
	background-size: auto 200px;
	height: 200px;
}
#point002 .pointInner {
	height: auto;
}
#point002 .btm {
	margin: 20px 0 40px;
	text-align: center;
    line-height: 1.6;
	left: 0;
	width:100%;
}
#point002 .pointInner .title {
	color: #3C470D;
	width: 100%;
	margin: 0 0 0 0;
}
#point002 .pointInner .text {
	width: 100%;
	margin: 0 0 0 0;
}
#point002 .pointInner .text2 {
	width: 100%;
	margin: 0 0 0 0;
	text-align: right;
}
#point002 .fgo {
	padding: 0 0 10px;
	text-align: left;
}
#point003 {
	height:auto;
	background: none;
}
#point003 h3 {
	background: url(../../charm/images/p3_main.png) no-repeat center top;
	background-size: auto 200px;
	height: 200px;
}
#point003 .pointInner {
	height: auto;
}
#point003 .btm {
	margin: 20px 0 40px;
	text-align: center;
	left:0;
}
#point003 .pointInner .title {
	color: #936953;
	width: 100%;
	margin: 0 0 0 0;
}
#point003 .pointInner .text {
	width: 100%;
	margin: 0 0 0 0;
}
#point003 .pointInner .text2 {
	width: 100%;
	margin: 0 0 0 0;
	text-align: right;
}
#point004 {
	height: auto;
	background: none;
}
#point004 h3 {
	background: url(../../charm/images/p4_main.png) no-repeat center top;
	background-size: auto 200px;
	height: 200px;
}
#point004 .pointInner {
	height: auto;
}
#point004 .btm {
	margin: 20px 0 40px;
	text-align: center;
    line-height: 1.6;
	left: 0;
	width:100%;
}
#point004 .fgo {
	padding: 0 0 10px;
	text-align: left;
}
#point005 {
	height: auto;
	background: none;
}
#point005 h3 {
	background: url(../../charm/images/p5_main.png) no-repeat center top;
	background-size: auto 200px;
	height: 200px;
}
#point005 .pointInner {
	height: auto;
}
#point005 .btm {
	margin: 20px 0 40px;
	text-align: center;
    line-height: 1.6;
	left: 0;
	width:100%;
}
#point005 .fgo {
	padding: 0 0 10px;
	text-align:  left;
}

#charmtanuki h3{
	background: url(../../charm/images/tanuki_main.png) no-repeat center top;
	background-size: auto 200px;
	height: 200px;
}
#charmtanuki {
	background: none;
	height: auto;
}
#charmtanuki .title {
	width: 90%;
	padding: 0px 0 10px;
	margin: 0px auto;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#charmtanuki .text {
	width: 90%;
	margin: 0px auto;
	font-size: 14px;
	line-height: 24px;
	padding: 15px 0 30px;
}
/* privacy */
#privacy .inner960 {
	width: 94%;
	margin: 0px auto;
}
#privacy p {
	padding: 25px 10px 45px 10px;
	font-size: 16px;
	line-height: 1.8;
}
#privacy h3.w1600 {
	background: url(../images/line1600.gif) no-repeat right center;
	background-size: 55% 1px;
}
#privacy h3.w1525 {
	background: url(../images/line1525.gif) no-repeat right center;
	background-size: 45% 1px;
}
/* link */
.linknav li {
	float: left;
	width: 49%;
	margin: 0 2% 10px 0;
}
.linknav li:nth-child(2n) {
	margin: 0 0px 10px 0;
}
.linknav li a {
	display: block;
	width: 100%;
	padding: 10px;
	box-sizing:  border-box;
}
.linkBox dl {
	width: 282px;
	float: none;
	margin: 0px auto 20px;
}
.linkBox dl:nth-child(3n){
	margin: 0px auto 20px;
}
.link2 li {
	width: 100%;
	float: none;;
	margin: 0px auto 10px;
}
.link2 li:nth-child(3n){;
	margin: 0px auto 10px;
}
.link2 li a {
	background:url(../../link/images/link2w.png) no-repeat left bottom;
}
.link2w li {
	width: 100%;
	float: none;
	margin: 0px auto 10px;
}
.link2w li:nth-child(2){
	margin: 0px auto 10px;
}
dl.link3Box {
	width: 100%;
	float: none;
	height: auto;
	margin: 0px 20px 0px 0;
	padding: 0 0 20px 0
}
dl.linkUniv {
	width: 100%;
	float: none;
	height: auto;
	margin: 0px 0px 100px 0;
}
dl.link3Box:nth-child(2){
	margin: 0px 0 10px 0;
}
.link3Box dt {
	background: url(../../link/images/link3.png) center center;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	font-size: 19px;
	height: auto;
}
.link3Box dd {
	width: 100%;
}
.linkUniv dt {
	background: url(../../link/images/link3.png) center center;
	width: 100;
	padding: 10px 0;
	text-align: center;
	font-size: 19px;
	height: auto;
}
.linkUniv dd {
	width: 100%;
}
/* service */
.servBox1 .img1 {
	height: auto;
	width: 100%;
	overflow: auto;
	line-height: 0;
}
.servBox1 .img2 {
	height: auto;
	width: 100%;
	overflow: auto;
	line-height: 0;
}
.servBox1 .left {
	float: none;
	width: 100%;
}
.servBox1 .right {
	float: left;
	width: 96%;
	height: auto;
	overflow:  hidden;
	background: url(../../service/images/whitebg.png);
	padding: 5% 2%;
}
.servBox1 img {
	padding: 0 0 0px
}
.servBox1 .right img {
	padding: 0 0 10px;
}
.servBox1 p {
	padding: 10px 0 0;
}
.servBox2 .left {
	background: none;
	width: 100%;
	height: auto;
	float: none;
	margin: 0 0px 0 0px;
}
.servBox2 .right {
	background: none;
	width: 100%;
	height: auto;
	float: none;
	margin: 0 0px 0 0;
}
.servBox2 h4{
	font-size: 18px;
	font-weight: bold;
}
.servBox2 p {
	text-align: left;
	color: #FFF;
	line-height: 1.6;
	padding: 10px 0 30px;
	font-size: 16px;
	color: #000;
}
/* #tourism_widearea */
#tourism_widearea .inner951 .btnLine2w {
	width: 94%;
	margin: 0px auto;
}
#tourism_widearea .map {
    margin: 20px auto 10px;
    text-align: center;
    width: 94%;
    height: auto;
    position: relative;
}
#tourism_widearea .btn {
    text-align: center;
	width: 291px;
    margin: 0 auto 20px;
}

#tourism_widearea .mapBox {
	width: 94%;
	float: none;
	margin: 0px auto 50px;
}
#tourism_widearea .mapBox:first-child {
	width: 94%;
	float: none;
	margin: 0px auto 50px;
}
.nv dd {
	width: 77%;
}

/* tourism_suburb */
#tourism_suburb .map {
    margin: 20px auto 10px;
    text-align: center;
    width: 94%;
    height: auto;
    position: relative;
}
#tourism_suburb .btn {
    text-align: center;
	width: 291px;
    margin: 0 auto 20px;
}
#tourism_suburb .mapBox {
	width: 94%;
	float: none;
	margin: 0px auto 30px;
}
#tourism_suburb .mapBox:first-child {
	width: 94%;
	float: none;
	margin: 0px auto 30px;
}
#tourism_suburb .nv dd {
	width: 77%;
}
#tourism_suburb .info {
	padding: 16px 0 6px;
}
#tourism_suburb .info dt {
	background:url(../../tourism_suburb/images/map_subtitle.png) no-repeat center center;
	width: 144px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	float: left;
	margin:0 0 6px;
}
#tourism_suburb .info dd {
	width: auto;
	height: auto;
	line-height: 33px;
	float: left;
	padding: 0 0 0 10px;
	margin:0 0 6px;
}
#tourism_suburb .btnLine2w,
#tourism_widearea .btnLine2w{
	width: 94%;
	margin:0px auto;
}
#tourism_suburb .btnLine2w li,
#tourism_widearea .btnLine2w li {
	width: 49%;
	margin:0px 1% 0 0;
	float: left;
}
	
/* contact */
.mailformBox {
	width: 96%;
	margin: 0px auto;
	padding: 10px 2%;
	background: rgba(255,255,255,0.6);
}
.mailformBox .left {
	border-bottom: 0;
	width: 100%;
	float: none;
	margin: 0 17px 0 0;
	padding: 20px 0 0;
	font-size: 16px;
}
.mailformBox .right {
	border-bottom: 1px solid #B7AB9C;
	width: 100%;
	float: none;
	padding: 15px 25px 15px 15px;
	line-height: 1.4;
	box-sizing: border-box;
}
.purple {
	color: #67306C;
	font-size: 14px;
}
.mf__text {
	width: 100%;
	font-size: 16px;
	margin: 0 0 5px;
	padding: 5px;
	border: 1px solid #454545;
}
.mf__tarea {
	width: 100%;
	height: 6em;
	font-size: 16px;
	margin: 0 0 5px;
	padding: 5px;
	border: 1px solid #454545;
}
.mailformContact {
	background: rgba(255,255,255,0.6);
	height: auto;
	padding: 0 0 50px;
}
.mailformContact .tel {
    padding: 10px 0 0 0;
    width: 90%;
	margin: 0px auto;
    color: #67306C;
    float: none;
}
.mailformContact .photo {
	width: 90%;
	margin: 0px auto;
	padding: 10px 0 0 0px;
	float: none;
}
#contact .secContents p.thanks {
	line-height: 1.8;
	padding: 0 2% 0px;
	font-size: 16px;
}

/* blog */
.blogBox {
	width: 292px;
	float: none;
	margin: 0px auto 30px;
}
.blogfootBox {
	width: 244px;
	background: rgba(255,255,255,0.6);
	padding: 30px 24px 20px;
	float: none;
	margin: 0px auto 30px;
}
.pageNavi {
	width: 96%;
	margin: 20px auto 20px;
	border-top: 1px solid #321910;
	border-bottom: 1px solid #321910;
	padding: 8px 2%;
	text-align: center;
}
.blogContents h1 {
	background: url(../../blog/images/blogd_head.png) no-repeat left top;
	width: 100%;
	height: 140px;
	margin: 0px auto 60px;
	font-size: 16px;
	padding: 50px 0 0 10px;
	box-sizing: border-box;
}
.blogContents .entry {
	width: 100%;
}
.blogdFoot {
    background: url(../../blog/images/blogd_foot.png) no-repeat left top;
    width: 100%;
    margin: 50px auto 30px;
    height: 117px;
    padding: 35px 0 0 20px;
	box-sizing: border-box;
}
.blogContents .tw {
	width: 76px;
	height: 21px;
}
/* couple */
#couple .secContents h2 {
	background: url(../../stay_couple/images/title.png) no-repeat center top;
    background-size: auto 180px;
    height: 180px;
	text-indent: -9999px;
	overflow: hidden;
}
#family .secContents h2 {
	background: url(../../stay_family/images/title.png) no-repeat center top;
    background-size: auto 180px;
    height: 180px;
	text-indent: -9999px;
	overflow: hidden;
}
#marital .secContents h2 {
	background: url(../../stay_marital/images/title.png) no-repeat center top;
    background-size: auto 180px;
    height: 180px;
	text-indent: -9999px;
	overflow: hidden;
}
.date img {
	width: 58px!important;
	height: 28px!important;
}
#couple .inner950,
#family .inner950,
#marital .inner950{
	width: 100%;
}
.dateBox .tag dt {
	float: none;
}
.dateBox .tag dd {
	line-height: 24px;
	padding: 5px 0 0 20px;
	font-size: 20px;
	float: none;
	font-weight: bold;
}
.dateBox .inner {
    padding: 15px 10px 30px 20px;
}
#couple .day1 .dateBox.sec2 .inner {
	background: none;
    padding: 15px 10px 30px 20px;
}
#couple .day1 .dateBox.sec6 .inner {
	background: none;
    padding: 15px 10px 30px 20px;
}
#couple .day2inner {
	background: none
}
#family .day1inner {
	background: none;
}
#family .day1 .dateBox.sec1 .inner {
    padding: 15px 10px 30px 20px;
}
#family .day2inner {
	background: none;
}
#family .dateBox.sec4 {
	position: relative;
}
#family .dateBox.sec4 .miyagaseko {
	position: absolute;
	left: 0;
	top: 0;
}

#marital .day1inner {
	background: none;
}
#marital .day1 .dateBox.sec1 .inner {
	background: none;
    padding: 15px 10px 30px 20px;
}
#marital .day2inner {
	position: relative;
}
#marital .day2inner .day2innerphoto {
	position: relative;
	right: auto;
}
#marital .day2inner .day2innerphoto img {
	width: 283px!important;
	height: 221px!important;
}

/* facility */
 .leadText{
	width: 94%;
	margin: 0px auto 30px;
}
#facility .facilityphotoLine {
	background: url(../../facility/images/head_images.jpg) repeat-x center top;
	background-size: auto 100px;
	height: 100px;
}
#facility .headText {
	padding: 20px 2%;
	font-size: 15px;
	line-height: 2;
}
#facility .facilityNavi {
	width: 94%;
	margin: 0px auto;
}
#facility .facilityNavi li {
	width: 49%;
	height: auto;
	float: left;
	margin: 0 2% 0 0;
}
#facility .facilityNavi li:nth-child(3n) {
	margin: 0 2% 0 0;
}
#facility .facilityNavi li:nth-child(2n) {
	margin: 0 0 0 0;
}
.faciBox {
	margin: 30px auto 0;
}
.faciBox .left,
.faciBox .right{
	width: 94%;
	margin: 0px auto;
	float: none;
}
.faciInner p {
    font-size: 15px;
    line-height: 1.8;
	width: 94%;
	margin: 0px auto;
}
#facility001 .left{width: 94%;}
#facility002 .faciInner {
	background: none;
}
#facility002 .faciInner .left,
#facility002 .faciInner .right {
	background: url(../../facility/images/titlesub.png) no-repeat center top
}
#facility002 .left {
	width: 100%;
	margin: 0px auto;
	float: none;
}
#facility002 .right {
	width: 	100%;
	margin: 30px auto 0;
	float: none;
}
#facility004 .inner950 {
	width: 100%;
	background: rgba(255,255,255,0.5);
}
#facility004 .inner950 h4 {
	background: url(../../facility/images/mise_bg.png) no-repeat left top;
	font-size: 20px;
}
.miyageBox {
	width: 270px;
	float: none;
	padding: 0 0 20px;
	margin: 0 auto;
}
.miyageBox .aC img {
	max-height: 280px;
	width: auto;
}#facility005 .left {
    background: url(../../facility/images/lobby_p2.png) no-repeat center bottom;
    width: 100%;
    padding: 0 0 330px;
}
.infoTable {
	border-bottom: 0px;
}
.infoTable th {
	display: block;
	width: 96%;
	background: rgba(50,25,16,0.15);
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	vertical-align: middle;
	text-align: center;
	padding: 10px 2%;
  -moz-text-align-last: left;
  text-align-last: left;
  font-size: 15px;
	line-height: 1.8;
}
.infoTable td {
	display: block;
	width: 96%;
	background: rgba(255,255,255,0.5);
	border-right: 0px;
	border-top: 0px;
	border-bottom:0px;
	padding: 10px 2%;
  font-size: 15px;
	line-height: 1.8;
}

/*price*/

#price_list table {
	border-bottom: 0px;
}
#price_list table th {
	display: block;
	width: 96%;
	background: rgba(50,25,16,0.15);
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	vertical-align: middle;
	text-align: center;
	padding: 10px 2%;
  -moz-text-align-last: left;
  text-align-last: left;
  font-size: 15px;
	line-height: 1.8;
	white-space: normal;
}
#price_list table td {
	display: block;
	width: 96%;
	background: rgba(255,255,255,0.5);
	border-right: 0px;
	border-top: 0px;
	border-bottom:0px;
	padding: 10px 2%;
  font-size: 15px;
	line-height: 1.8;
}

#price_list table td.sp{display: block;}	
#price_list table td.pc{display: none;}
#price_list p{padding: 20px 10px;}
#price_list p span{display: block;padding-bottom: 5px;}
	
/* access */
#googleMap {
	width: 92%;
	height: 70%;
	margin: 0px auto 30px;
}
#access .btn.sp img {
	width: 290px!important;
	height: 28px!important;
	margin: 20px 0 0;
}
#access .inner925 {
	width: 100%;
}
#access .inner925 div,
#access .inner925 p {
	width: 94%;
	margin: 0px auto;
}

/* onsen  */
#onsen .secHead {
	background: none;
	height: auto;
}
#onsen .secHead ul {
	background: url(../../onsen/images/line.png) no-repeat center center;
	height: auto;
	width: 94%;
	margin: 0px auto 0;
}
#onsen .secHead ul li {
	width: 100%;
	height: auto;
	float: none;
	padding: 3px 0;
}
#onsen .secHead .spbg {
	background: url(../../onsen/images/btn_bg.png) repeat-x center top;
	background-size: auto 100px;
	height: 100px;
}
.onsenBox .onsenInner {
	width: 94%;
	margin: 0px auto;
}
.onsenBox p {
	width: 94%;
	padding: 15px 0 0;
	margin: 0px auto;
}
.onsenBox h3 {
	width: 100%;
	height: auto;
	margin: 0px auto;
}
#onsen001,
#onsen002,
#onsen003,
#onsen004,
#onsen005{
	background: none;
	height: auto;
}

#onsen001 h3,
#onsen002 h3,
#onsen004 h3{
	width: 100%;
	margin: 0px auto;
}
#onsen001 p,
#onsen002 p,
#onsen004 p{
	width: 94%;
	padding: 15px 0 0;
	margin: 0px auto;
}
#onsen003 .onsenInner {
    width: 94%;
    margin: 0px auto;
    padding-left: 0;
}
#onsen004 .onsenInner {
    width: 94%;
    margin: 0px auto;
    padding-left: 0;
}
.onsenTable .infoTable {
    width: 100%;
    border-spacing: 0;
    border-bottom: 0px;
    margin: 0 0 0px;
}

/* rooms */
.inner630 {
	width: 94%;
	margin: 0px auto 50px;
	padding: 20px 0 0;
}
.inner630 ul {
	margin-left: 1%;
}
.inner630 ul li {
	width: 32%;
	margin: 0 1% 0 0;
	height: auto;
	float: left;
}
.inner840 {
	width: 94%;
	margin: 0px auto 50px;
	padding: 20px 0 0;
}
.inner840 ul {
	margin-left: 1%;
}
.inner840 ul li {
	width: 24%;
	margin: 0 1% 0 0;
	height: auto;
	float: left;
}
.inner420 {
	width: 94%;
	margin: 0px auto 50px;
	padding: 20px 0 0;
}
.inner420 ul {
	margin-left: 1%;
}
.inner420 ul li {
	width: 49%;
	margin: 0 1% 0 0;
	height: auto;
	float: left;
}
.photoslider2 .main1 {
	background:url(../../rooms/images/img1.jpg) no-repeat center top;
	background-size: auto 350px;
	height: 350px;
}
.photoslider2 .main2 {
	background:url(../../rooms/images/img2.jpg) no-repeat center top;
	background-size: auto 350px;
	height: 350px;
}
.photoslider2 .main3 {
	background:url(../../rooms/images/img3.jpg) no-repeat center top;
	background-size: auto 350px;
	height: 350px;
}
.photoslider .main4 {
	background:url(../../rooms/images/img4.jpg) no-repeat center top;
	background-size: auto 350px;
	height: 350px;
}
.photoslider .main5 {
	background:url(../../rooms/images/img5.jpg) no-repeat center top;
	background-size: auto 350px;
	height: 350px;
}
.photoslider .main6 {
	background:url(../../rooms/images/img6.jpg) no-repeat center top;
	background-size: auto 350px;
	height: 350px;
}
.photoslider .main7 {
	background:url(../../rooms/images/img2.jpg) no-repeat center top;
	background-size: auto 350px;
	height: 350px;
}
#rooms .roomBox h3 {
	color: #FFF;
	font-size: 25px;
	letter-spacing: 1.5px;
	text-align: center;
	background: url(../../rooms/images/h3bg.png) no-repeat center bottom;
	padding: 0 0 30px;
	margin: 0 0 20px;
}
#rooms .roomBox h5 {
	line-height: 31px;
}
/* group */
.groupPoint {
	background: rgba(241,228,188,0.5);
	height: auto;
	padding: 0 3% 10%;
}
.groupPoint li {
	padding: 5px 0 5px 0;
}
.groupPoint li:first-child {
	text-align: center;
	padding: 5px 0 20px 0;
}
.groupPoint li:last-child {
	padding: 5px 0 5px 0;
}
.groupPoint li a {
	color: #321910;
}
.groupPoint li a p {
	font-size: 16px;
	line-height: 1.6;
	padding: 0 0 5px;
	width: 83%;
	float:right;
}
.groupPoint li a .aC {
	font-size: 18px;
	padding: 0 0 5px;
	font-weight: bold;
	width: 15%;float: left;
}
.groupPoint li a .f12 {
	display: block;
	font-size: 12px;
	line-height: 1.2;
}
.groupPoint li a .fred {
	color: #9E272D;
}
#group .inner950 {
	width: 94%;
}
.groupBox h3 {
	color: #FFF;
	font-size: 20px;
	line-height:  1.2;
	text-align: center;
	height: 19%;
	overflow: hidden;
}
.groupBox h3 span {
	display: inline-block;
	background-color: #632E67;
	color: #F1E489;
	padding: 10px;
	font-size: 13px;
	width: auto;
	margin: 0 0 5px;
}
#group #gpoint001 {
	background: url(../../group/images/sec1bg.png) no-repeat center 10px;
}
#group #gpoint002 {
	background: url(../../group/images/sec2bg.png) no-repeat center 10px;
}
#group #gpoint003 {
	background: url(../../group/images/sec3bg.png) no-repeat center 10px;
	margin: 0 0 20px;
}
#group #gpoint004 {
	background: rgba(255,255,255,0.5);
}
#group #gpoint001 h3 {
	line-height: 2.8em;
	padding: 10px 0 40px 0;
}
#group #gpoint002 h3 {
	padding: 15px 0 40px 0;
	line-height: 1.5em;
}
#group #gpoint003 h3 {
	padding: 15px 0 40px 0;
	line-height: 1.5em;
}
.groupBox .left {
    width: 100%;
    float: none;
}
.groupBox .left p {
    width: 100%;
    line-height: 1.8;
    padding: 0 0 15px;
}
.groupBox .right {
    width: 100%;
    float: none;
	padding: 15px 0 0;
}
#gpoint001 .left ul li {
	width: 25%;
	float: left;
}
#gpoint003 .left img {
	width: 307px!important;
	height: 129px!important;
}
#group #gpoint004 .inner950 {
    width: 94%;
    margin: 0 auto;
    padding: 0 0 0px;
}
#group #gpoint004 .left {
    width: 100%;
    float: none;
}
#group #gpoint004 .right {
    width: 100%;
    float: none;
}
#group #gpoint004 p {
    width: 100%;
    font-size: 15px;
    line-height: 1.8;
    padding: 0 0 15px;
}
#group #gpoint004 h4 {
    font-size: 20px;
}
#daytrip .telinfo,.telinfo {
    background: none;
	height: auto;
}
.telinfo .clearfix {
    background: rgba(255,255,255,0.5);
    padding: 40px 3% 40px;
    width: 94%;
    margin: 0 auto;
}
.telinfo .left {
    width: 100%;
    float: none;
}
.telinfo .right {
    width: 100%;
    float: none;
	margin: 0px auto 10px;
}

/* daytrip */
#daytrip .greenBox {
	background: #e1d29d;
	padding: 0 0 30px;
}
#daytrip .greenBox .inner {
	width: 94%;
	height: auto;
	margin: 0px auto;
}

#daytrip .greenBox .text {
	font-size: 15px;
	width: 100%;
	margin: 0px auto;
}
#daytrip .review {
	font-size: 21px;
	padding: 0 0 10px 0px;
}
#daytrip .review .men {
	background: url(../../daytrip/images/midasi_i_men.png) no-repeat left bottom;
	padding: 10px 0 10px 40px;
	margin: 0 0 10px;
}
#daytrip .review .women {
	background: url(../../daytrip/images/midasi_i_women.png) no-repeat left bottom;
	padding: 10px 0 10px 40px;
	margin: 0 0 10px;
}
#daytrip .webBox {
	display: none;
    background: url(../../daytrip/images/rankingbg.png) no-repeat center center;
    padding: 20px 0 20px;
    margin: 30px 0 60px;
}

	.rankingsp{display: block;margin: 30px 0 30px;}
	
#daytrip .webBox .inner {
    width: 94%;
    margin: 10px auto;
}

.daytripBox {
	background: none;
}
.daytripBox h3 {
    padding: 10px 0 0px;
    width: 94%;
    margin: 0px auto;
    text-align: center;
}

.daytripBox .inner {
	width: 94%;
	margin: 0px auto;
}
.daytripBox .inner .left,
.daytripBox .inner .right{
	width: 100%;
	float: none;
}

.dayBox {
	background: url(../../daytrip/images/hiru_bg.png) no-repeat center top;
	width: 100%;
	height: auto;
	margin: 20px auto;
}
.dayBox .midasi {
	display: block;
	width: 89%;
	margin:0px auto;
	padding: 0 3% 0;
	line-height: 40px;
	color: #FFF;
	font-weight: bold;
	font-size: 15px;
	background: #CC5A24;
}
.daynight .title{
	color: #000000;
	font-size: 15px;
	width: 94%;
	margin:0px auto;
	padding: 30px 0 10px;
}
.dayBox .title2 {
	color: #CC5A24;
	font-size: 20px;
	text-align: center;
	padding: 10px 0 20px;
}
.dayBox .text,
.nightBox .text{
    padding: 0px 0 0 0px;
	width: 94%;
	margin: 0px auto;
}
.dayBox .text p ,
.nightBox .text p {
	line-height: 1.8;
}
.daynight .causion,
.daynight .photo{
    width: 94%;
    margin: 10px auto 30px;
    line-height: 1.6;
	font-size: 13px;
}

.nightBox {
	background: url(../../daytrip/images/yoru_bg.png) no-repeat center top;
	width: 100%;
	height: auto;
	margin: 20px auto;
}
.nightBox .midasi {
	display: block;
	width: 89%;
	margin:0px auto;
	padding: 0 3% 0;
	line-height: 40px;
	color: #FFF;
	font-weight: bold;
	font-size: 15px;
	background: #004D60;
}
.nightBox .title2 {
	color: #004D60;
	font-size: 20px;
	text-align: center;
	padding: 10px 0 20px;
}
#daytrip #gpoint004 {
	background: rgba(255,255,255,0.5);
	margin: 0 0 30px;
}
#daytrip #gpoint004 .inner950 {
    width: 94%;
    margin: 0 auto;
    padding: 0 0 0px;
}
#daytrip #gpoint004 .left {
    width: 100%;
    float: none;
}
#daytrip #gpoint004 .right {
    width: 100%;
    float: none;
}
#daytrip #gpoint004 p {
    width: 100%;
    font-size: 15px;
    line-height: 1.8;
    padding: 0 0 15px;
}
#daytrip #gpoint004 h3 {
	font-size: 25px;
}
#daytrip #gpoint004 h4 {
    font-size: 20px;
}
#daytrip .daytripBox2 .aC {
    padding: 0 0 30px;
	width: 94%;
	margin: 0 auto;
}
.dayBox .text p.txt02{padding:0;}
.nightBox .text p.txt03{padding:0;}
.nightBox .text p.txt04{padding:0;}
.dayBox .text p br.none,.nightBox .text p br.none{display: none;}

/* cuisine */

#cuisine .secHead {
	background: none;
	height: auto;
	padding: 0;
}
#cuisine .secHead ul li {
	width: 100%;
	height: auto;
	float: none;
	padding: 3px 0;
}
#cuisine .secHead .spbg {
	background: url(../../cuisine/images/navibg.png) repeat-x center top;
	background-size: auto 100px;
	height: 100px;
}
#cuisine .secHead ul.sp {
	background: none;
	height: auto;
	width: 94%;
	margin: 0px auto 0;
}
#cuisine .inner950 {
    width: 100%;
    margin: 0px auto;
}

#cuisine001 {
	background: none;
	padding: 20px 0 50px;
}
#cuisine002 {
	background: none;
	padding: 20px 0 50px;
}
#cuisine003 {
	background: none;
	padding: 20px 0 50px;
}
#cuisine001 .title {
    color: #AF455E;
    padding: 0px 0 5px 0px;
}
.cuisineBox .text {
    padding: 0 0 0 0px;
    font-size: 15px;
    line-height: 1.8;
    width: 100%;
}
.cuisineBox .btn{
	padding: 20px 0 0 0px;
}

#cuisine002 .title {
	color: #447293;
    padding: 0px 0 5px 0px;
}
#cuisine001 .left,
#cuisine001 .right,
#cuisine002 .left,
#cuisine002 .right,
#cuisine003 .left,
#cuisine003 .right {
    width: 94%;
    float: none;
	margin: 0px auto;
    padding: 20px 0 0 0;
}
#cuisine003 .title {
	color: #447293;
    padding: 0px 0 5px 0px;
}
.kondate {
	background: rgba(255,255,255,0.5);
	padding-bottom:50px;
}

.kondate .clearfix .left {
	width: 80%;
	margin: 0px auto;
	float: none;
	font-size: 16px;
	line-height: 2;
	padding: 20px 0 0 0;
}
.kondate .clearfix .right {
	width: 80%;
	margin: 0px auto;
	float: none;
	font-size: 16px;
	line-height: 2;
	padding: 20px 0 0 0;
}
#cuisine .reserve {
	width: 94%;
	margin: 0px auto;
}
#cuisine .reserve .cuiBox {
	width: 49%;
	float: left;
	margin: 0 2% 30px 0;
}
#cuisine .reserve .cuiBox:nth-child(4n) {
	margin: 0 2% 30px 0;
}
#cuisine .reserve .cuiBox:nth-child(2n) {
	margin: 0 0 30px 0;
}
#cuisine .reserve .cuiBox dt {
	width: 100%;
	height: auto;
	line-height: 0;
}
#cuisine .reserve .cuiBox dd {
	background: #FDF1E2;
	padding: 10px 0;
	text-align: center;
	line-height: 1.6;
	min-height: 66px;
}

.sf_headNavisp {
	width: 94%;
	margin: 0px auto 30px;
}
.sf_headNavisp h2 {
	color: #025782;
	font-size: 20px;
	text-align: center;
	padding: 10px 0 20px;
}
.sf_headNavisp li {
	width: 50%;
	float: left;
}
.sf_headNavisp p {
	padding: 0 0 15px;
	line-height: 1.6;
}
.inner950 {
    width: 94%;
    margin: 0px auto;
}
#sf001 .inner950 {
    background: none;
    padding: 0px 0 20px;
}
.sfBox h3 {
    text-align: center;
    padding: 0 0 5px;
}
.sfBox {
	background: url(../../cuisine_sweetfish/images/secbg.png) no-repeat center 10px;
	margin: 0 0 20px;
}
#sf002 h3 {
	padding: 0 0 5px;
}
#sf002 .inner950 .text,#boar #sf002 .inner950 .text {
	width: 100%;
}
#sf004 h3 {
	padding: 0 0 5px;
}
#sf002 .inner {
	background: none;
	padding: 0px 0 20px;
	height: auto;
}
#sf003 .inner {
	background: none;
	padding: 0px 0 20px;
	height: auto;
}
#sf004 .inner {
	background: none;
	padding: 0px 0 20px;
}

#boar #sf001 .inner950 {
	background: none;
	padding: 0px 0 20px;
	height: auto;
}
#boar #sf002  {
	background: url(../../cuisine_sweetfish/images/secbg.png) no-repeat center 10px;
	margin: 0 0 0px;
	padding: 0 0 20px;
}
#boar #sf002 .inner {
	background: none;
	padding: 0px 0 0px;
	height: auto;
}
#boar #sf003 .inner {
	background: none;
	padding: 0px 0 20px;
	height: auto;
}

/*20170630*/

h3.h3_brown{font-size:18px;}
.sp_tel_f30{font-size: 22px;color:#67306C;}
.sp_tel_f30 a{color:#67306C;}
.ban_sp_leadText{
	font-size: 16px;
    text-align: center;
    line-height: 30px;
    margin: 0px auto 30px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	width: 94%;
}
    /******
                    golf
                                        ******/
    #golf001 .mapZoom,
    #golf007 .mapZoom
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 12px 10px 8px;
        margin: 10px 0 20px;
        background: rgba(255, 255, 255, 0.5);
        cursor: pointer;
    }
    #golf001 .mapZoom::before,
    #golf007 .mapZoom::before{
        display: inline-block;
        content: "";
        width: 24.6565px;
        height: 24.422px;
        background-image: url(../../golf/images/map_hand.svg);
        background-size: cover;
        margin-right: 10px;
    }
    #golf002 h3 img{
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
        width: 100%;
        height: auto;
        margin: 0 auto 12px;
    }
    #golf002 .list div {
        width: 14%;
        margin-bottom: 30px;
    }
    #golf002 .list p {
        width: 86%;
        line-height: 1.6;
        margin-bottom: 15px;
    }
    #golf002 .list p span{
        font-size: 16px;
    }
    #golf002 .list{
        margin-bottom: 123px;
    }
    #golf002 .list::after{
        bottom: -123px;
        left: auto;
        right: 0;
    }
    #golf003 h3 {
        margin-bottom: 20px;
    }
    #golf003 p {
        padding: 0;
        display: inline;
    }
    #golf003 .textbox {
        margin-bottom: 30px;
    }
    #golf003 .imgbox {
        padding: 0;
    }
    #golf003 .imgbox img {
        margin: 0;
		width: 32%;
    }
    /*#golf003 .imgbox img:nth-child(2) {*/
        /*margin: 0 5px;*/
    /*}*/
    #golf003 {
        padding: 0 0 30px;
    }
    #golf004 .intro span, #golf005 .intro span {
        font-size: 16px;
        font-weight: bold;
    }
    #golf004 .textbox img,
    #golf005 .textbox img{
        margin: 0 0 20px;
    }
    .golf_banner.inner950 {
		width: 93.75%
	}
    .golf_banner_wrp {
		margin: 35px 0;
		background-image: url("../../golf/images/golf_banner01_sp.jpg");
		background-size: 100%;
		padding: 64.6875vw 3.125vw 10px;
    }
	.golf_banner_link_wrp a{
		display: block;
		color: #006837;
		font-size: 16px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-weight: bold;
		text-align: left;
		line-height: 1.5;
		padding: 2.34375vw 2.34375vw 2.34375vw 4.6875vw;
		margin-bottom: 3.125vw;
	}
	.golf_banner_link_wrp a::before{
		content: "\03e";
		position: absolute;
		left: 1.25;
		top: 50%;
		transform: translateY(-50%);
	}
    #golf006 .inner950 {
        padding: 0;
    }
    #golf006 h3, #golf007 h3, #golf009 h3{
        background-image: url(../../golf/images/golf006_h3_bk_sp.png);
        background-position: center bottom;
        line-height: 1.8;
        padding: 12px 10px;
    }
    #golf006 h4 {
        padding: 8px;
        font-size: 14px;
        margin-bottom: 10px;
    }
    #golf006 p {
        padding: 0;
        margin-left: 44px;
        margin-bottom: 20px;
    }
    #golf007 .img-map {
        margin: 0 auto 12px;
    }
    #golf007 .clubCard_wrp {
        margin-top: 40px;
    }
    #golf007 .card .time01,
    #golf007 .card .time02{
        display: inline;
    }
    #golf007 .card img{
        margin-top: 20px;
    }
    #golf007 .card h5 {
        font-weight: bold;
    }
    #golf007 .card {
        width: 100%;
        margin-bottom: 24px;
    }
    #golf007 .clubCard_wrp {
        padding: 0;
    }
    #golf007 {
        padding-bottom: 0;
    }
    #golf008 {
        background-image: url(../../golf/images/golf008_bk_sp.png);
        background-position: right top;
        background-size: contain;
        padding: 20px 0;
        margin-bottom: 14px;
    }
    #golf008 h3 {
        font-size: 24px;
        padding: 22px 0;
        margin-bottom: 18px;
    }
    #golf008 .textbox {
        width: 100%;
        margin-bottom: 20px;
    }
    #golf008 .imgbox {
        margin-left: 0;
        width: 100%;
    }
    #golf009 h3 {
        margin-bottom: 20px;
    }
    #golf009 img {
        margin-bottom: 25px;
    }
    #golf009 {
        padding-bottom: 12px;
    }
	.golfTell .golfTell_link-reserve{
		top: 33%;
		left: 30%;
		right: 4%;
		height: 10%;
		width: auto;
	}
	.golfTell .golfTell_link-tokyo{
		top: 45%;
		left: 30%;
		right: 4%;
		height: 10%;
		width: auto;
	}
	/******
				lodging
									******/
	#lodging .lodging01_01 {
		width: 100%;
	}
	#lodging .lodging01_top {
		padding: 30px 4% 20px;
	}
	#lodging .lodging01_top h3 {
		font-size: 24px;
	}
	#lodging .lodging01_top p {
		font-size: 20px;
		text-align: left;
	}
	#lodging .lodging01_top .photo {
		position: static;
		transform: rotate(0);
		margin-top: 10px;
	}
	#lodging .lodging01_mdl {
		padding: 36px 4% 0;
	}
	#lodging .lodging01_mdl .list {
		margin: 25px 0;
	}
	#lodging .lodging01_mdl .list li {
		line-height: 1.4;
	}
	#lodging .lodging01_02 {
		width: 100%;
		margin: 0 auto 0;
		padding: 0 5px;
		box-sizing: border-box;
	}
	#lodging .lodging01_02 a {
		display: block;
		padding: 0 5px;
	}
	#lodging .lodging02_h3 img {
		width: 350%;
	}
	#lodging .lodging02_01 {
		flex-wrap: wrap;
	}
	#lodging .lodging02_01_txt {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	#lodging .lodging02_02::before {
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		padding-top: 50%;
	}
	#lodging .lodging02_03, #lodging .lodging02_05 {
		padding: 15px;
	}
	#lodging .lodging02_03 h4, #lodging .lodging02_05 h4 {
		position: static;
		font-size: 24px;
		width: auto;
		height: auto;
		border-radius: 0;
		padding: 10px;
		margin-bottom: 20px;
	}
	#lodging .lodging02_03_row, #lodging .lodging02_05_row {
		flex-wrap: nowrap;
	}
	#lodging .lodging02_03_txt, #lodging .lodging02_05_txt {
		display: block;
		margin-bottom: 20px;
		flex: 0 1 auto;
		width: 50%;
	}
	#lodging .lodging02_03_txt p, #lodging .lodging02_05_txt p {
		border-bottom: none;
		line-height: 1.4;
		display: inline;
	}
	#lodging .lodging02_03_img, #lodging .lodging02_05_img {
		margin-bottom: 20px;
		align-self: flex-start;
		width: 50%;
	}
	#lodging .lodging02_03_img + .lodging02_03_txt p, #lodging .lodging02_05_img + .lodging02_05_txt p {
		padding-left: 0;
	}
	#lodging .lodging02_03_img + .lodging02_03_txt, #lodging .lodging02_05_img + .lodging02_05_txt {
		margin-left: 10px;
	}
	#lodging .lodging02_03_txt:first-child, #lodging .lodging02_05_txt:first-child {
		margin-right: 10px;
	}
	#lodging .lodging02_04, #lodging .lodging02_06 {
		padding: 0;
	}
	#lodging .lodging03 {
		background-repeat: repeat;
	}
	#lodging .lodging03 h3 {
		font-size: 24px;
	}
	#lodging .lodging03_01 > div {
		width: 100%;
		margin-bottom: 20px;
		padding: 0 15px;
	}
	#lodging .lodging03_01 h4 {
		font-size: 20px;
	}
	#lodging .lodging04 {
		margin: 30px 10px;
	}
	#lodging .lodging05 h3 {
		margin-bottom: 30px;
		width: 100%;
		overflow-x: hidden;
	}
	#lodging .lodging05 h3 img{
		width: 220%;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	#lodging .lodging05_01 {
		padding: 30px 4%;
		margin-bottom: 60px;
		background-repeat: repeat;
	}
	#lodging .lodging05_01_top, #lodging .lodging05_01_bottom {
		position: static;
		display: block;
	}
	#lodging .lodging05_01_top img
	#lodging .lodging05_01_bottom img {
		width: 100%;
		margin: 0 0 15px;
	}
	/******
				price
									******/
	#price .secContents h2 img{
		max-width: 245px;
	}
	#price .secContents h2 {
		margin-bottom: 20px;
	}
	#price .price01 {
		flex-wrap: wrap;
	}
	#price .price01 a {
		width: 100%;
		margin-bottom: 10px;
	}
	#price .price02 .price02_01.pc,
	#price .price03 .price03_01.pc {
		display: none;
	}
	#price .price02 .price02_01.sp,
	#price .price03 .price03_01.sp {
		display: block;
	}
	#price .price02 h3, #price .price03 h3 {
		margin-bottom: 30px;
	}
	#price .price02 h3 img, #price .price03 h3 img {
		width: 350%;
	}
	#price .price02 table,
	#price .price02 tbody,
	#price .price02 th,
	#price .price02 td,
	#price .price02 tr,
	#price .price03 table,
	#price .price03 tbody,
	#price .price03 th,
	#price .price03 td,
	#price .price03 tr {
		display: block;
		width: 100% !important;
	}
	#price .price05 h3 {
		margin-bottom: 30px;
		width: 100%;
		overflow-x: hidden;
	}
	#price .price05 h3 img{
		width: 220%;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	#price .price05_01 {
		flex-wrap: wrap;
	}
	#price .price05_01 img {
		margin-bottom: 40px;
	}
    
    .heyasyoku_bnr{
        display: none;
    }
    .heyahyoku_bnr_sp{
        padding: 15px;
    }
	/*media end*/
}

@media (max-width: 380px) { 

#rooms .secHead ul {
    width: 100%;
}

#rooms .secHead ul li {
    width: 50%;
    height: auto;
}


}

.osusume_icon{margin: 10px;width: 107px !important;}

/*20171116*/
.inner960.pb100 {
	text-align: center;
}