@charset "utf-8";
/*
 * CSS base.css
 */
 
/* ---------------------------------------
base
--------------------------------------- */
body{ color: #333333; font-size: 15px; line-height: 1.8; text-align: left; font-family: 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, Karla, "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN" ,"Meiryo UI", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%; letter-spacing: 0.001em; max-height: 999999px;
}
@media screen and (max-width: 1040px) {
	body { width: 100%; overflow: hidden; }
}
@media screen and (max-width: 639px) {
	body { font-size: 14px; }
}


#body_wrap{ margin:35px 40px 0; }
#body_wrap:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
@media screen and (max-width: 1040px) {
	#body_wrap{ margin:0 0 0; }
}


/* 
---------------------------------------
#header
--------------------------------------- */
#header{ width: 100%; position: relative; }
#header #h_logo { width: 372px; margin-left:40px; padding-top:5px; }
#header #h_cap { font-weight: bold; font-size: 0.93em; position: absolute; top:12px; right:290px; text-align: right; line-height: 1.6 }
#header #h_cap span{ font-weight: bold; }
#header #h_reserve { position: absolute; top:0; right:140px; width: 128px }
#header #h_reserve.online { right:0; }
#header #h_tel { position: absolute; top:73px; right:325px; }
#header #h_tel .tel_txt1{ font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro"; font-weight: bold; font-size: 0.87em; vertical-align: middle; margin-right: 10px; color:#e96071; }
#header #h_tel .img1{ width: 22px; vertical-align: middle; margin-right: 5px }
#header #h_tel .img2{ width: 180px; vertical-align: middle; }
#header #h_facebook { position: absolute; top:73px; right:290px; width: 28px }

@media screen and (max-width: 1230px) {
	#header #h_logo{ margin-left: 0; width: 30%; }
	#header #h_reserve { right:120px; width: 110px }
	#header #h_cap { font-size: 0.9em; right:240px; }
	#header #h_tel { right: 275px; top: 65px; }
	#header #h_facebook { right: 240px; top: 65px; }
}
@media screen and (max-width: 1040px) {
	#header #h_logo{ width: 92%; text-align: center; padding: 20px 4%; position: static; }
	#header #h_logo img{ width:372px; }
	#header .sptopinfo{ display: block; height:45px; width: 100%; background: #e96071; }
	#header .reserve{ display: block; height:45px; width: 100%; }
	#header #h_cap{ display: block; position: static; background: #f5efe2; text-align: center; padding:7px 4%; color:#e96071; line-height: 1.4 }
	#header #h_cap .cap_txt1{ font-size: 1.23em }
	#header #h_cap .cap_txt2{ display: none }
	#header #h_reserve{ position: static; background: #1062c4; display: table; height:100%; width: 50%; float: left; }
	#header #h_reserve a{ background: #1062c4; height:100%; vertical-align: middle; text-align: center; display: table-cell; }
	#header #h_reserve.online a { background: #cfe0f3; }
	#header #h_reserve img{ max-width: 196px; width: 100% }
	#header #h_tel{ position: static; background: #fbdfe3; display: table; height:100%; width: 75%; float: left }
	#header #h_tel a{ width: 100%; height:100%; vertical-align: middle; text-align: center; display: table-cell; }
	#header #h_tel .tel_txt1{ display: none }
	#header #h_tel .img1{ margin-right: 10px }
	#header #h_facebook{ position: static; background: #e96071; display: table; height:100%; width: 25%; float: left }
	#header #h_facebook a{ width: 100%; background: #e96071; height:100%; vertical-align: middle; text-align: center; display: table-cell; }
	#header #h_facebook img{ max-width: 28px; width: 100% }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px) {
	#header #h_logo{ padding:10px 4%; }
	#header #h_logo img{ width:220px; }
	#header #h_reserve a{ width: 50%; }
	#header #h_tel{ width: 85% }
	#header #h_tel .img1{ margin-right: 0; width: 26px }
	#header .sptopinfo,
	#header .reserve{ height:55px; }
	#header #h_facebook{ width: 15% }
	#header #h_reserve img{ max-width: 160px; width: 100% }
}
@media screen and (max-width: 479px) {
	#header #h_logo{ text-align: left }
	#header #h_cap{ padding:7px 2%; width: 96% }
}
@media screen and (max-width: 400px) {
	#header #h_cap .cap_txt1{ font-size: 1.1em }
}



