@charset "UTF-8";
/* CSS Document */

/* reset----------------------------------------------------------------- */
ul, menu, dir {
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: bold;
}
h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
a {
	text-decoration: none;
}
p {
    display: block;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

/*sp右上メニュー*/
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  background: #fff;
	width: 5%;
	position: fixed;
	top: 0;
	right: 0;
	opacity: 0.95;
}

/*------------------------------

  ここから下がハンバーガーメニュー
  に関するCSS

------------------------------*/

/* メニューの中身 */
.drawer-item-contact {
	padding: 2em 0 2em 1em;
	border-bottom: solid 1px #000;
}
.drawer-item-contact img {
	width: 70%;
}
.drawer-item {
	padding: 2em 0 2em 2em;
	border-bottom: solid 1px #000;
}
  
/* チェックボックスは非表示に */
.drawer-hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer-open {
  display: flex;
  height: 60px;
  width: 5%;
	margin: 0 auto;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;/* 重なり順を一番上に */
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #333;
  transition: 0.5s;
  position: absolute;
}

/* 三本線のうち一番上の棒の位置調整 */
.drawer-open span:before {
  bottom: 8px;
}

/* 三本線のうち一番下の棒の位置調整 */
.drawer-open span:after {
  top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer-check:checked ~ .drawer-open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer-check:checked ~ .drawer-open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer-check:checked ~ .drawer-open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.drawer-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%;/* メニューを画面の外に飛ばす */
  z-index: 99;
  background: #fff;
  transition: .5s;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked ~ .drawer-content {
  left: 20%;/* メニューを画面に入れる */
}



/*inviewスクロール要素表示*/ 
.list{
	list-style-type: none;
	overflow: hidden;
}
.list li{
	transition: .8s;
}
.list-mv02{
	opacity: 0;
}
.mv02{
	opacity: 1.0;
}
.switch {
    visibility: hidden;
}
.red_text {
	color: #f00;
	font-size: 1.2em;
}
/*pagetop-button*/
#page-top {
    position: fixed;
    /*bottom: 10.5%;*/
	bottom: 3.5%;
    right: 10px;
    font-size: 60%;
}
#page-top a {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #B5881C;
    width: 65px;
    padding: 25px 0;
    text-align: center;
    display: block;
    border-radius: 50%;
    border: 2px solid #B5881C;
}
#page-top a:hover {
    text-decoration: none;
    background: #B5881C;
	color: #fff;
}

/* sp----------------------------------------------------------------- */
body {
	width: 100%;
	max-width: 960px;
	font-family: YuGothic,'Yu Gothic','Meiryo UI','ヒラギノ角ゴシック','Hiragino Sans','ＭＳ ゴシック',sans-serif;
	/*font-family:"ＭＳ Ｐゴシック", "MS PMincho", "ヒラギノゴシック Pro W3", "Hiragino Mincho Pro", serif;*/
}
header {
    width: 100%;
    display: inline-block;
	border-top: none;
}
h1 {
    padding: 0.3em;
}
h1 img {
	width: 70%;
    margin: 1% 0 0;
}
ul#nav {
	display: none;
}
#main {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.bg1 {
	background-color: #bb0008;
}
.main-img {
    padding: 0;
}

.main-img img{
	width:100%;
}

.bg2 {
}
.bg2 p {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 1em;
}
.bg2 .cont{
	padding: 1.5em 0;
}
.bg2 .bg_flower{
	background-size: 20%;
}
.bg3 .cont {
    padding: 3em 0 21.333%;
	background-size:contain; /* 画像のサイズを指定 */
    width:100%;
}
.bg3 .cont div {
	margin: 0 0 1.5em;
}
.bg3 .cont div:last-child {
	margin: 0 0 1.5em;
}

.bg3 .catch-ant{
	font-size: 0.6em;
	text-align: center;
	padding: 1em 0;
}

