@charset "utf-8";
/* CSS Document */
html {
height:100%;
}

body {
text-align: center;
margin:0;
width:100%;
background:#FFF;
position:relative;
-webkit-text-size-adjust: 100%;
font-family: 'Noto Sans JP', sans-serif;
}

.clearfix:after {
visibility: hidden;
display: block;
content: " ";
clear: both;
height: 0;
}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.nofloat{
overflow:hidden;
zoom:1;
}

img {
border-style:none;
}

a {
text-decoration: none;
}

a:link {
color: #000000;
}

a:visited {
color: #000000;
}

ruby {
ruby-align: distribute-space;
ruby-overhang: auto;
ruby-position: above;
}

input[type="submit"] {
-webkit-appearance: none;
/*border-radius: 0;*/
}

/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
color:#CCC;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
color:#CCC;
}

/* Firefox 18- */
:-moz-placeholder {
color:#CCC;
opacity: 1;
}

/* Firefox 19+ */
::-moz-placeholder {
color:#CCC;
opacity: 1;
}

/* IE 10+ */
:-ms-input-placeholder {
color:#CCC;
}
.toko_logo_sp_a {
display: none;
}
.a_block {
display:block;
}
.img_block {
display:block;
margin: 0px auto;
}
.max_img {
max-width:100%;
height:auto;
}
.red_span {
color:#F09100;
}
.text_white {
color:#fff;
}
.bold_span {
font-weight:bold;
}

.inbl_span {
display:inline-block;
text-indent:0;
}
#vegas {
height: 84vh;
width: 75vw;
position: absolute;
right: 25px;
}
.anchor {
display: block;
padding-top: 140px!important;
margin-top: -140px!important;
}
.top_menu_nav_toggle_box_wrap {
display: none;
}
.header_nav {
height: 125px;
background: #fff;
position: relative;
overflow: hidden;
font-size: 0;
}

/*ここから新*/

.br_480_none {
display: block;
}

.br_480_block {
display: none;
}

.block_none_1024 {
display: block;
}

.block_until_1024 {
display: none;
}

#link_map {
margin-top: -30px;
padding-top: 30px;
}

/*headerここから*/
.index_header_line_back {
background-color: #464646;
/*padding: 0 5px;*/
position: fixed;
width: 100%;
z-index: 1;
display: block;
top: 0;
}

.drawer {
display: block;
top: 0;
}

.index_header_line_wrap {
max-width: 1000px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}

.index_header_line_wrap_one {
font-size: 14px;
line-height: 30px;
color: #FFFFFF;
transition: 0.3s;
font-family: 'Noto Serif JP', serif;
}

.index_header_line_wrap_one:hover {
opacity: 0.3;
transition: 0.3s;
}

/*ここからハンバーガーメニュー*/


/*.index_header_hambarger_menu_wrap_check_btn {
position: fixed;
top: 10px;
right: 10px;
display: flex;
height: 20px;
width: 20px;
justify-content: center;
z-index: 3;
background-color: #000000;
cursor: pointer;
padding: 20px;
}

.index_header_hambarger_menu_wrap_check_btn span {
}

.index_header_hambarger_menu_wrap_check_btn span,
.index_header_hambarger_menu_wrap_check_btn span:before,
.index_header_hambarger_menu_wrap_check_btn span:after {
content: "";
display: block;
height: 3px;
width: 25px;
border-radius: 3px;
background-color: #FFFFFF;
position: absolute;
cursor: pointer;
}

.index_header_hambarger_menu_wrap_check_btn span:before {
bottom: -8px;
}

.index_header_hambarger_menu_wrap_check_btn span:after {
bottom: -16px;
}

.index_header_hambarger_menu_wrap_check {
display: none;
}*/

/*#index_header_hambarger_menu_wrap_check:checked ~ .index_header_hambarger_menu_wrap_check_btn span {
background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする
}*/

/*#index_header_hambarger_menu_wrap_check:checked ~ .index_header_hambarger_menu_wrap_check_btn span::before {
bottom: -10px;
transform: rotate(45deg);
}

#index_header_hambarger_menu_wrap_check:checked ~ .index_header_hambarger_menu_wrap_check_btn span::after {
top: 10px;
transform: rotate(-45deg);
}*/