/* 
---------------------------------------
#gnav
--------------------------------------- */
#gnav { z-index: 10001; text-align: center; padding: 20px 0 0; position: relative; margin-bottom: -10px }
#gnav .incnt { max-width: 1080px; }
#gnav .incnt ul { text-align: center; background:#faf6f0; padding:15px 0 10px; width: 1080px; margin:0 auto; }
#gnav .incnt>ul>li { display: inline-block; margin-left:10px; font-weight: bold; vertical-align: top; position: relative; padding-right:13px; }
#gnav .incnt>ul>li.last{ padding-left: 0 }
#gnav .incnt>ul>li:after{ content:" "; background:#bc9440; width: 1px; height:20px; -webkit-transform:translateY(0) translateX(0) rotate(25deg); -moz-transform:translateY(0) translateX(0) rotate(25deg); transform:translateY(0) translateX(0) rotate(25deg); position: absolute; top:0; bottom:3px; margin:auto 0; right:0; }
#gnav .incnt>ul>li.last:after{ content: none }
#gnav .incnt ul li a { font-weight: bold; text-decoration: none; display: block; font-size: 0.93em }
#gnav .incnt ul li a:hover, #gnav .incnt ul li.current a { opacity: 1; color:#bc9440; }
#gnav .incnt ul li.notpc{ display: none }
@media screen and (max-width: 1040px) {
	#gnav { height: auto; padding: 0; position: fixed; top: 0; left: 0; display: block; width: 100%; max-width: none; margin-top: 0px; background: transparent; z-index: 1999; border:0; bottom:auto; }
	#gnav .scrollcover{ display: block; }
	#gnav:before{ content:none }
	#gnav .incnt>ul>li:after{ content:none }
	#gnav .incnt{ display: block; background-color: #faf6f0; padding: 40px 8%; width: 84%!important; margin: 0!important; }
	#gnav .incnt .inwrap{ width: 100%; height:100%; border:4px solid #735853; }
	#gnav .incnt ul{ width:96%; margin:0 auto; padding:0; }
	#gnav .incnt ul>li { height: auto; display: block; width: 100%; text-align: center; float: none; padding: 0!important; border-bottom: 1px dashed #b2b2b2; position: relative; border-right: 0; margin-left: 0 }
	#gnav .incnt ul>li:after{ content: none; }
	#gnav .incnt ul>li>a { padding: 8px 0!important; position: relative; font-size: 15px; background-size: 6px auto; width: 100%; display: block; color: initial }
	#gnav .incnt ul>li.notpc{ display: block; }
	#gnav .incnt ul>li>a:hover, #gnav .incnt ul>li.current>a { opacity: 1; }
	#gnav .incnt>ul>li.last{ border-bottom: none }
	#gnav .incnt ul li.notpc{ display: block; }
}


/* 
---------------------------------------
#secnav
--------------------------------------- */
#secnav{ margin-bottom: 45px }
#secnav:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
#secnav>ul{ text-align: center; }
#secnav>ul>li{ padding-right: 30px; margin-right: 30px; position: relative; display: inline-block; }
#secnav>ul>li>p{ display: inline-block; }
#secnav>ul>li a{ display: inline-block; font-weight: bold; font-size: 1.13em; color:#735853; text-decoration:none; }
#secnav>ul>li a:after{ content: " "; background: url(../img/common/arr7.png) no-repeat; background-size: contain; width: 12px; height:6px; display: inline-block; vertical-align: middle; margin-left:5px; }
#secnav>ul>li:after{ content:" "; background: #d5cdcb; width: 2px; height:24px; position: absolute; right:0; top:0; bottom:0; margin:auto 0; display: inline-block; }
#secnav>ul>li.last{ padding-right: 0; margin-right: 0 }
#secnav>ul>li.last:after{ content:none; }
@media screen and (max-width: 639px) {
#secnav{ margin-bottom: 30px }
#secnav>ul>li{ padding-right: 2%; margin-right: 0; width: 48%; float: left; display: block;  }
#secnav>ul>li>p{ display: block; width: 100%; border-bottom: 1px dotted #d5cdcb }
#secnav>ul>li a{ display: block; width: 100%; }
#secnav>ul>li:after{ width: 1px }
#secnav>ul>li:nth-child(even):after{ content:none; }
#secnav>ul>li:nth-child(even){ padding-right: 0; margin-right: 0; padding-left:2%; }
#secnav>ul>li.splast>p{ border-bottom: 0; padding-top: 3px }
}

