@charset "Utf-8";
@font-face
{
font-family: 手書き雑フォント;
src: url('https://cdn.leafscape.be/tegaki_zatsu/851tegaki_zatsu_web.woff2')
     format("woff2");
}
/*-----------------------------------------------------------------------------------*/
/*	リセット paddingリセット
/*-----------------------------------------------------------------------------------*/

*{
	font-family:'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	padding:0;
	margin:0;
}

*, *:before, *:after { /** paddingにboderを含める **/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th,{
	margin:0px;
	padding:0px;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
}

html{font-size: 62.5%;}
body { font-size: 1.4em;  color: #6D270C;}

a{outline: none;}
a:link {}
a:visited {}
a:hover {}
a:active {}

.rich_font{font-family: Garamond , "Times New Roman" ,"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}

.font_frame{
	text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff; /*文字白枠*/
}

/*-----------------------------------------------------------------------------------*/
/*	リンク画像透過共通指定　hr装飾
/*-----------------------------------------------------------------------------------*/


.link_img{
	transition: 0.3s;
}

.link_img:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.link_img_b{
	transition: 0.3s;
}

.link_img_b:hover {
    filter: brightness(200%);
}


.contents a img {
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
	-moz-box-shadow: 0px 1px 2px #656565;
	-webkit-box-shadow: 0px 1px 2px #656565;
	box-shadow: 0px 1px 2px #656565;
	transition: 0.3s;
}
.content a img:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
}


hr{
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	margin-top: 5px;
	margin-bottom: 5px;
}

/*********** youtube 地図 ***********/


.youtube_wrap{
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 66.66%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: 460px !important;
  max-height: 315px !important;
}

.iframe_360{
	width: 100%;
	height: 500px;
  margin-bottom: 35px;
}


.iframe_360 iframe{
	width: 100%;
	height: 100%;
	pointer-events: none; /* マウスホイールイベントを使わない */
}

.iframe_360 iframe.clicked{
	pointer-events: auto; /*iframe上でクリックされたらautoにするためのclass*/
}
/*********** 解除・調整・その他 ***********/

.clear{clear: both;}

/* clearfix */
.cf:after{
	content: "";
	clear: both;
	display: block;
}

.radius_5{  /*** boder角丸 ****/
	border-radius: 5px/5px;/*丸*/
	-webkit-border-radius: 5px;/*丸*/
	-moz-border-radius: 5px;/*丸*/
}

.pd_tb30{
  padding-top: 30px;
  padding-bottom: 30px;
}
.pd_tb50{
  padding-top: 50px;
  padding-bottom: 50px;
}

.mg_t10{	margin-top: 10px;}
.mg_t20{	margin-top: 20px;}
.mg_t30{	margin-top: 30px;}
.mg_t40{	margin-top: 40px;}
.mg_t50{	margin-top: 50px;}

.mg_b10 {margin-bottom: 10px;}
.mg_b20 {margin-bottom: 20px;}
.mg_b30 {margin-bottom: 30px;}
.mg_b40 {margin-bottom: 40px;}
.mg_b50 {margin-bottom: 50px;}

.pd_b50{padding-bottom: 50px}

.font_10 {font-size: 1rem;}
.font_11 {font-size: 1.1rem;}
.font_12 {font-size: 1.2rem;}
.font_13 {font-size: 1.3rem;}
.font_14 {font-size: 1.4rem;}
.font_15 {font-size: 1.5rem;}
.font_16 {font-size: 1.6rem;}
.font_17 {font-size: 1.7rem;}
.font_18 {font-size: 1.8rem;}
.font_19 {font-size: 1.9rem;}
.font_20 {font-size: 2.0rem;}
.font_21 {font-size: 2.1rem;}
.font_22 {font-size: 2.2rem;}
.font_23 {font-size: 2.3rem;}
.font_24 {font-size: 2.4rem;}
.font_25 {font-size: 2.5rem;}

.font_red{color: red;}

.align_center{ text-align: center !important;}
.align_right{ text-align: right !important;}
.align_left{ text-align: left !important;}

.posi_rel{position: relative;} /*基準*/
.posi_abs{position: absolute;} /*絶対位置*/
.posi_fix{position: fixed;}
.posi_sta{position: static;}

.v_rl{
	-webkit-writing-mode: vertical-rl; /*縦書き*/
	-ms-writing-mode: tb-rl; /*縦書き*/
	writing-mode: vertical-rl; /*縦書き*/
}

/* 点滅 */
.blink{
	color: #ff0000;
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
	-moz-animation:blink 1.5s ease-in-out infinite alternate;
	animation:blink 1.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


/*フェードイン*/
.fadein{
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.img_max {max-width: 95%;}

.only_pc {display: none;}
.only_mobile {}

/** Flex 指定 ********************/

.flex{
    display: -webkit-flex; /* Safari */
    display: flex;
}

.flex_r{
	-webkit-flex-direction: row-reverse; /* Safari */
	flex-direction:         row-reverse;
}

.flex_wrap{
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-wrap: wrap;
}

/* 端詰め等間隔 */
.space_between{
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}
/* 等間隔 */
.space_around{
	-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
}

/* センター寄せ */
.justify_center {
	-webkit-justify-content: center; /* Safari */
	justify-content:         center;
}


/* PC時Flex モバイル時Flexしない */
.flex_nonflex{}

.flex_nonflex_between{}


/* PC時Flexbetween モバイル時Flexaround */

.flex_switch{
	display: -webkit-flex; /* Safari */
   	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
}


.four_column::before{
  content:"";
  display: block;
  width:250px;/*幅入れる*/
  order:1;
}
.four_column::after{
  content:"";
  display: block;
  width:250px;/*幅入れる*/
}


.three_column::after{
  content:"";
  display: block;
  width:204px; /*幅入れる*/
  order:1;
}

/**シェアボタン************************/

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?ookgoz');
	src:url('../fonts/icomoon.eot?ookgoz#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?ookgoz') format('truetype'),
		url('../fonts/icomoon.woff?ookgoz') format('woff'),
		url('../fonts/icomoon.svg?ookgoz#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-line:before        {content: "\e90a";}
.icon-feedly:before      {content: "\e900";}
.icon-pocket:before      {content: "\e902";}
.icon-instagram:before   {content: "\ea92";}
.icon-twitter:before     {content: "\ea96";}
.icon-youtube:before     {content: "\ea9d";}
.icon-google:before      {content: "\ea88";}
.icon-google2:before     {content: "\ea89";}
.icon-google-plus:before {content: "\ea8b";}
.icon-google-plus2:before{content: "\ea8c";}
.icon-facebook:before    {content: "\ea90";}
.icon-facebook2:before   {content: "\ea91";}
.icon-linkedin:before    {content: "\eaca";}
.icon-linkedin2:before   {content: "\eac9";}
.icon-pinterest:before   {content: "\ead2";}
.icon-pinterest2:before  {content: "\ead1";}
.icon-hatebu:before      {content: "\e903";}
.icon-hatebu2:before     {content: "\e901";}
.icon-rss:before         {content: "\ea9b";}
.icon-rss2:before        {content: "\ea9c";}

/**　▼TOPメニュー　*************************************/
/** メニュー ************************************/
#top-head,
.inner {
  width: 100%;
  padding: 0;
}
#top-head {
  top: 0;
  position: fixed;
  margin-top: 0;
  z-index: 100;
}
/* Fixed reset */
#top-head.fixed {
  padding-top: 0;
  background: transparent;
}
#mobile-head {
  background: #fff;
  width: 100%;
  height: 62px;
  z-index: 102;
  position: relative;
}
#top-head.fixed .logo,
#top-head .logo {
  position: absolute;
  left: 13px;
  top: 13px;
  color: #333;
  font-size: 26px;
}
#global-nav {
  position: absolute;
  /* 開いてないときは画面外に配置 */
  top: -500px;
  background: #006C53;
  width: 100%;
  text-align: center;
  padding: 0;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  z-index: -1;
}
#global-nav ul {
  list-style: none;
  position: static;
  right: 0;
  bottom: 0;
  font-size: 14px;
}
#global-nav ul li {
  float: none;
  position: static;
  border-bottom: 1px dotted #C6EEE5;
}
#global-nav ul li:last-child{
  border-bottom: none;
}