/*.index_header_hambarger_menu_content_list_wrap {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 100%;/*leftの値を0から100へ変更してメニューを画面外へ
z-index: 2;
background-color: #464646;
transition: all 0.5s;/*アニメーション設定
}

.index_header_hambarger_menu_content_list_wrap ul {
padding: 70px 10px 0;
list-style: none;
}

.index_header_hambarger_menu_content_list_wrap ul li a {
display: block;
width: 100%;
font-size: 14px;
box-sizing: border-box;
color: #FFFFFF;
text-decoration: none;
padding: 9px 15px 10px 0;
position: relative;
}

.index_header_hambarger_menu_content_list_wrap ul li a::before {
content: "";
width: 7px;
height: 7px;
border-top: solid 2px #FFFFFF;
border-right: solid 2px #FFFFFF;
transform: rotate(45deg);
position: absolute;
right: 11px;
top: 16px;
}

#index_header_hambarger_menu_content_wrap_check:checked ~ .index_header_hambarger_menu_content_list_wrap {
left: 0;/*メニューを画面内へ
}*/

.header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
background: #fff;
}

.logo {
font-size: 24px;
}


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

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

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

/* チェックボックスは非表示に */
.drawer-hidden {
display: none;
}

.drawer {
background-color: #464646;
width: 100%;
position: fixed;
z-index: 1;
display: none;
}

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

/* ハンバーガーメニューのアイコン */

.drawer-open span {
content: '';
display: block;
height: 3px;
width: 40px;
border-radius: 3px;
background: rgba(255, 255, 255, 0);
transition: 0.5s;
position: absolute;
}

/*.drawer-open span,*/
.drawer-open span:before,
.drawer-open span:after {
content: '';
display: block;
height: 3px;
width: 40px;
border-radius: 3px;
background: #969696;
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;
bottom: 100%;/* メニューを画面の外に飛ばす */
left: 0;
z-index: 99;
transition: all 1.5s;
/*background: #fff;*/
}

.drawer-list {
padding: 0;
margin: 0;
}

.drawer-item {
font-size: 14px;
line-height: 45px;
background-color:#464646;
color: #969696;
border: solid 1px #969696;
transition: 1.5s;
}

.drawer-item a {
color: #FFFFFF!important;
display: block;
}

.drawer-item:first-child {
border-top: 0px;
}

.drawer-item:last-child {
border-bottom: 0px;
}

.drawer-item:hover {
background-color: #969696;
transition: 0.5s;
}

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

.drawer-content ul {
list-style: none;
}

/*ここまでハンバーガーメニュー*/

.naka_page_header_wrap {
max-width: 1000px;
display: flex;
margin: 0 auto;
padding: 50px 10px 0;
justify-content: space-between;
}

.naka_page_header_wrap_right {
display: flex;
}

.naka_page_header_wrap_right_img {
object-fit: contain;
transition: 0.3s;
}

.naka_page_header_wrap_right_img:hover {
transition: 0.3s;
opacity: 0.3;
}

.naka_page_header_wrap_right_img:first-child {
margin-right: 15px;
}

/*headerここまで*/

/*indexここから*/

.index_wrapper_01_box {
max-width: 1000px;
margin: 0 auto;
position: relative;
}

.index_wrapper_01_box_icon_01 {
position: absolute;
top: 30px;
left: 0;
}

.index_wrapper_01_box_icon_02 {
position: absolute;
top: 30px;
right: 0;
}

.index_wrapper_01_box_smoll {
max-width: 500px;
margin: 0 auto;
}

.index_wrapper_01_box_smoll_top_01 {
display: block;
margin: 0 auto;
padding-top: 150px;
}

.index_wrapper_01_box_smoll_top_02 {
display: block;
margin: 0 auto;
padding-top: 5px;
display: flex;
justify-content: center;
}

.index_wrapper_01_box_smoll_top_02 img {
padding: 5px;
transition: 0.3s;
}

.index_wrapper_01_box_smoll_top_02 img:hover {
opacity: 0.3;
transition: 0.3s;
}

.index_wrapper_01_box_smoll_top_02 {
padding-top: 30px;
}

.index_wrapper_01_box_smoll_top_03 {
padding-bottom: 50px;
vertical-align: bottom;
}

.index_wrapper_01_box_smoll_text {
text-align: left;
padding: 30px 0 20px;
font-size: 18px;
color: #464646;
}

.index_wrapper_02_box {
background-color: #464646;
text-align: left;
color: #FFFFFF;
padding: 100px 0 100px;
}

.index_wrapper_02_box_wrap {
max-width: 1000px;
margin: 0 auto;
}