/* 
---------------------------------------
btn
--------------------------------------- */
/* #menubtn */
#menubtn { display: none; z-index: 2000; width:50px; height:45px; opacity:1; background:#fff; }
@media screen and (max-width: 1040px) {
	#menubtn { position: fixed; top: 0; right: 0; }
	#menubtn a{ display: block; width:100%; height:100%; }
	/* slow */
	#menubtn .line { width: 24px;  height: 1px; background: #986e3b; position: absolute; left:0; right:0; margin:0 auto; -webkit-transition: all 0.6s; -moz-transition: all 0.6s ; transition: all 0.6s; }
	#menubtn #line1 { top: 45%; }
	#menubtn #line2 { top: 65%; }
	#menubtn.active a{ background: #fff }
	#menubtn.active .line{ background: #986e3b; width: 28px }
	#menubtn.active #line1 { -webkit-transform:translateY(2px) translateX(0) rotate(45deg); -moz-transform:translateY(2px) translateX(0) rotate(45deg); transform:translateY(2px) translateX(0) rotate(45deg); }
	#menubtn.active #line2 { -webkit-transform:translateY(-7px) translateX(0) rotate(-45deg); -moz-transform:translateY(-7px) translateX(0) rotate(-45deg); transform:translateY(-7px) translateX(0) rotate(-45deg); }
}




/* ---------------------------------------
#mainv_index
--------------------------------------- */
#mainv_index{ width:100%; position: relative; }
/*#mainv_index:before{ content:" "; background:url(../img/index/mv_bg2.png) no-repeat; background-size: contain; width: 178px; height:152px; display: inline-block; position: absolute; bottom: -25px; left: -25px; z-index: 5 }*/
#mainv_index .mycanvas1{ width: 100%; position: relative; margin:0 auto; overflow: hidden }
#mainv_index .bg1{ width: 100%; max-width: none; z-index: -1 }
#mainv_index .infobox1{ position: absolute; bottom:12%; left:70px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 24px; color:#e96071; }
#mainv_index .infobox1 li{ font-weight: bold; letter-spacing: 4px; line-height: 1.5 }

#mainv_index .infobox2{ position: absolute; top:30%; text-align: center; right:18%; }
#mainv_index .infobox2 .img1{ width: 358px; margin:0 auto 30px; }
#mainv_index .infobox2 .img2{ width: 386px; margin:0 auto 40px; }
#mainv_index .infobox2 .img3{ width: 394px; margin:0 auto 0px; }

#mainv_index .infobox3{ position: absolute; bottom: -4%; right: 3%; }
#mainv_index .infobox3 .btn_circle{ position: relative; display: inline-block; text-decoration: none; color: #bc9440; width: 230px; height: 230px; border-radius: 50%; border: solid 5px #bc9440; text-align: center; overflow: hidden; transition: .6s; box-sizing: border-box; -webkit-transform: rotate(10deg); transform: rotate(10deg); background-color: rgba(255,255,255,.3); }
#mainv_index .infobox3 .btn_circle p{ position: relative; font-size: 1.3rem; font-weight: bold; line-height: 1.5; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); width: 220px; }
#mainv_index .infobox3 .btn_circle p span{ color: #e96071; padding: 0 5px 0 6px; font-size: 1.4rem; letter-spacing: 2px; font-weight: bold; line-height: 1; margin-bottom: 10px; display: inline-block; border-bottom: solid 3px #e96071; padding-bottom: 3px; transition: .6s; }
#mainv_index .infobox3 .btn_circle:hover{ -webkit-transform: rotate(0deg); transform: rotate(0deg); color: #e96071; border: solid 5px #e96071; }
#mainv_index .infobox3 .btn_circle:hover p span{ color: #bc9440; border-bottom: solid 3px #bc9440; transition: .6s; }