#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
  width: 100%;
  display: block;
  color: #fff;
  padding: 18px 0;
  font-size: 2.0rem;
  text-decoration: none;
}

#nav-toggle {
  display: block;
  position: absolute;
  right: 12px;
  top: 14px;
  width: 34px;
  height: 36px;
  cursor: pointer;
  z-index: 101;
}
#nav-toggle div {
  position: relative;
}
#nav-toggle span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #666;
  left: 0;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
  top: 0;
}
#nav-toggle span:nth-child(2) {
  top: 11px;
}
#nav-toggle span:nth-child(3) {
  top: 22px;
}
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
  width: 0;
  left: 50%;
}
.open #nav-toggle span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open #global-nav {
  /* #global-nav top + #mobile-head height */
  -moz-transform: translateY(562px);
  -webkit-transform: translateY(562px);
  transform: translateY(562px);
}

.header_logo{
  position: relative;
  width: 100%;
  height: 65px;
  padding-left: 20px;
  background-color: #94DDCC;
}

.h1_header_logo{
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 10px;
  color: #009250;
  font-size: 1.55rem;
  line-height: 1.3;
  text-shadow:
    white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px,
    white 2px 2px, white -2px 2px, white 2px -2px, white -2px -2px,
    white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px,
    white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px;
}
.h1_top_span{
  font-size: 1.8rem;
}
.img_header_logo{
  position: absolute;
  top: 5px;
  left: 147px;
	height: 55px;
}
.h1_page_des{
	font-family: 手書き雑フォント;
  padding-top: 80px;
  padding-bottom: 80px;
  font-size: 2.2rem;
  font-weight: 400;

}