.index_wrapper_02_box_wrap_img_01 {
display: block;
}

.index_wrapper_02_box_wrap_content {
display: flex;
justify-content: space-between;
}

.index_wrapper_02_box_wrap_content_left {
font-size: 18px;
width: calc((100% - 480px) - 20px);
}

.index_wrapper_02_box_wrap_content_left_text_01 {
padding: 30px 0 45px;
}

.index_wrapper_02_box_wrap_content_left_text_02 {
padding: 20px 0 30px;
border-top: 2px solid #fff;
font-weight: bold;
}

.index_wrapper_02_box_wrap_content_left_text_02 a {
color: #fff;
transition: 0.3s;
}

.index_wrapper_02_box_wrap_content_left_text_02 a:hover {
transition: 0.3s;
opacity: 0.3;
}

.index_wrapper_02_box_wrap_content_right_01 {
padding-bottom: 10px;
font-size: 22px;
}

.index_wrapper_02_box_wrap_content_right_02  {
vertical-align: bottom;
}

.index_wrapper_02_box_wrap_img_02 {
width: 150px;
height: auto;
vertical-align: bottom;
}

.index_wrapper_02_box_wrap_text {
display: inline-block;
font-size: 16px;
padding-left: 15px;
}

.index_wrapper_03_box_wrap {
max-width: 1000px;
margin: 0 auto;
text-align: left;
color: #464646;
font-size: 18px;
}

.index_wrapper_03_box_wrap_text {
display: inline-block;
padding-right: 20px;
font-size: 22px;
font-weight: bold;
}

.index_wrapper_03_box_wrap_text_mapcode {
background-color: #FFFFFF;
padding: 7px;
display: inline-block;
font-size: 18px;
font-weight: bold;
}

.index_wrapper_03_box_wrap_text_mapcode img {
vertical-align: bottom;
}

.index_wrapper_03_box {
background-color: #FFFFFF;
background: url(../img/back_line.png);
background-repeat: repeat;
/*background-image:
repeating-linear-gradient(-45deg,
#c8c8c8, #c8c8c8 3px,
transparent 0, transparent 9px);*/
padding: 90px 5px 100px;
}

#map_canvas{
font-size: 18px;
width:100%; 
height:500px;
margin: 20px auto 0;
}

.index_wrapper_04_box {
background-color: #ffffff;
padding: 60px 0 50px;
color: #464646;
}

.index_wrapper_04_box_wrap {
max-width: 1000px;
margin: 0 auto;
font-size: 16px;
display: inline-block;
}
/*indexここまで*/
/*ここまで新*/


/**/
.header_menu_ul_li_a {
position: relative;
display: inline-block;
text-decoration: none;
width: 126px;
}
.header_menu_ul_li_a::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 7px;
background: #395AA4;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.header_menu_ul_li_a:hover::after {
bottom: -5px;
opacity: 1;
visibility: visible;
}
/**/

.page-top_big{
position: fixed;
bottom: 10px;
right: 10px;
z-index: 5;
}
.page_up_box {
width: 70px;
height: 70px;
border-radius: 50px;
background: #969696;
position: relative;
}
.page_up_box span {
position: absolute;
top: 30px;
left: 50%;
width: 24px;
height: 24px;
margin-left: -12px;
border-left: 3px solid #fff;
border-bottom: 3px solid #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
box-sizing: border-box;
}



/*問い合わせページここから 211220使用*/

#yoyaku {
margin-top: -30px;
padding-top: 30px;
}

#inquiry_wrap {
font-family: 'Noto Sans JP', sans-serif;
max-width: 1000px;
margin: 0 auto;
padding: 0px 10px;
}