@media screen and (max-width: 1700px) {
	#mainv_index .infobox3{ bottom: -5%; right: 2%; }
	#mainv_index .infobox3 .btn_circle{ width: 210px; height: 210px; }
	#mainv_index .infobox3 .btn_circle p{ position: relative; font-size: 1.1rem; }
	#mainv_index .infobox3 .btn_circle{ width: 190px; height: 190px; }
}
@media screen and (max-width: 1360px) {
	#mainv_index .mycanvas1{ height:544px; }
	#mainv_index .bg1{ width: 100%; position: relative; height: 544px; overflow: hidden; }
	#mainv_index .bg1 img{ position: absolute; bottom: 0; left: 50%; width: 1320px; height: 544px; margin-left: -660px; z-index: -1; max-width: none }
	#mainv_index .infobox1{ left:4%; }
	#mainv_index .infobox2{ top:27%; right:15%; }
	#mainv_index .infobox3{ bottom: -6%; right: 2%; }
	#mainv_index .infobox3 .btn_circle{ width: 170px; height: 170px; border: solid 4px #bc9440; }
	#mainv_index .infobox3 .btn_circle:hover { border: solid 4px #e96071; }
	#mainv_index .infobox3 .btn_circle p{ font-size: 1.1rem; font-weight: bold; line-height: 1.4; width: 160px; }
	#mainv_index .infobox3 .btn_circle p span{ font-size: 1.25rem; letter-spacing: 2px; margin-bottom: 12px; }
}
@media screen and (max-width: 1245px) {
	#mainv_index .bg1 img{ left: 0; margin-left: -180px; }
}
@media screen and (max-width: 1165px) {
	#mainv_index:before{ content:none; }
	#mainv_index .infobox1{ position: static; -webkit-writing-mode: initial; -ms-writing-mode: lr-tb; writing-mode: lr-tb; background: #fdeff1; text-align: center; padding: 10px 15px 10px 0; font-size: 20px; }
	#mainv_index .infobox1 li{ display: inline-block; margin-left: 15px; }
	#mainv_index .infobox2{ right:10%; }/*
	#mainv_index .infobox2{ position: static; padding: 35px 0; background: #f5f5f5 }
	#mainv_index .infobox2 .infobox2_2{ position: absolute; top:240px; text-align: center; right: 15%; width: 55%; max-width: 386px; }
	#mainv_index .infobox2 .infobox2_2 .img1{ max-width: 358px; width: 100% }
	#mainv_index .infobox2 .infobox2_2 .img2{  text-align: center; margin-bottom:0; width: 100% }
	#mainv_index .infobox2 .infobox2_2 .img2 img{ max-width: 386px; width: 100% }*/
}
@media screen and (max-width: 1040px) {
	#mainv_index .mycanvas1{ height:429px; }
	#mainv_index .bg1{ height: 429px; background:#E6ECFA; }
	#mainv_index .bg1 img{ left: 35%; width: 1040px; height: 428px; margin-left: -470px; }
	#mainv_index .infobox2{ position: static; padding: 20px 0; background: #f5f5f5 }
	#mainv_index .infobox2 .infobox2_2{ position: absolute; /*top:150px;*/ top:110px; text-align: center; left:50%; margin:0 auto; width: 50%; max-width: 312px; }
	#mainv_index .infobox2 .infobox2_2 .img1 img{ max-width: 296px; width: 100% }
	#mainv_index .infobox2 .infobox2_2 .img2 img{ max-width: 312px; width: 100% }
	#mainv_index .infobox2 .img1{ width:auto; }
	#mainv_index .infobox2 .img2{ width:auto; }
	#mainv_index .infobox3{ bottom: 20%; right: 2%; }
}
@media screen and (max-width: 767px) {
	#mainv_index .bg1 img{ margin-left: -415px }
	#mainv_index .infobox2 .infobox2_2{ /*top:160px;*/ top:70px; left:48%; }
	#mainv_index .infobox3{ bottom: 30%; right: 12%; }
	#mainv_index .infobox3 .btn_circle{ width: 160px; height: 160px; }
	#mainv_index .infobox3 .btn_circle p{ font-size: 1rem; width: 140px; }
	#mainv_index .infobox3 .btn_circle p span{ font-size: 1.1rem; }
}
@media screen and (max-width: 639px) {
	#mainv_index .mycanvas1{ height:auto; }
	#mainv_index .bg1{ height: 240px; }
	#mainv_index .bg1 img{ width: 460px; height: 240px; margin-left: -150px; left:50%; }
	#mainv_index .infobox2 .infobox2_2{ max-width: 156px; left:15%; /*top:70px;*/ top: 35px; margin:0; }
	#mainv_index .infobox2 .infobox2_2 .img1{ margin-bottom:10px; }
	#mainv_index .infobox2 .infobox2_2 .img1 img{ max-width: 148px; width: 100% }
	#mainv_index .infobox2 .infobox2_2 .img2 img{ max-width: 156px; width: 100% }
	#mainv_index .infobox1{ padding:10px 10px 10px 0; line-height: 1.5 }
	#mainv_index .infobox1 li{ font-size: 17px; margin-left: 10px }
	#mainv_index .infobox2 .txt1{ padding:0 4%; }
	#mainv_index .infobox2 .img3{ width: 260px; }
	#mainv_index .infobox2{ padding: 15px 0; }
	#mainv_index .infobox3{ bottom: 28%; left: 17%; }
	#mainv_index .infobox3 .btn_circle{ width: 130px; height: 130px; border-radius: 50%; -webkit-transform: rotate(-8deg); transform: rotate(-8deg); }
	#mainv_index .infobox3 .btn_circle p{ font-size: .8rem; width: 130px; }
	#mainv_index .infobox3 .btn_circle p span{ font-size: .9rem; margin-bottom: 8px; letter-spacing: 1.5px; }
	#mainv_index .infobox3 .btn_circle:hover{ -webkit-transform: rotate(-8deg); transform: rotate(-8deg); }
	#mainv_index .infobox3 .btn_circle:visited{ color: #bc9440; border: solid 4px #bc9440; }
	#mainv_index .infobox3 .btn_circle:visited p span{ color: #e96071; border-bottom: solid 3px #e96071; }
}
@media screen and (max-width: 479px) {
	#mainv_index .infobox1 li.first{ width: 100% }
	#mainv_index .infobox3{ bottom: 31%; left: 6%; }
}
@media screen and (max-width: 400px) {
	#mainv_index .infobox2 .infobox2_2{ left:8%; }
}