.mobile_menu_add{
  display: block;
  color: #fff;
  padding: 10px 0;
}

.mobile_menu_add a{
  color: #F1B6AC!important;
  text-decoration: underline!important;
  width:auto !important;
  display: inline-block !important;
  padding: 5px !important;
}


/**　▲TOPメニュー　*************************************/
/** TOPスライダー *******************************/

.top_slider_area{
	position: relative;
	margin-top: 57px;
	width: 100%;
	height: 500px;
	overflow: hidden;
}

.slick-slider{
	height: 500px;
}

.slick-slide a img{
	object-fit: cover !important;
	height: 500px;
	width: 100%;
}

.slider_cover{
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0;
}

.slider_cover h1{
  font-family: 手書き雑フォント;
  font-size: 2.0rem;
  padding: 15px 10px;
  background: rgba(255,255,255,0.7);
  margin-top: 15px;
}

.slider_cover a img{
  max-width: 80%;
}

/** ▼共通コンテンツ *******************/
/** ▼基本レイアウト▼ *******************************/
.footer{
  background-color: #009A76;
  color: white;
}

.footer_wrap{
  padding-top: 50px;
  padding-bottom: 50px;
}

.footer_wrap p{
  line-height: 200%;
}

.footer_wrap a{
  text-decoration: none;
  color: white;
}
.img_footer_logo{
  width: 300px;
  margin-bottom: 20px;
}
/** ▲基本レイアウト▲ **********************************/
/** ▼グリッド *************************/
.one_half{
  width: 100%;
  text-align: center;
}

.one_third{
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 50px;
}

.two_third{
  width: 100%;
  text-align: center;
}

.section{
  padding-bottom: 50px;
}

.border_radius_orange{
  width: 98%;
  margin-left: 1%;
  border: 3px solid #E06A3B;
  padding: 15px;
  border-radius: 15px/15px;/*丸*/
	-webkit-border-radius: 15px;/*丸*/
	-moz-border-radius: 15px;/*丸*/
}
.border_radius_blue{
  width: 98%;
  margin-left: 1%;
  border: 3px solid #3261AB;
  padding: 15px;
  border-radius: 15px/15px;/*丸*/
	-webkit-border-radius: 15px;/*丸*/
	-moz-border-radius: 15px;/*丸*/
}

/** ▲グリッド *************************/
/** ▼円抜き画像リンク▼ **************************/
.circle_img_area{
  text-align: center;
  margin-bottom: 50px;
}