.bg4 {
	padding: 2.5em 0 2.5em;
}
.bg4 .title {
	font-size: 1.2em;
	padding: 1em 0;
	margin: 0 0 1.5em;
    letter-spacing: 5px
}
.box_shiyou {
	width: 100%;
	margin: 2em auto;
	padding: 0 0 2em;
	background-color: #fff;
}
.box_shiyou .shiyou_image {
	width: 92%;
	margin: 0 auto;
}
.box_shiyou .wrap {
	overflow: hidden;
	padding: 0 1.5em;
	margin: 1.5em 0 0;
	line-height: 1.7;
}
.box_shiyou .shiyou_title {
	margin: 0 0 1.5em;
}
.box_shiyou .wrap .floatL {
	float: none;
}
.box_shiyou .wrap .floatL img {
	width: 70%;
}
.box_shiyou .wrap .floatR {
	width: 100%;
	float: none;
	text-align: left;
}
.box_shiyou .wrap .floatR .shiyou_text_title {
	font-size: 1.4em;
	margin: 1em 0;
	font-weight: bold;
}
.box_shiyou .wrap .floatR .shiyou_text {
	font-size: 1.2em;
}
.box_shiyou .wrap .floatR .shiyou_kome {
	font-size: 0.8em;
	margin: 1em 0 0;
}
.btn_contact{
	margin: 1.5em 0;
}
.btn_contact2{
	width: 94%;
	margin: 1.5em auto;
}
.btn_reserve1{
	width: 100%;
	margin: 0 auto;
}
.btn_reserve2{
	width: 94%;
	margin: 0 auto;
}
.btn_reserve3{
	width: 100%;
	margin: 0 auto 2em;
}
.bg5 {
	background-color: #ece7e7;
	padding: 0 0 2.5em;
}
.bg5 .title {
	color: #fff;
	font-size: 1.5em;
	background-color: #94252a;
	padding: 1em 0;
	margin: 0 0 1.5em;
}
.bg5 .text {
	font-size: 0.8em;
	line-height: 1.5;
	margin: 1.2em 0;
}
.bg5 ul.box {
    margin: 0;
}
.bg5 ul.box li {
	width: 100%;
}
.box_hitaya {
	background-color: #fff;
	padding: 0 0 1em;
	margin: 0 0 2em;
}
.hiraya_wrap {
	width: 92%;
	overflow: hidden;
	margin: 1em auto 0;
	padding: 0 0 1.2em;
	border-bottom: solid 1px #280e49;
}
.hiraya_wrap:last-child {
	width: 92%;
	overflow: hidden;
	margin: 1em auto 0;
	padding: 0 0 1.2em;
	border-bottom: none;
}
.hiraya_wrap .floatL {
	width: 100%;
	float: none;
}
.hiraya_wrap .floatR {
	width: 100%;
	float: none;
	padding: 1em 0 0 0;
	text-align: left;
}
.hiraya_wrap .floatR .text {
	font-size: 1em;
	line-height: 1.8;
}
.box_setai {
	background-color: #fff;
	padding: 0 0 1em;
	margin: 0 0 2em;
}
.setai_wrap {
	width: 92%;
	margin: 2em auto 0;
	text-align: left;
	padding: 0 0 1.2em;
	border-bottom: solid 1px #113321;
}
.setai_wrap:last-child {
	width: 92%;
	margin: 2em auto 0;
	text-align: left;
	padding: 0 0 1.2em;
	border-bottom: none;
}
.setai_wrap .plan {
	margin: 2em 0 0;
}
.setai_wrap .setai_text {
	font-size: 1em;
	line-height: 1.8;
	margin: 2em 0 1em;
}
.bg6 {
	padding: 0 0 2em;
}
.bg6 .title {
	color: #fff;
	font-size: 1.2em;
	letter-spacing: 0.2em;
	padding: 1em 0.8em;
	line-height: 1.5;
	margin: 0 0 1.5em;
}
.bg6 .cont {
	background-color: #fff;
	padding: 0.1em 0 0;
}
.bg6 .box_kodawari {
	width: 92%;
	margin: 1.5em auto 0;
	padding: 0 0 1.5em;
	overflow: hidden;
	border-bottom: solid 1px #959595;
}
.bg6 .box_kodawari:last-child {
	width: 92%;
	margin: 1.5em auto;
	padding: 0 0 1.5em;
	overflow: hidden;
	border-bottom: none;
}
.bg6 .box_kodawari .floatL {
	float: none;
	margin: 0;
}
.bg6 .box_kodawari .floatR {
	width: 100%;
	float: none;
	text-align: left;
	line-height: 1.8;
}
.bg6 .box_kodawari .floatR .text_title {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.3em;
	color: #bb0008;
	font-weight: bold;
    text-align: center;
	margin: 1em 0 0;
}
.bg6 .box_kodawari .floatR .small {
	font-size: 0.7em;
}
.bg6 .box_kodawari .floatR .text {
	font-size:1.1em;
	margin: 1em 0 0;
}
.box_shimekiri {
	padding: 2em 0;
}
.box_shimekiri img {
	margin: 0 0 2.5em;
	vertical-align: bottom;
}
.box_shimekiri .title_text {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.7em;
	letter-spacing: 0.2em;
	margin: 0 0 1em;
}
.box_shimekiri .title_text_bk {
	color: #fff;
	font-size: 1.1em;
	background-color: #000;
	padding: 0.3em 0;
	margin: 0 0 1.5em;
	letter-spacing: 0.5em;
}
.box_shimekiri .annotation {
	text-align: left;
	line-height: 1.5;
}
.bg7 {

	padding: 2em 0 0.5em;
}
.bg7 .annotation {
	font-size: 1.2em;
	margin: 1.5em 0;
	padding: 1em;
	line-height: 1.5;
	text-align: left;
	border: solid 1px #000;
}
.bg7 .erea_title {
	font-size: 1.3em;
	letter-spacing: 0.3em;
	text-align: center;
	padding: 0.8em 0;
}
.bg7 .area_box {
	margin: 0 0 2em;
}
.bg7 .area_box .area_wrap {
	overflow: hidden;
	margin: 1em 0;
}
.bg7 .area_box .area_wrap .floatL {
	width: 100%;
	float: none;
	margin: 0 0 1em;
}
.bg7 .area_box .area_wrap .floatL .area_wrap_mini,
.bg7 .area_box .area_wrap .floatR .area_wrap_mini{
	font-size: 1.2em;
	overflow: hidden;
}
.bg7 .area_box .area_wrap .floatL .area_wrap_mini .floatL,
.bg7 .area_box .area_wrap .floatR .area_wrap_mini .floatL{
	width: 94%;
	float: none;
	text-align: center;
	margin: 0 auto;
	padding: 1em 0;
	line-height: 1.5;
}
.bg7 .area_box .area_wrap .floatL .area_wrap_mini .floatL2 {
	width: 94%;
	float: none;
	text-align: center;
	margin: 0 auto;
	padding: 1em 0;
	line-height: 1.5;
}
.bg7 .area_box .area_wrap .floatL .area_wrap_mini .floatL2 .area_text_title {
	font-size: 1.2em;
	margin: 0 0 0.3em;
	font-weight: bold;
}
.bg7 .area_box .area_wrap .floatL .area_wrap_mini .floatL2 .area_text {
	margin: 0.2em 0 0;
}
.bg7 .area_box .area_wrap .floatL .area_wrap_mini .floatL .area_text_title,
.bg7 .area_box .area_wrap .floatR .area_wrap_mini .floatL .area_text_title{
	font-size: 1.3em;
	margin: 0 0 1em;
	font-weight: bold;
}
.bg7 .area_box .area_wrap .floatL .area_wrap_mini .floatR,
.bg7 .area_box .area_wrap .floatR .area_wrap_mini .floatR{
	float: none;
	margin: 0;
}
.bg7 .area_box .area_wrap .floatL .area_wrap_mini .floatR img,
.bg7 .area_box .area_wrap .floatR .area_wrap_mini .floatR img {
	vertical-align: bottom;
}
.bg7 .area_box .area_wrap .floatR {
	width: 100%;
	float: none;
	margin: 0 0 1em;
}
.bg7 .area_box .area_wrap .floatL .btn_yoyaku,
.bg7 .area_box .area_wrap .floatR .btn_yoyaku {
	color: #fff;
	font-size: 1.2em;
	display: block;
	padding: 1em 0;
	text-align: center;
}
.bg7 .area_box .area_wrap .floatL .btn_yoyaku2,
.bg7 .area_box .area_wrap .floatR .btn_yoyaku2 {
	color: #fff;
	font-size: 1.2em;
	display: block;
	padding: 1.5em 0;
	text-align: center;
}
.h_980{
	margin-bottom:0%;
	
}
.h_980 h4{
	background: #1a6334;
	color: #fff;
	font-size: 1.3em;
	padding: 1.5% 0;
    margin:auto;
}