/* ---------------------------------------
#mainv
--------------------------------------- */
#mainv { width: 100%; position: relative; margin-bottom: 80px; }
#mainv .pagetitle_outwrap{ position: absolute; left:0; right:0; margin:0 auto; display: block; width: 420px; height:142px; bottom:-30px; }
#mainv .pagetitle{  display: table; background: #eb707f; width: 100%; height: 100% }
#mainv .pagetitle .inwrap{ display: table-cell; vertical-align: middle; height:100%; width: 100%; text-align: center; }
#mainv .pagetitle .pagetitle_jp{ font-weight: bold; font-size: 28px; color:#fff; line-height: 1.4; margin-top:10px; padding-top: 7px; }
#mainv .pagetitle .pagetitle_en{ font-weight: bold; font-size: 13px; color:#fcd369; font-family: 'Vesper Libre', serif; letter-spacing: 2px }
#mainv .bg1{ position: relative; }
/*#mainv .bg1:after{ content: "撮影予定"; display: inline-block; position: absolute; right:6px; bottom:6px; padding:5px 0 4px; border:1px solid #918c8a; width: 54px; line-height: 1; font-size: 9px; background: #fff; text-align: center; }*/
@media screen and (max-width: 1320px) {
	#mainv .bg1{ height: 204px; overflow: hidden; }
	#mainv .bg1 img{ position: absolute; top: 0; left: 50%; width:1320px; margin-left: -660px; height: 204px; max-width: none; }
}
@media screen and (max-width: 1040px) {
	#mainv{ margin-bottom: 40px }
	#mainv .bg1 img{ bottom:0; margin-top: auto; margin-bottom: auto }
	#mainv .pagetitle_outwrap{ background:rgba(235,112,127,0.7); width: 100%; top:0; bottom:0; margin:auto; height:204px; }
	#mainv .pagetitle{ background: transparent; }
	#mainv .pagetitle .pagetitle_jp{ font-size: 25px }
	#mainv .pagetitle .pagetitle_en{ font-size: 12px }

}
@media screen and (max-width: 639px) {
	#mainv{ margin-bottom: 10px }
	#mainv .bg1{ height: 154px; }
	#mainv .pagetitle_outwrap{ height:154px; }
	#mainv .pagetitle .pagetitle_jp{ font-size: 20px }
	#mainv .pagetitle .pagetitle_en{ font-size: 11px }
}





/* ---------------------------------------
#content
--------------------------------------- */
#content { width: 100%; padding-top: 40px; }
#cnt_main { /*float: left; width: 680px;*/ width: 100%; margin-bottom: 190px; font-size: 1.07em }
#index #content{ padding-top: 0 }
#index #cnt_main{ font-size: 1em; margin-bottom: 40px }
@media screen and (max-width: 1040px) {
	#cnt_main { float: none; width: 100%; margin-bottom: 90px; }
	#content{ padding-top: 30px; }
	#index #cnt_main{ margin-bottom: 0 }
}

@media screen and (max-width: 639px) {
	#cnt_main { margin-bottom: 60px; }
	#content{ padding-top: 20px; }
}


/* ---------------------------------------
#bottom_bnr
--------------------------------------- */
#bottom_bnr{ margin: 10px 4% 30px }
#index #bottom_bnr{ margin: 80px 4% 30px }
#bottom_bnr>ul{ text-align: center; margin-left: -15px }
#bottom_bnr>ul>li{ width: 260px; display: inline-block; margin-left:15px; margin-bottom: 20px }
#bottom_bnr>ul>li a:hover{ opacity: 1 }