.contact_page_ttl_bg {
background: url(../img/contact_ttl_img.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.contact_flow_circle_wrapper {
list-style: none;
padding-left: 0;
}
.contact_flow_circle {
width: 66px;
height: 66px;
border-radius: 50px;
background: #395AA4;
position: relative;
margin: 150px 150px 100px 0;
}
.contact_flow_circle:last-child {
margin: 150px 0px 100px 0;
}
.contact_flow_circle::before {
content: "";
display: block;
width: 160px;
height: 5px;
background: url(../img/contact_flow_border.png);
background-repeat: no-repeat;
position: absolute;
top: 30px;
margin-left: 80px;
}
.contact_flow_circle:last-child::before {
display: none;
width: 0px;
height: 0px;
background: none;
}
.inline_circle {
display: inline-block;
vertical-align: middle;
}
.contact_flow_circle_number {
position: absolute;
top: 9px;
right: 0;
left: 0;
margin: 0 auto;
}
.contact_flow_circle_under {
position: absolute;
right: 0;
left: 0;
bottom: -50px;
color: #000000;
letter-spacing: 0.2em;
}
.contact_privacy_txt {
font-size: 18px;
color: #000000;
margin: 30px auto 20px;
}
.contact_input_ul {
list-style: none;
padding-left: 0;
max-width: 800px;
margin: 0 auto;
text-align: left;
}
.contact_input_contents::after {
content: "";
display: block;
clear: both;
}
.contact_input_title {
float: left;
width: 230px;
color: #000000;
line-height: 58px;
letter-spacing: 0.2em;
margin: 0;
padding: 0 0 0 30px;
/*border-top: solid 2px #464646;*/
font-size: 18px;
font-weight: 500;
}
.input_required::after {
content: "*";
color: red;
}
.contact_input_contents {
min-height: 60px;
min-width: 150px;
/*border-top: solid 2px #c8c8c8 ;*/
padding: 0px 0 0 70px;
margin-left: 230px;
margin-bottom: 10px;
}
.contact_input_contents input {
width: 250px;
border: none;
font-size: 16px;
}

.contact_input_contents:last-child {
/*border-bottom: solid 2px #c8c8c8 ; */
}
/*.contact_input_ul_li:last-child div {
border-bottom: solid 2px #c8c8c8 ;
}*/
.contact_input_ul_li:last-child textarea {
height: 150px;
width: 350px;
margin-bottom: 20px;
margin-top: 18px;
}
.contact_input_ul_li:last-child p {
/*border-bottom: solid 2px #464646;*/
padding-bottom: 185px;
margin-bottom: -1px;
border-collapse: collapse;
}

.contact_input_button {
width: 390px;
height: 60px;
border-radius: 50px;
cursor: pointer;
background: #c8c8c8;
border: none;
color: #fff;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.2em;
font-family: 'Noto Sans JP', sans-serif;
}
.contact_input_button_wrap {
margin: 10px auto 50px;
}
.inquiry_box_red {
color: red;
}
.inquiry_ul {
max-width: 800px;
list-style: none;
color: red;
padding: 0;
margin: 20px auto;
}

.confirm_box_ttl,.confirm_box_txt{
font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.confirm_box_ttl{
color: #395AA4;
}
.confirm_box_txt {
margin: 60px auto;
font-size: 18px;
font-weight: 500;
}
.confirm_box_wrap {
max-width: 880px;
margin: 50px auto;
text-align: left;
border-bottom: solid 1px #ccc;
position: relative;
}
.confirm_box_wrap::after {
content: "";
width: 260px;
display: block;
border: solid 1px #395AA4;
position: absolute;
bottom: -1px;
left: 0;
}
.contact_confirm_title {
float: left;
width: 230px;
color: #395AA4;
line-height: 100px;
letter-spacing: 0.2em;
margin: 0;
padding: 0 0 0 30px;
border-top: solid 2px #395AA4;
font-size: 18px;
font-weight: 500;
}
.contact_confirm_contents {
min-height: 60px;
min-width: 150px;
border-top: solid 1px #CCCCCC;
padding: 40px 0 0 70px;
margin-left: 230px;
}
.contact_confirm_contents::after {
content: "";
display: block;
clear: both;
}
.confirm_btn_inline {
display: inline-block;
}
.confirm_box_off {
margin: 60px auto 150px;
}
.confirm_btn_decide {
width: 290px;
height: 80px;
border-radius: 50px;
cursor: pointer;
background: #395AA4;
border: none;
color: #fff;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.2em;
}

.finish_jump_btn_txt,.contact_finish_ttl,.contact_finish_txt{
font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;	
}
.finish_jump_btn {
border: solid 1px #c8c8c8;
display: block;
height: 60px;
width: 380px;
margin: 40px auto 50px;
border-radius: 50px;
background: #c8c8c8;
transition-duration: 0.3s;
}
.finish_jump_btn_txt {
font-size: 18px;
font-weight: bold;
margin: 0 auto;
line-height: 60px;
letter-spacing: 0.2em;
color: #fff;
}

.header_submenu{
display: none;
position: fixed;
top: 125px;
left: 0;
right: 0;
width: 100%;
height: 80px;
background: linear-gradient(45deg,rgba(243, 243, 243, 1) 10%, rgba(238, 238, 238, 1) 80%);;
list-style: none;
/* flex-direction: column; */
}
.header_submenu_ul_01,.header_submenu_ul_02 {
line-height: 80px;
}
.header_submenu_ul_01 {
padding-left: 50px;
}
.header_submenu_ul_02 {
padding-left: 300px;
}

.header_submenu_ul_li::before {
content: "";
display: block;
height: 4px;
width: 10px;
background: #395AA4;
position: absolute;
top: 46%;
margin-left: -20px;
}
.header_submenu_ul_li{
line-height: 80px;
opacity: 1;
margin-right: 80px;
font-size: 16px;
font-weight: 500;
display: inline-block;
transition-duration: 0.3s;
}
.header_submenu_ul_li:hover{
opacity: 0.5;
transition-duration: 0.3s;
}
.header_submenu_ul_li a {
display: block;
opacity: 1;
height: 100%;
transition-duration: 0.3s;
}
.header_submenu_ul_li a :hover{
opacity: 0.5;
transition-duration: 0.3s;
}

/*コテージのご案内ここから input.html*/

.omotenashi_box_wrap_01 {
max-width: 500px;
margin: 0 auto;
padding: 40px 10px 100px;
}

.omotenashi_box_wrap_01_text {
padding: 30px 0 25px;
font-size: 18px;
line-height: 23px;
text-align: left;
}

.input_cottage_box_wrap_02_back {
background-color: #464646;
}

.input_cottage_box_wrap_02 {
max-width: 1000px;
padding: 100px 10px;
margin: 0 auto;
}

.input_cottage_box_wrap_02_photo_line_01 {
margin-bottom: 20px;
}

.input_cottage_box_wrap_02_photo_line_01_img {
width: calc(100% / 3);
vertical-align: bottom;
}

.input_cottage_box_wrap_02_title_01 {
text-align: left;
font-size: 22px;
line-height: 30px;
color: #dcd296;
margin-bottom: 10px;
}

.input_cottage_box_wrap_02_title_02 {
text-align: left;
font-size: 22px;
line-height: 30px;
color: #dcd296;
margin-bottom: 10px;
margin-top: 50px;
}

table {
text-align: left;
border-collapse: collapse;
}

td {
padding: 0;
border:1px solid #FFFFFF;
}

.input_cottage_box_wrap_02_table_data {
padding: 20px 20px 18px;
width: 800px;
/*width: calc(100% - 19%);*/
}

.input_cottage_box_wrap_02_table_data_img_content {
display: block;
}

.input_cottage_box_wrap_02_table_data_img_content_one_lightbox {
/*width: 800px;
height: auto;
object-fit: cover;
vertical-align: bottom;*/
/*margin-right: 10px;*/
display: inline-block;

}

.input_cottage_box_wrap_02_table_data_img_content_one {
width: 100px;
height: 100px;
object-fit: cover;
vertical-align: bottom;
margin-right: 10px;
display: inline-block;
transition: 0.3s;
}

.input_cottage_box_wrap_02_table_data_img_content_one:hover {
transition: 0.3s;
opacity: 0.3;
}

.input_cottage_box_wrap_02_table_data_text_title {
color: #dcd296;
margin-bottom: 10px;
}

.input_cottage_box_wrap_02_table_data_text_wrap {
font-size: 16px;
line-height: 21px;
text-align: left;
}

.input_cottage_box_wrap_02_table_title {
background-color: #969696;
color: #FFFFFF;
font-size: 18px;
line-height: 21px;
vertical-align: top;
padding: 20px 40px;
text-align: center;
width: calc(100% - 80%);
}

.input_cottage_box_wrap_02_table_title_02 {
background-color: #969696;
color: #FFFFFF;
font-size: 18px;
line-height: 21px;
vertical-align: top;
padding: 20px 15px;
text-align: center;
}

.input_cottage_box_wrap_02_table_data_text_content {
color: #FFFFFF;
margin-bottom: 15px;
}

.input_cottage_box_wrap_02_table_data_text_content a {
color: #dcd296!important;
transition: 0.3s;
}

.input_cottage_box_wrap_02_table_data_text_content a:hover {
color: #fff!important;
transition: 0.3s;
}

.input_cottage_box_wrap_02_table_data_text_content_02 {
color: #FFFFFF;
}

.input_cottage_box_wrap_02_table_data_img_content_one_wrap {
display: inline-block;
}

.input_cottage_box_wrap_02_table_data_img_content_one_wrap_02 {
display: inline-block;
}

.input_cottage_box_wrap_02_table_data_text_content_02 ul {
margin: 0;
padding: 0 0 0 20px;
}

.input_cottage_box_wrap_03 {
max-width: 1000px;
margin: 100px auto 30px;
padding: 0px 10px;
}

.input_cottage_box_wrap_03_top {
position: relative;
}


.input_cottage_box_wrap_03_title {
/*position: absolute;
top: 0;*/
margin-bottom: 48px;
}

.input_cottage_box_wrap_03_title_waku {
position: relative;
}

.input_cottage_box_wrap_03_title_waku img {
z-index: 1;
}

.input_cottage_box_wrap_03_title_waku span {
position: absolute;
top: 50%;
left: 50%;
/*z-index: 2;*/
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-size: 33px;
line-height: 33px;
color: #5a463c;
font-weight: bold;
}

.input_cottage_box_wrap_03_content_wrap {
margin-bottom: 40px;
}

.input_cottage_box_wrap_03_content_wrap_left {
font-size: 18px;
line-height: 30px;
color: #464646;
text-align: left;
display: inline-block;
width: calc(100% - 355px);
}

.input_cottage_box_wrap_03_content_wrap_right {
vertical-align: top;
}

.input_cottage_box_wrap_03_content_title {
text-align: left;
font-size: 22px;
line-height: 40px;
color: #5a463c;
margin-bottom: 20px;
}

.input_cottage_box_wrap_03_content_wrap_link_text {
display: inline-block;
font-size: 40px;
color: #b46446;
padding-left: 10px;
}

.input_cottage_box_wrap_03_content_02 {
vertical-align: middle;
}

.input_cottage_box_wrap_03_content_wrap_link {
text-align: left;
transition: 0.3s;
}

.input_cottage_box_wrap_03_content_wrap_link:hover {
transition: 0.3s;
opacity: 0.3;
}

.input_cottage_box_wrap_03_content_03_back {
background-color: #dcd296;
margin: 15px auto 50px;
padding: 20px 15px;
}

.input_cottage_box_wrap_03_content_03_inner{
display: flex;
width: 833px;
margin: 0;
justify-content: space-between;
align-items: center;
}

.input_cottage_box_wrap_03_content_03_inner_text {
font-size: 17px;
line-height: 20px;
color: #464646;
font-weight: bold;
}

.input_cottage_box_wrap_03_content_03_inner_img img:first-child {
margin-right: 22px;
}

.input_cottage_box_wrap_03_content_03_inner_img a img {
vertical-align: middle;
}

/*コテージのご案内ここまで input.html*/

/*おもてなしここから omotenashi.html*/

.input_cottage_box_wrap_01 {
max-width: 500px;
margin: 0 auto;
padding: 40px 0 100px;
}

.input_cottage_box_wrap_01_text {
padding: 30px 0 25px;
font-size: 18px;
line-height: 23px;
text-align: left;
}

.omotenashi_box_wrap_02_01 {
position: relative;
}

.omotenashi_box_wrap_02_01_wrap {
/*position: absolute;
top: 0;*/
margin-bottom: 48px;
}

.omotenashi_box_wrap_02_01_waku {
position: relative;
}

.omotenashi_box_wrap_02_01_waku img {
z-index: 1;
}

.omotenashi_box_wrap_02_01_waku span {
position: absolute;
top: 50%;
left: 50%;
/*z-index: 2;*/
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-size: 33px;
line-height: 33px;
color: #dcd296;
font-weight: bold;
}

.omotenashi_box_wrap_02_back {
background-color: #464646;
padding: 100px 0;
}

.omotenashi_box_wrap_02 {
max-width: 1000px;
margin: 0 auto;
padding: 0 10px;
}

.omotenashi_box_wrap_02_02 {
display: flex;
justify-content: space-between;
font-size: 22px;
line-height: 30px;
color: #dcd296;
margin-bottom: 30px;
}

.omotenashi_box_wrap_02_02:last-child {
margin-bottom: 0;
}

.omotenashi_box_wrap_02_02_left {
display: inline-block;
/*margin-right: 100px;*/
}

.omotenashi_box_wrap_02_02_right {
text-align: left;
display: flex;
flex-direction: column;
max-width: 720px;
}

.omotenashi_box_wrap_02_02_right_text {
display: inline-block;
font-size: 18px;
line-height: 30px;
color: #FFFFFF;
margin-bottom: 30px;
}

.omotenashi_box_wrap_03 {
max-width: 1000px;
margin: 0 auto;
font-size: 18px;
line-height: 30px;
color: #464646;
text-align: left;
padding: 100px 10px;
}

.omotenashi_box_wrap_03_01 {
position: relative;
}

.omotenashi_box_wrap_03_01_wrap {
/*position: absolute;
top: 0;*/
margin-bottom: 48px;
}

.omotenashi_box_wrap_03_01_waku {
position: relative;
}

.omotenashi_box_wrap_03_01_waku img {
z-index: 1;
}

.omotenashi_box_wrap_03_01_waku span {
position: absolute;
top: 50%;
left: 50%;
/*z-index: 2;*/
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-size: 33px;
line-height: 33px;
color: #464646;
font-weight: bold;
}

.omotenashi_box_wrap_03_02_wrap {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
align-items: flex-start;
}

.omotenashi_box_wrap_03_02_left {
display: inline-block;
width: calc(100% - 420px);
}

.omotenashi_box_wrap_03_02_left_02 {
display: inline-block;
width: calc(100% - 385px);
}

.omotenashi_box_wrap_03_02_left_title {
font-size: 22px;
margin-bottom: 30px;
}

.omotenashi_box_wrap_03_03_wrap_back {
background-color: #dcd296;
}

.omotenashi_box_wrap_03_03_wrap_back {
padding: 8px 15px;
}

.omotenashi_box_wrap_03_02_right {
width: 350px;
}

.indent_01 {
padding-left:1em;
text-indent:-1em;
}

.omotenashi_box_wrap_04 {
max-width: 1000px;
margin: 0 auto;
font-size: 18px;
line-height: 30px;
color: #464646;
text-align: left;
padding: 100px 10px;
}

.omotenashi_box_wrap_04_back {
background-color: #464646;
}

.omotenashi_box_wrap_03_02_left_text_02 {
color: #FFFFFF;
}

.omotenashi_box_wrap_03_02_left_title_02 {
font-size: 22px;
margin-bottom: 30px;
color: #dcd296;
}

.omotenashi_box_wrap_03_01_02 {
position: relative;
}

.omotenashi_box_wrap_03_01_02_wrap {
/*position: absolute;
top: 0;*/
margin-bottom: 48px;
}

.omotenashi_box_wrap_03_01_02_waku {
position: relative;
}

.omotenashi_box_wrap_03_01_02_waku img {
z-index: 1;
}

.omotenashi_box_wrap_03_01_02_waku span {
position: absolute;
top: 50%;
left: 50%;
/*z-index: 2;*/
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-size: 33px;
line-height: 33px;
color: #dcd296;
font-weight: bold;
}

.omotenashi_box_wrap_03_02_left_02 table {
color: #FFFFFF;
font-size: 18px;
line-height: 26px;
}

.omotenashi_box_wrap_03_02_left_02_left {
background-color: #969696;
padding: 20px;
width: calc(100% - 70%);
text-align: center;
}

.omotenashi_box_wrap_03_02_left_02_right {
padding: 20px;
}

.omotenashi_box_wrap_03_04_text {
font-size: 12px;
color: #FFFFFF;
text-align: center;
padding: 100px 0 40px;
}

.omotenashi_box_wrap_02_02_right_ptext {
display: inline-block;
font-size: 12px;
line-height: 30px;
color: #FFFFFF;
margin-bottom: 30px;
}

/*おもてなしここまで omotenashi.html*/

/*美瑛観光ここから kanko.html*/

.kanko_box_wrap_01 {
max-width: 500px;
margin: 0 auto;
padding: 40px 10px 100px;
}

.kanko_box_wrap_01_text {
padding: 30px 0 25px;
font-size: 18px;
line-height: 23px;
text-align: left;
}

.kanko_box_wrap_02_back {
background-color: #bed7a0;
padding: 100px 10px 40px;
}

.kanko_box_wrap_02 {
/*max-width: 1000px;*/
margin: 0 auto;
/*padding: 0 10px;*/
}

.kanko_box_wrap_02_01 {
position: relative;
}

.kanko_box_wrap_02_01_wrap {
/*position: absolute;
top: 0;*/
margin-bottom: 48px;
}

.kanko_box_wrap_02_01_waku {
position: relative;
}

.kanko_box_wrap_02_01_waku img {
z-index: 1;
margin: 0 auto;
}

.kanko_box_wrap_02_01_waku span {
position: absolute;
top: 50%;
left: 50%;
/*z-index: 2;*/
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-size: 33px;
line-height: 33px;
color: #5a463c;
font-weight: bold;
}

.kanko_box_wrap_02_title_01 {
font-size: 22px;
line-height: 30px;
color: #5a463c;
text-align: left;
max-width: 1000px;
margin: 0 auto;
padding-bottom: 10px;
}

.kanko_box_wrap_04_back {
background-color: #bed7a0;
padding: 100px 10px 40px;
}

.kanko_box_wrap_03 {
padding: 50px 10px;
max-width: 1000px;
margin: 0 auto;
}

.kanko_box_wrap_04 {
padding: 50px 10px;
max-width: 1000px;
margin: 0 auto;
}

.kanko_box_wrap_03_table {
max-width: 480px;
table-layout: fixed;
width: 100%;
}

.kanko_box_wrap_03_line_01 {
background-color: #c8c8c8;
color: #464646;
font-size: 18px;
line-height: 40px;
}

.kanko_box_wrap_03_line_02 {
background-color: #dcd296;
color: #464646;
font-size: 18px;
line-height: 40px;
}

.kanko_box_wrap_03_line_content_01 {
border: 0!important;
color: #b46446;
padding-left: 15px;
text-align: right;
width: 7%;
}

.kanko_box_wrap_03_line_content_01_01 {
border: 0!important;
color: #dcd296;
padding-left: 15px;
text-align: right;
width: 7%;
}

.kanko_box_wrap_03_line_content_01_02 {
border: 0!important;
color: #0078aa;
padding-left: 15px;
text-align: right;
width: 7%;
}

.kanko_box_wrap_03_line_content_02 {
border: 0!important;
padding-left: 15px;
width: 58%;
}

.kanko_box_wrap_03_line_content_03 {
border: 0!important;
text-align: right;
/*padding-right: 50px;*/
width: 20%;
}

.kanko_box_wrap_03_line_content_04 {
border: 0!important;
padding-right: 10px;
text-align: right;
width: 15%;
}

.kanko_box_wrap_03_title_01 {
font-size: 22px;
line-height:30px;
color: #5a463c;
margin-bottom: 30px;
text-align: left;
}

.kanko_box_wrap_03_wrap_01 {
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}

.kanko_box_wrap_03_wrap_01:last-child {
margin-bottom: 0;
}

.kanko_box_wrap_03_line_03 {
background-color: #5a463c;
color: #FFFFFF;
font-size: 18px;
line-height: 40px;
}

.kanko_box_wrap_03_line_04 {
background-color: #464646;
color: #FFFFFF;
font-size: 18px;
line-height: 40px;
}

.kanko_box_wrap_05_back {
background-color: #464646;
}

.kanko_box_wrap_05 {
max-width: 1000px;
margin: 0 auto;
font-size: 18px;
line-height: 30px;
color: #464646;
text-align: left;
padding: 100px 10px 0;
}

.kanko_box_wrap_05 {
/*position: absolute;
top: 0;*/
margin-bottom: 48px;
}

.kanko_box_wrap_05_base {
position: relative;
}

.kanko_box_wrap_05_wrap {
/*position: absolute;
top: 0;*/
margin-bottom: 48px;
}

.kanko_box_wrap_05_waku {
position: relative;
}

.kanko_box_wrap_05_waku img {
z-index: 1;
}

.kanko_box_wrap_05_waku span {
position: absolute;
top: 50%;
left: 50%;
/*z-index: 2;*/
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-size: 33px;
line-height: 33px;
color: #dcd296;
font-weight: bold;
}

.kanko_box_wrap_05_waku_02 {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
align-items: flex-start;
}

.kanko_box_wrap_05_waku_02_right {
width: 350px;
}

.kanko_box_wrap_05_waku_02_left {
display: inline-block;
width: calc(100% - 385px);
}

.kanko_box_wrap_05_waku_02_left_title {
font-size: 22px;
margin-bottom: 30px;
color: #dcd296;
}

.kanko_box_wrap_05_waku_02_left_title_text {
color: #FFFFFF;
}

/*美瑛観光ここまで kanko.html*/