.h_1480{
	margin-bottom:0%;
}

.h_1480 h4 {
	background: #a68518;
	color: #fff;
	font-size: 1.3em;
	padding: 1.5% 0;
    margin:auto;
}

.h_1980 h4 {
	background: #693871;
	color: #fff;
	font-size: 1.3em;
	padding: 1.5% 0;
    margin:auto;
}


.office {
    width: 100%;
    margin: 5% auto;
	line-height: 2.5em;
}

.mt7{
    padding-top:7%;
}
.pt5{
    padding-top:5%;
}

.phslogo {
    padding:.5rem
}

.phslogo img {
    width:50%;
}

/* 定義----------------------------------------------------------------- */
.cont {
	width: 94%;
	margin: 0 auto;
    text-align: center;
}
img {
	width: 100%;
	margin:auto;
}
.cont .notice {
	font-size: 1em;
}
.cont h3 {
    font-size: 1.5em;
    margin-bottom: 4%;
}
.bg6 .cont h3 {
    margin-bottom: 16%
	}
	
.btn_plan {
    margin: 0 8%;
}
/*.btn_plan a {
    background: #000;
    color: #fff;
    padding: 1.5% 5%;
    font-size: 1em;
    border-radius: 30px;
    display: block;
    width: 85%;
    margin: 0 auto;
}*/
.yoyaku {
    width: 100%;
    margin: 20px auto 0;
}
h3.ft {
    background: #000;
    color: #fff;
    font-size: 1em;
    text-align: center;
    padding: 0.8em 0;
}
p.copyrights {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    text-align: center;
}
/*map*/
.map h4 {
	background: #c19c3e;
	color: #fff;
	font-size: 1.3em;
	padding: 1.5% 0;
}
.map table.col3 td {
    width: 100%;
    float: left;
    margin-bottom: 1%;
    font-size: 0.9em;
}
.map table.col4 td {
	width: 100%;
	float: left;
	margin-bottom: 1%;
    font-size: 0.9em;
}
.map table p.name {
	font-size: 1.5em;
}
.map table p.tel {
    display: inline;
    margin-left: 8px;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.5em;
}
.map table p.tel:before {
	content: url("../images/icon_tel.gif");
	margin-right: 3px;
}
.map table img {
    display: none;
}
/*2col*/
.box {
    width: 100%;
    display: inline-block;
    margin: 10px auto 30px;
    text-align: center;
}
.box .box-left {
	width: 100%;
	float: left;
}
.box .box-right {
	width: 100%;
	float: right;
}
.box_bg {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    padding: 1% 0;
    text-align: left;
    font-size: 0.8em;
    line-height: 1.3em;
}
.box_bg .box-left {
    width: 100%;
    float: left;
    margin: 2% auto;
}
.box_bg .box-right {
    width: 100%;
    float: right;
    margin: 2% auto;
}