#bottom_bnr .online { display: table; width: 75%; max-width: 1000px; text-align: center; box-sizing: border-box; padding: 25px 50px; margin: 0 auto 30px; background-color: #FEF7F8; }
#bottom_bnr .online a { text-decoration: none; }
#bottom_bnr .online .left{ display: table-cell; vertical-align: middle; width: 20%; box-sizing: border-box; }
#bottom_bnr .online .left img { display: block; width: 70%; box-sizing: border-box; }
#bottom_bnr .online .right{ display: table-cell; text-align: left; vertical-align: middle; width: 80%;  box-sizing: border-box; }
#bottom_bnr .online .right img { display: block; width: 100%; max-width:380px; margin-bottom: 20px; }
@media screen and (max-width: 1040px) {
	#index #bottom_bnr{ margin: 38px 4% 20px }
	#bottom_bnr .online { width: 100%; }
}
@media screen and (max-width: 767px) {
	#bottom_bnr .online { padding: 25px 4%; width: 92% }
	#bottom_bnr .online .right img { width: 90%; margin-bottom: 10px; }
}
@media screen and (max-width: 639px) {
	#bottom_bnr .online { padding: 20px; }
	#bottom_bnr .online .right img { width: 90%; margin: 0 auto 5px; max-width: 320px; }
	#bottom_bnr .online { width: 95%; }
	#bottom_bnr .online p {/* font-size: 0.85em; */ font-size: 15px; }
	#bottom_bnr .online span.txtsmall {/* font-size: 0.85em;*/  font-size: 15px; } 
	
	#bottom_bnr .online .right { width: 100%;  }
	#bottom_bnr .online .left { width: 0;  }
	#bottom_bnr .online .left img {display: none;  }
}


/* 
---------------------------------------
#foot_cms_list
--------------------------------------- */
#foot_cms_list .switchlist1{ text-align: center; margin-left: -20px; position: relative; }
#foot_cms_list .switchlist1>li{ display: inline-block; width: 260px; margin-left:20px; }
#foot_cms_list .switchlist1>li .switchlink1>p.inwrap{ position: relative; cursor: pointer; padding-bottom:10px; }
#foot_cms_list .switchlist1>li.is-open .switchlink1>p.inwrap:after{ content:" "; background:url(../img/common/arr3.png) no-repeat; background-size: contain; width: 20px; height:10px; display: inline-block; position: absolute; left:0; right: 0; bottom:0; margin:0 auto; }
#foot_cms_list .switchednavlist{ display: none; border:6px solid #f8f4ec; background:#fff; }
#foot_cms_list .switchednavlist>ul{ margin:25px 10% 10px 6%; width: 84%; }
#foot_cms_list .switchednavlist:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
#foot_cms_list .switchednavlist>ul>li{ margin-left: 4%; width: 21%; float: left; margin-bottom: 15px; text-align: left }
#foot_cms_list .switchednavlist>ul>li:before{ content: " "; background: url(../img/common/arr2.png) no-repeat; background-size: contain; width: 8px; height:14px; display: inline-block; vertical-align: middle; margin-right:5px; }
#foot_cms_list .switchednavlist>ul>li a{ font-weight: bold; color: #735853 }
@media screen and (max-width: 1040px) {
	#foot_cms_list .switchlist1{ margin-left:0; }
	#foot_cms_list ul.switchednavlist{ padding:20px 4% 10px 0; width: 93% }
	#foot_cms_list .switchednavlist>ul>li{ margin-bottom: 10px; width: 29% }
}
@media screen and (max-width: 767px) {
	#foot_cms_list .switchednavlist>ul>li{  width: 46% }
}
@media screen and (max-width: 639px) { 
	#foot_cms_list .switchednavlist{ margin:0 auto 15px; }
	#foot_cms_list .switchlist1>li{ width: 100%; margin-left:0; text-align: center; }
	#foot_cms_list .switchlist1>li .switchlink1>p.inwrap{ width: 260px; display: inline-block; }

}
@media screen and (max-width: 479px) {
	#foot_cms_list .switchednavlist>ul{ margin:20px 4% 10px; width: 88%; }
	#foot_cms_list .switchednavlist>ul>li{ margin-left: 0 }
	#foot_cms_list .switchednavlist>ul>li{  width: 100% }
}