.a_circle_img{
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.circle_img_frame{
  width: 300px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;/*丸*/
	-webkit-border-radius: 50%;/*丸*/
	-moz-border-radius: 50%;/*丸*/
}

.img_circle{
  width: 100%;
  height: auto;
  vertical-align: bottom;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
}

.a_circle_img:hover .img_circle{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.circle_img_area p{
  font-size: 1.6rem;
}

/** ▲円抜き画像リンク▲ **************************/
.h2_link_button_posi{
  position: absolute;
  bottom: 0px;
  left: 45%;
}

.h2_link_button{
  position: relative;
	font-family: 手書き雑フォント;
	display: inline-block;
  margin-top: 15px;
  margin-bottom: 15px;
	padding: .7em 1.5em;
	background-color: #fe6800;
	border: 1px solid #cc6600;
	border-radius: 8px;
	color: #fff;
	font-size: 1.8rem;
  font-weight: 400;
	text-decoration: none;
	text-align: center;
	transition: 0.5s;
}

.h2_link_button::before{
  content: url(img/nikukyu_white_wh18.png);
  margin-right: 5px;
  vertical-align: bottom;
}

.h2_link_button::after {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  content: '';
  border: 2px dashed #fff;
  border-radius: .4em 2em .5em 3em/3em .5em 2em .5em;
}

.h2_link_button:hover{
	background-color: #ffac39;
}

.h2_section_title{
  text-align: center;
  padding: 5px;
  margin-bottom: 15px;
  border-top: 2px solid #D4391D;
  border-bottom: 2px solid #D4391D;
  background-color: #FCF0EE;
}

.h2_section_title::before{
  content: url(img/nikukyu_brown_wh18.png);
  margin-right: 5px;
}

.h2_section_title::after{
  content: url(img/nikukyu_brown_wh18.png);
  margin-left: 5px;
}

.h2_border_title{
  text-align: center;
  padding: 5px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FCF0EE;
}

.h2_border_title::before{
  content: url(img/nikukyu_brown_wh18.png);
  margin-right: 5px;
}

.h2_border_title::after{
  content: url(img/nikukyu_brown_wh18.png);
  margin-left: 5px;
}

.h3_chapter{
  font-size: 2.0rem;
  font-weight: 800;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-left: 55px;
  background-image: url(img/nikukyu_h30.png);
  background-repeat: no-repeat;
  background-position: left center;
}


.header_img_area{
	position: relative;
	width: 100%;
	height: 460px;
	z-index: 1;
}

.img_header_img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.h1_page_des{
  text-align: center;
  padding-top: 80px;
  padding-bottom: 80px;
  font-size: 2.0rem;
  font-weight: 400;
}

.h2_header_page_title{
	position: absolute;
	width: 100%;
	bottom: 50px;
	font-family: 手書き雑フォント;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background: rgba(255,255,255,0.5);
	color: #333333;
	font-size: 2.5rem;
	font-weight: 800;
}

.h4_chapter{
	color: #330000;
	font-size: 2.0rem;
	line-height: 200%;
  text-align: center;
}

.list_nikukyu{
  list-style-type: none;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
}

.list_nikukyu li{
  text-align: left;
  list-style-image: url(img/rule.gif);
  list-style-position: outside;
  padding-bottom: 10px;
}

.list_icon{
  list-style-type: none;
}

.list_icon li{
  padding-top: 6px;
  padding-bottom: 6px;
}

.list_icon li::before{
  content: url(img/nikukyu_brown_wh18_2.png);
  margin-right: 3px;
}

.list_icon li:nth-child(2n+1){
  margin-left: 10px;
}

.list_icon li:nth-child(2n)::before{
  margin-right: 13px;
}

.table_charge{
  width: 98%;
  margin-left: 1%;
  table-layout: fixed;
  border-collapse: collapse;
  border-top: 1px solid #ccaa7c;
  border-left: 1px solid #ccaa7c;
}

.table_charge tr th{
  vertical-align: middle;
  text-align: center;
  font-size: 1.5rem;
  background-color: rgb(222, 199, 149);
  border-bottom: 1px solid #ccaa7c;
  border-right: 1px solid #ccaa7c;
}

.table_charge tr td{
  text-align: right;
  font-size: 1.5rem;
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ccaa7c;
  border-right: 1px solid #ccaa7c;
}

.table_data{
  width: 98%;
  margin-left: 1%;
  border: 1px solid #999999;
  border-radius: 5px/5px;/*丸*/
	-webkit-border-radius: 5px;/*丸*/
	-moz-border-radius: 5px;/*丸*/
}

.table_data tr th{
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #999999;
  background-color: #fff8dc;
}

.table_data tr td{
  display: block;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 2px solid #999999;
}

.table_data tr:last-child td{
  border-bottom: none !important;
}

.table_petok{
  width: 98%;
  margin-left: 1%;
  table-layout: fixed;
  border-collapse: collapse;
}

.table_petok tr{}

.table_petok tr th{
  background-color: rgb(222, 199, 149);
  border-bottom: 1px solid #ccaa7c;
  border-right: 1px solid #ccaa7c;
}

.table_petok tr td{
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 2rem;
  border-bottom: 1px solid #ccaa7c;
  border-right: 1px solid #ccaa7c;
}

.table_sightseeing{
  width: 98%;
  margin-left: 1%;
  table-layout: fixed;
}

.table_sightseeing tr{}

.table_sightseeing tr th{
  text-align: center;
  padding: 7px;
  font-size: 1.6rem;
  border-bottom: 2px dotted #ccaa7c;
}

.table_sightseeing tr td{
  padding: 7px;
  border-bottom: 1px dotted #ccaa7c;
}

.table_cancel{
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border: 2px solid #ccaa7c;
}
.table_cancel tr{}
.table_cancel tr th{
  text-align: right;
  padding: 10px 15px;
  border-bottom: 2px dotted #ccaa7c;
}

.table_cancel tr td{
  padding: 10px 15px;
  border-bottom: 1px dotted #ccaa7c;
}

.plan_banner_area{
  text-align: center;
  padding-top: 50px;
  padding-bottom: 55px;
  background-color: #fef2d8;
}

/** ▼ハーフイメージエリア▼ *********************************/
.half_img_area{}

.half_img_area .one_two{
	display: block;
	width: 100%;
}

.half_img_area .one_two .comment_area, .half_img_area .one_two .comment_area_r{
	width: 100%;
	text-align: center;
	padding: 20px 10px 20px 10px;
}

.half_img_area .one_two .img_area{
	text-align: center;
	width: 100%;
	overflow: hidden;
}

.img_area img{
	width: 100%;
	max-width: 420px;
	vertical-align: bottom;
}

/** ▲ハーフイメージエリア▲ *********************************/

/* ▼ポイントボックス▼ **********************/
.point_box{
	width: 98%;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
	border:1px solid #e98e68;
	padding: 17px 10px;
	margin-bottom: 3em;
}

.point_box_title{}

.h3_point_box{
	font-size: 1.8rem;
	font-family: 手書き雑フォント;
	text-align: center;
	margin-top: 16px;
	margin-bottom: 32px;
}

.point_box_img{
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.img_point_box{
	display: inline-block;
	vertical-align: bottom;
	max-width: 100%;
	padding: 5px;
	background: #FFF;
	border: 1px solid #e98e68;
}

.point_box_des{
	padding-top: 16px;
	padding-bottom: 16px;
}

.point_box_des p{
	font-size: 1.5rem;
	line-height: 200%;
	margin-bottom: 15px;
}

.point_box_button{
	display: block;
	text-align: center;
}

.point_box_button a{
	display: inline-block;
	padding: 10px 20px;
	background-color: #DA5019;
	text-align: center;
	color: white;
	font-weight: 800;
	text-decoration: none;
	font-family: logotypegothic;
	margin-bottom: 15px;
	border:1px solid #fff;
	transition: 0.3s;
}

.point_box_button a:hover{
	color: #DA5019;
	background-color: white;
	border:1px solid #DA5019;
	transition: 0.3s;
}
/** ▲ポイントボックス▲ *********************/
/** ▼ボタン▼ ***********************************/

.button_area{
	text-align: center;
}

.button{}

.button a{
	display: inline-block;
	vertical-align: bottom;
	background-image: url(img/button_bg_h50.png);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #DA5019;
	height: 50px;
	padding-left: 140px;
	padding-right: 40px;
	line-height: 50px;
	text-decoration: none;
	color: white;
	font-size: 2.3rem;
	font-weight: 800;
	border-radius: 5px/5px;/*丸*/
	-webkit-border-radius: 5px;/*丸*/
	-moz-border-radius: 5px;/*丸*/
	transition: 0.3s;
}

.button a:hover{
	background-color: #E6855E;
}

.button_short{
	margin-top: 20px;
	margin-bottom: 10px;
}

.button_short a{
	display: inline-block;
	vertical-align: bottom;
	background-color: #DA5019;
	height: 50px;
	padding-left: 40px;
	padding-right: 40px;
	line-height: 50px;
	text-decoration: none;
	color: white;
	font-size: 2.3rem;
	font-weight: 800;
	border-radius: 5px/5px;/*丸*/
	-webkit-border-radius: 5px;/*丸*/
	-moz-border-radius: 5px;/*丸*/
	transition: 0.3s;
}

.button_short a:hover{
	background-color: #E6855E;
}

.reserve_tell{
	margin-top: 20px;
	margin-bottom: 10px;
}

.reserve_tell a{
	font-size: 2.3rem;
	color: #cc6600;
	font-weight: 800;
}

/** ▲ボタン▲ ***********************************/

/** ▼ギャラリー▼ *******************************************/
.gallery{
	margin-bottom: 50px;
}

.gallery ul{
	list-style-type: none;
}

.gallery ul li{
	margin: 0 -10px -10px 0;
	width: 170px;
	height: 170px;
	position: relative;
	overflow: hidden;
	border: 10px solid #FFE6E9;
}

.gallery ul li a:after {
	content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
	-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}

.gallery ul li a:hover:after { box-shadow:inset 0 0 0 10px rgba(255,255,255, 0.3); }

.gallery ul li a img{
  object-fit: cover;
}
/** ▲ギャラリー▲ *******************************************/
/** ▼予約reserveページ▼ *************************/
.img_room{
  width: 90%;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.reserve_button{
	display: block;
	text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.reserve_button a{
	display: inline-block;
	padding: 10px 40px;
	background-color: #DA5019;
	text-align: center;
	color: white;
	font-weight: 800;
	text-decoration: none;
	font-family: logotypegothic;
	margin-bottom: 15px;
	border:1px solid #fff;
	transition: 0.3s;
}

.reserve_button a:hover{
	color: #DA5019;
	background-color: white;
	border:1px solid #DA5019;
	transition: 0.3s;
}
/** ▲予約reserveページ▲ *************************/
.link_button{}

.link_button a{
  display: inline-block;
  vertical-align: bottom;
  background-color: #DA5019;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 200%;
  text-decoration: none;
  color: white;
  font-size: 1.6rem;
  font-weight: 400;
  border-radius: 5px/5px;/*丸*/
  -webkit-border-radius: 5px;/*丸*/
  -moz-border-radius: 5px;/*丸*/
  transition: 0.3s;
}


.link_button a:hover{
	background-color: #E6855E;
}


/** ▲共通コンテンツ *******************/

/** RSSフィード(画像あり) **************************************/
#feed, #feed_sanpo{
	width: 100%;
}

#feed ul, #feed_sanpo ul{
	list-style-type: none;
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}

#feed ul li, #feed_sanpo ul li{
	display: block;
	width: 490px;
	margin-bottom: 20px;
}

#feed ul li:after, #feed_sanpo ul li:after{
	content: "";
	clear: both;
	display: block;
}

#feed ul li a, #feed_sanpo ul li a{
	display: inline-block;
	float: left;
	background-color: #D1F1CC;
	padding: 10px;
	margin-left: 5px;
	margin-right: 15px;
	border-radius: 5px/5px;/*丸*/
	-webkit-border-radius: 5px;/*丸*/
	-moz-border-radius: 5px;/*丸*/
}

#feed ul li a img, #feed_sanpo ul li a img{
	height: 120px;
	width: 120px;
  object-fit: cover;
	vertical-align: bottom;
	border-radius: 5px/5px;/*丸*/
	-webkit-border-radius: 5px;/*丸*/
	-moz-border-radius: 5px;/*丸*/
}

#feed ul li h4, #feed_sanpo ul li h4{
	font-weight: 400;
	font-size: 130%;
	margin-bottom: 10px;
}

.feeddate{
	display: inline-block;
	font-weight: 800;
	color: #666666;
	margin-bottom: 10px;
}

.feednew{
	font-weight: 800;
	color: #C7243A;
	margin-left: 20px;
	margin-bottom: 10px;
}

#feed ul li h4{
	font-weight: 400;
	font-size: 130%;
	margin-bottom: 10px;
}

/** RSSフィードここまで ************************************/