span.main_footnote {
	margin:5% 2%;
}

/* デバイスごとの改行 */
.pc-br{display:none;}
.sp-br{display:block;}

/* 下部固定問い合わせバナー */
.formlink {
	width: 100%;
	height: auto;
  }

  /* PCで表示させない（SPのみ有効） */
.pc_hid { display: block;}

/* SPで表示させない（PCのみ有効） */
.sp-delete { display: none !important;}
.img_sp { display: block;}
.img_pc { display: none;}


  /* お申し込み受付期間 */
.txt-waku-0 {
	width: 100%;
	margin: 1.4rem 0;
	padding: 2% 0 2% 7%;
	border: 1px solid #000;
	text-align: left;
	font-family: Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	font-weight: 300;
	font-size: 1rem;
	letter-spacing: 0.03em;
	line-height: 1.6;
  }
  .txt-beta-gray {
	width: 100%;
	margin: 1.5rem 0 0.3rem;
	padding: 0.1rem 0 0.1rem;
	font-family: Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	font-size: 1.1rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.15em;
	line-height: 1.7;
  }
  .txt-beta-gray01 {
	font-size: 1.3rem;
  }
  .txt-beta-gray02 {
	font-size: 0.935rem;
	line-height: 1.1;
  }
  .txt-beta-gray03 {
	width: 100%;
	margin: 0 0 10%;
	padding: 0.2rem 0;
	font-size: 0.77rem;
	letter-spacing: -0.02em;
	line-height: 1.6;
  }
  
  .txt-beta-0 {
	width: 100%;
	margin: 1.5rem 0;
	padding: 0.2rem 0 0.2rem;
	background-color: #000;
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-size: 1.2rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.15em;
	line-height: 1.7;
  }

  /**/
.kaijo2_wrap{
	padding-top: 1em;
}