/* ---------------------------------------
#cnt_side
--------------------------------------- */
#cnt_side { float: right; width: 260px; font-size: 14px; }
#cnt_side #blogside{  }
#cnt_side #blogside .bstitle{ font-weight:bold; color: #fff; font-size: 1.21em; padding-bottom: 5px; margin-bottom: 25px; border-bottom: 1px solid #d9d0e0; text-align: center; }
#cnt_side #blogside .list1>li>p{ margin-bottom:5px; }
#cnt_side #blogside .list1>li>p>a{ font-weight:bold; font-size: 1.21em; color: #fff; }
#cnt_side #blogside .list1>li>p:before{ content:" "; background: url(../img/common/arr3_white_down.png) no-repeat; background-size: contain; width: 12px; height:8px; display: inline-block; margin-right: 7px }
#cnt_side #blogside .list1>li>ul{ padding-left: 12px; margin-bottom: 15px }
#cnt_side #blogside .list1>li>ul>li{ margin-bottom: 0; }
#cnt_side #blogside .list1>li>ul>li>a{ font-size: 1.07em; color: #fff; }
#cnt_side #blogside .list1>li>ul>li:before{ content:" "; background: url(../img/common/arr2_white.png) no-repeat; background-size: contain; width: 8px; height:12px; display: inline-block; margin-right: 7px }
@media screen and (max-width: 1040px) {
	#cnt_side{ width: 100%; float: none }
	#cnt_side #blogside{ padding:15px 4%;  }
}

#wp_cntside{  }
#wp_cntside .cstitle{ background: #e96071; color:#fff; margin-bottom: 10px; padding: 2px 4% 0px; text-align: center; font-size: 1.3em; font-weight: bold; }
#wp_cntside ul{ margin-bottom: 30px; }
#wp_cntside ul li{ margin-bottom: 7px; line-height: 1.4;padding-left: 2.3em; text-indent:-2.3em; }
#wp_cntside ul li:before{ content: " "; background: url(../img/common/arr6.png) no-repeat; background-size: contain; width: 22px; height:22px; display: inline-block; vertical-align: middle; margin-right:10px; }
#wp_cntside ul li a{ text-decoration:underline; }
@media screen and (max-width: 959px) {
	#wp_cntside{ padding:10px 4%; }
	#wp_cntside ul{ margin-bottom: 25px; }
}
@media screen and (max-width: 639px) {
	#wp_cntside ul{ margin-bottom: 20px; }
}








/* ---------------------------------------
#pagetop
--------------------------------------- */
#pagetop img{ width: 36px; }
#pagetop a{ display: block; width: 100%; background:#e96071; text-align: center; padding:7px 0; border:1px solid #e96071; }
#pagetop a:hover{ background:#fff; opacity: 1 }



/* ---------------------------------------
#fnav
--------------------------------------- */
#fnav{ margin-bottom: 60px; margin-top: 50px }
#fnav ul { text-align: center; }
#fnav>ul>li { display: inline-block; margin-left:10px; font-weight: bold; vertical-align: top; position: relative; padding-right:13px; }
#fnav>ul>li.last{ padding-left: 0 }
#fnav>ul>li:after{ content:" "; background:#bc9440; width: 1px; height:20px; -webkit-transform:translateY(0) translateX(0) rotate(25deg); -moz-transform:translateY(0) translateX(0) rotate(25deg); transform:translateY(0) translateX(0) rotate(25deg); position: absolute; top:0; bottom:3px; margin:auto 0; right:0; }
#fnav>ul>li.last:after{ content: none }
#fnav ul li a { font-weight: bold; text-decoration: none; display: block; font-size: 0.93em }
@media screen and (max-width: 1040px) {
	#fnav{ display: none }
}



/* ---------------------------------------
#footer
--------------------------------------- */
#footer { width: 100%; }
#footer .incnt{ width: 715px; }
#footer .box1{ margin-bottom: 30px }
#footer .box1 .cnt_left{ width: 332px; padding-left: 25px; height: 92px }
#footer .box1 .cnt_right{ padding-left: 25px; display: table; height: 92px }
#footer .box1 .cnt_right .inwrap{ display: table-cell;vertical-align: middle; height:100%; }
#footer .box1 .cnt_right .txt1{ font-weight: bold;  }
#footer .box1 .cnt_right .txt2{ font-weight: bold; font-size: 0.93em }
#footer .txt3{ font-size: 0.93em; margin-bottom: 35px }
#footer .box2{ margin-bottom: 50px }
#footer #f_tel{ width: 40%; float: left; text-align: right; height:50px; display: table }
#footer #f_tel .inwrap{ display: table-cell; vertical-align: middle; height:100%; }
#footer #f_tel .tel_txt1{ font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro"; font-weight: bold; font-size: 0.87em; vertical-align: middle; margin-right: 10px; color:#e96071; }
#footer #f_tel .img1{ width: 22px; vertical-align: middle; margin-right: 5px }
#footer #f_tel .img2{ width: 180px; vertical-align: middle; }
#footer #f_reserve1,
#footer #f_reserve2{ width: 20%; float: left; text-align: left; height:50px;}
#footer #f_reserve1 { margin-right: 20px; margin-left: 20px; }
#footer #f_reserve img{ width: 250px; display: inline-block; vertical-align: middle }
#footer #copyright{ font-size: 13px; color:#bc9440; text-align: center; margin-bottom: 15px }
#footer .line { width: 100%; text-align: center; margin-bottom: 20px; }
#footer .line p { display: inline-block; }
#footer .line .line01 { margin-right: 20px; height: 50px; }
#footer .line .line02 { border: solid 1px #aaa; box-sizing: border-box; height: 60px; }
#footer #f_facebook { display: none; }
@media screen and (max-width: 1040px) {
	#footer{ padding-top:20px; }
	#footer .box1 .cnt_left{ width: 100%; padding-left: 0; height:auto; text-align: center; margin-bottom: 20px }
	#footer .box1 .cnt_left img{ width: 332px; }
	#footer .box1 .cnt_right{ padding-left: 0; height:auto; }
	#footer .box1{  margin-bottom: 15px }
	#footer .box1 .cnt_right .inwrap{ width: 100%; text-align: center; }
	#footer .txt3{ text-align: center; }
	#footer .line { margin-top: 20px; margin-bottom: 10px; }
	#footer #f_reserve1 { margin-right: 0; margin-left: 0; }
}
@media screen and (max-width: 1040px) {
	#footer .txt3{ margin-bottom: 0 }
	#footer #copyright{position: relative;font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro";font-size: 13px;color:#bc9440;text-align: center;border-top: 1px solid #ddd3d5;margin-top: 15px;margin-bottom: 95px;padding:15px 4%;width: 92%;}
	#footer #footbox{display: block;height:50px;width: 100%;background: #e96071;left:0;bottom: 0px;/* margin-bottom: 0; */position:  fixed;}
	#footer #f_reserve1{ background: #1062c4; display: table; height:100%; width: 50%; float: left }
	#footer #f_reserve1 a{ width: 100%; background: #1062c4; height:100%; vertical-align: middle; text-align: center; display: table-cell; }
	#footer #f_reserve1 img{ max-width: 196px; width: 100% }
	#footer #f_reserve2{ background: #cfe0f3; display: table; height:100%; width: 50%; float: left }
	#footer #f_reserve2 a{ width: 100%; background: #cfe0f3; height:100%; vertical-align: middle; text-align: center; display: table-cell; }
	#footer #f_reserve2 img{ max-width: 196px; width: 100% }
	#footer #f_tel{ position: ; background: #fbdfe3; display: block; height:100%; width: 80%; float: left; box-sizing: border-box;}
	#footer #f_facebook{ display: block; background: #e96071; width: 20%; height: 100%; float: left; box-sizing: border-box;}
	#footer #f_facebook img { width: 28px; vertical-align: middle; }
	#footer #f_facebook a { width: 100%; height: 100%; vertical-align: middle; text-align: center; display: table-cell; }
	#footer #f_tel .inwrap{  display: table; width:100%; }
	#footer #f_facebook .inwrap{  display: table; width:100%; height: 100%; }
	#footer #f_tel a{ width: 100%; height:100%; vertical-align: middle; text-align: center; display: table-cell; }
	#footer #f_tel .tel_txt1{ display: none }
	#footer #f_tel .img1{ margin-right: 10px }
	#footer #pagetop{ position: absolute; display: block; height: 45px; width: 50px; right: 20px; top: -80px; }
	#footer #pagetop a{ width: 100%; height: 100%; background: #e96071; display: block; border: none; padding: 0; opacity: 0.8; border: solid 1px #e96071; box-sizing: border-box;}
	#footer #pagetop a:hover { background-color: #fff; opacity: 1; }
	#footer #pagetop img{ max-width: 36px; width: 100%; margin-top: 13px; }
}
@media screen and (max-width: 767px) {
	#footer #f_tel{ width: 80% }
	#footer #f_facebook{ width: 20% }
}
@media screen and (max-width: 639px) {
	#footer #f_reserve{ width: 60% }
	#footer .box1 .cnt_left img{ width: 220px; }
	#footer #f_tel{ width: 85% }
	#footer #f_facebook{ width: 15% }
	#footer #f_tel .img1{ margin-right: 10px; width: 26px }
	#footer #pagetop img{ max-width: 20px }
	#footer .box1 .cnt_right .inwrap{ text-align: left; line-height: 1.5 }
	#footer .txt3{ text-align: left }
	#footer #f_reserve1 img,
	#footer #f_reserve2 img{ max-width: 160px; width: 100% }
}
@media screen and (max-width: 479px) {
	#footer #f_reserve{ width: 66%; padding:0 2%; }
}