/*-----------------------------------------------
__Default Clear
-----------------------------------------------*/
body{
margin: 0;
font-family: '-apple-system','BlinkMacSystemFont',"Helvetica Neue",'YuGothic','Yu Gothic','Verdana','Meiryo',sans-serif;
overflow-x: hidden;
outline: none;
font-weight: 500;
background: url("../images/883918.jpg") repeat-x;
}
address{
font-style: normal;
}
h1,h2,h3,h4,h5,h6{
margin: 0 auto;
padding: 0;
}
ul{
list-style-type: none;
margin: 0;
padding: 0;
}
a{
text-decoration: none;
outline: none;
color: #000;
}
p{
margin: 0;
}
dl{
margin: 0;
}
dd{
margin-left: 0;
}
ol{
margin: 0;
}
/*-----------------------------------------------
__layout
-----------------------------------------------*/
/* = Selected Text
----------------------------------------------- */
::selection {
background: rgba(255,211,128,0.4); /* Safari */
}
::-moz-selection {
background: rgba(255,211,128,0.4); /* Firefox */
}
.caption_area{
width: 1000px;
margin: 0 auto;
}
.bg-color{
background: /*#fcf2f2*/#fff9e8;
padding-top: 40px;
}
.underlayer_caption{
width: 1000px;
margin: 10px auto 100px;
background: #fff;
border-radius: 10px;
padding: 15px 20px;
box-sizing: border-box;
letter-spacing: 0.1em;
}
/*-----------------------------------------------
__a
-----------------------------------------------*/
.marker{
background: linear-gradient(transparent 60%, rgba(255,153,171,0.60) 60%);
transition: background 0.8s;
}
.marker:hover{
background: none;
}
.dashed{
border-bottom: dashed 2px rgba(255,153,171,0.60);
}
.dashed:hover{
border-bottom: none;
}
.topics a{
color: #FFAE16;
text-decoration: underline;
transition: all 0.4s;
}
.topics a:hover{
text-decoration: none;
}
/*-----------------------------------------------
__h
-----------------------------------------------*/
h1{
font-size: 1.5em;
}
h2{
margin: 0 0 30px;
padding: 0.5em;
background: #FFBC3F/*#cd0505#f8c6bd#a6d3c8*/;
color: white;
border-radius: 5px;
text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
-1px 1px 0 #000, 1px -1px 0 #000,
0px 1px 0 #000, 0-1px 0 #000,
-1px 0 0 #000, 1px 0 0 #000;
}
h3{
margin: 20px 0 20px;
padding: 3px 0 3px .8em;
border-left: 5px solid #FFBC3F/*#cd0505#f8c6bd#a6d3c8*/;
border-bottom: 1px dotted #ccc;
}
.h3_2{
border-left: 5px solid #7abd60/*#bdd0f8*/;
}
h4{
margin: 20px 0 5px;
padding-left: .8em;
border-left: 6px solid #888/*#a6d3c8*/;
}
.h4_2{
border-left: 6px solid #7abd60;
}
h5{
margin: 10px 0;
font-size: 1em;
border-radius: 3px;
display: inline-block;
padding: 0 5px;
background: #e7eaed;
font-weight: normal;
}
/*-----------------------------------------------
__dl
-----------------------------------------------*/
.dl01{
margin: 0;
counter-reset: number;
line-height: 2.2em;
}
.dl01 dt::before {
counter-increment: number;
content: counter(number);
display: inline-block;
background: #FFBC3F/*cd0505#f8c6bd#a6d3c8*/;
border-radius: 3px;
line-height: 25px;
width: 25px;
text-align: center;
font-weight: bold;
color: #fff;
margin-right: 10px;
}
dd{
margin: 0 0 15px;
}
.dl02 dd, .dl02-2 dd{
margin: 7px 0 20px 1em;
}
.dl02 dt::before{
content: '\f111';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 0.8em;
color: #f8c6bd;
}
.dl02-2 dt::before{
content: '\f111';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1em;
padding-right: 3px;
color: #f8c6bd;
}
.dl03{
margin: 0;
counter-reset: number;
line-height: 2.2em;
}
.dl03 dt::before{
counter-increment: number;
content: counter(number);
display: inline-block;
background: #FFBC3F;
border-radius: 3px;
line-height: 25px;
width: 25px;
text-align: center;
font-weight: bold;
color: #fff;
margin-right: 10px;
}
.dl03 dt{
margin: 30px 0 10px;
padding-bottom: 3px;
border-bottom: 1px dotted #ccc;
}
.dl03 dd{
margin: 0 0 5px;
}
.box05 .dl03 dt:first-child{
margin-top: 10px;
}
/*-----------------------------------------------
__ol
-----------------------------------------------*/
/*_ol01:鮟�悄濶ｲ(#c9a965)
-----------------------------------------------*/
.ol01{
counter-reset:number; /*謨ｰ蟄励ｒ繝ｪ繧ｻ繝�ヨ*/
list-style-type: none!important; /*謨ｰ蟄励ｒ荳譌ｦ豸医☆*/
padding: 0.5em;
}
.ol01 li {
position: relative;
padding-left: 30px;
line-height: 1.5em;
padding: 0.5em 0.5em 0.5em 30px;
}
.ol01 li:before{
/* 莉･荳区焚蟄励ｒ縺､縺代ｋ */
position: absolute;
counter-increment: number;
content: counter(number);
/*莉･荳区焚蟄励�繝�じ繧､繝ｳ螟峨∴繧�*/
display:inline-block;
background: #c9a965/*#5EACFF#f8c6bd#a6d3c8*/;
color: #fff;
font-family: 'Avenir','Arial Black','Arial',sans-serif;
font-weight:bold;
font-size: 15px;
border-radius: 50%;
top: 0.5em;
left: 0;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
}
/*_ol02:繧ｪ繝ｬ繝ｳ繧ｸ(#FFD400)
-----------------------------------------------*/
.ol02{
counter-reset:number; /*謨ｰ蟄励ｒ繝ｪ繧ｻ繝�ヨ*/
list-style-type: none!important; /*謨ｰ蟄励ｒ荳譌ｦ豸医☆*/
padding:0.5em;
}
.ol02 li {
position: relative;
line-height: 1.5em;
padding: 0.5em 0.5em 0.5em 40px;
}
.ol02 li:before{
/* 莉･荳区焚蟄励ｒ縺､縺代ｋ */
position: absolute;
counter-increment: number;
content: counter(number);
/*莉･荳区焚蟄励�繝�じ繧､繝ｳ螟峨∴繧�*/
display:inline-block;
background: #fff/*#c9a965#bdd0f8*/;
color: #7abd60;
font-family: 'Avenir','Arial Black','Arial',sans-serif;
font-weight:bold;
font-size: 15px;
border-radius: 50%;
top: 0.5em;
left: 0;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border: #7abd60 1px solid;
}
/*_ol03:縺ゅ°(#cd0505)
-----------------------------------------------*/
.ol03{
counter-reset:number; /*謨ｰ蟄励ｒ繝ｪ繧ｻ繝�ヨ*/
list-style-type: none!important; /*謨ｰ蟄励ｒ荳譌ｦ豸医☆*/
padding:0.5em;
padding-top: 0;
}
.ol03 li {
position: relative;
line-height: 1.5em;
padding: 0.5em 0.5em 0.5em 40px;
}
.ol03 li:before{
/* 莉･荳区焚蟄励ｒ縺､縺代ｋ */
position: absolute;
counter-increment: number;
content: counter(number);
/*莉･荳区焚蟄励�繝�じ繧､繝ｳ螟峨∴繧�*/
display:inline-block;
background: #fff/*#c9a965#a6d3c8*/;
border: #FFBC3F 1px solid;
color: #FFBC3F;
/*font-family: 'Avenir','Arial Black','Arial',sans-serif;*/
font-weight:bold;
font-size: 15px;
border-radius: 50%;
/*border-radius: 3px;*/
top: 0.5em;
left: 0;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
}
/*-----------------------------------------------
__li
-----------------------------------------------*/
/*_li01:
-----------------------------------------------*/
.li01{
margin-top: 20px;
}
/*_li02:笳上∪繧九い繧､繧ｳ繝ｳ
-----------------------------------------------*/
.box03 .li02{
margin-top: 10px;
}
.li02, .li02-2{
position: relative;
padding-left: 1.2em;
}
.li02::before{
content: url("../images/li02_icon.png");
position: absolute;
top: 3px;
left: 0;
/*content: '\f138';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1em;
color: #FFBC3F#bdd0f89;*/
}
.li02-2::before{
content: url("../images/li02_icon.png");
position: absolute;
top: 3px;
left: 0;
}
.li02-3{
font-size: 1.1em;
margin: 5px 0;
}
.li02-3::before{
content: '\f111';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 0.8em;
color: #f8c6bd;
}
.btn{
border: 1px solid;
border-radius: 5px;
font-size: 0.7em;
padding: 3px 7px;
margin-left: 2em;
}
/*_li03:pdf/word/excel繧｢繧､繧ｳ繝ｳ
-----------------------------------------------*/
.li03 a{
padding: 3px;
padding-left: 1.57em;
transition: all 0.3s;
position: relative;
}
.li03 a::before{
position: absolute;
top: 1px;
left: .1em;
}
.li_pdf::before{
content: url(../images/icon_pdf.png);
height: 20px;
}
.li_word::before{
content: url(../images/icon_word.png);
height: 21px;
}
.li_excel::before{
content: url(../images/icon_excel.png);
height: 21px;
}
.li_web::before{
content:"";
top:4px !important;
background:url(../images/il_web_shinsei.png) no-repeat;
background-size:contain;
background-position: center;
width:20px;
height: 17px;
}
.download_dl a:hover{
background: #fcf2f2;
border-radius: 2px;
}
.li_ichitaro::before{
content: url(../images/icon_ichitaro.png);
height: 21px;
}
/*_li04
-----------------------------------------------*/
.li04{
margin: 0 0 15px 1em;
}
/*_li05:笆｡
-----------------------------------------------*/
.li05::before{
content: '\f0c8';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #a6d3c8;
padding-right: 5px;
}
/*-----------------------------------------------
__box
-----------------------------------------------*/
/*_box01:鮟偵�繝ｼ繝繝ｼ
-----------------------------------------------*/
.box01{
display: inline-block;
border: 1px solid;
border-radius: 10px;
padding: 20px;
margin-top: 20px;
}
/*_box02:繝斐Φ繧ｯ繝懊�繝繝ｼ(a繧ｿ繧ｰ)
-----------------------------------------------*/
/*_box03:
-----------------------------------------------*/
.box03{
margin: 15px 0;
}
/*_box04
-----------------------------------------------*/
.box04{
margin: 10px 10px 30px;
}
.box04 .li03{
margin: 7px 0 20px;
font-size: 95%;
}
/*_box05
-----------------------------------------------*/
.box05{
margin-top: 20px;
height: 300px;
overflow-y: scroll;
border: #ccc 1px solid;
padding: 20px;
}
/*_box06
-----------------------------------------------*/
.box06{
position: relative;
margin: 1.5em 0;
}
.box06 .box-title {
position: absolute;
display: inline-block;
top: -9px;
left: 10px;
padding: 0 9px;
line-height: 1;
background: #FFF;
font-weight: bold;
}
.box06 p {
display: inline-block;
margin: 0;
padding: 1em;
border: solid 1px #FF0000;
border-radius: 3px;
line-height: 2em;
}
/*_info-box
-----------------------------------------------*/
.info-box{
background: rgba(236,236,236,0.25);
border: 1px solid #ccc;
border-radius: 30px;
padding: 1px 4px;
}
/*-----------------------------------------------
__table
-----------------------------------------------*/
table{
border-collapse: collapse;
margin: 15px 0 20px;
}
table th, td{
border: 1px solid;
padding: 5px 20px;
}
table th{
background: url(../images/bg_hotel.png)/*rgba(189,208,248,0.50)*/;
}
.table02{
border-collapse: collapse;
width: 95%;
margin: 30px auto;
}
.table02 th, .table02 td{
border: none;
border-bottom: #ccc 1px dotted;
}
.table02 th{
background: none;
text-align: left;
width: 35%;
}
.table02 td{
padding: 15px 20px;
}
.tb_bd_no th, .tb_bd_no td{
border: none;
}
.tb_bd_no th{
background: none;
vertical-align: top;
}
.table03 th, .table03 td{
padding: 0;
text-align: left;
}
.bd_btm_none{
border-bottom: none;
}
.bd_top_none{
border-top: none;
}
.bd_das{
border-top: none;
border-top: 1px dotted #ccc;
border-bottom: 1px dashed;
text-align: center;
}
.bd_das_btm{
border-bottom: 1px dashed;
}
/*-----------------------------------------------
__float
-----------------------------------------------*/
.f_left{
float: left;
}
/*-----------------------------------------------
__margin
-----------------------------------------------*/
.mg_top{
margin-top: 10px;
}
.mg_right{
margin-right: 20px;
}
/*-----------------------------------------------
__flex
-----------------------------------------------*/
.flex{
display: flex;
}
.commu_flex{
align-items: flex-start;
}
.w50{
width: 49%;
padding: 10px;
}
.box-text{
padding-left: 1em;
}
.b_left{
border-left: 1px dashed #ccc;
padding-left: 30px;
}
/*__justify-content
-----------------------------------------------*/
.flex_jc_sb{
justify-content: space-between;
}
/*-----------------------------------------------
__flex img
-----------------------------------------------*/
.picture{
border-radius: 10px;
}
.picture_left{
margin-right: 30px;
}
.picture_right{
margin-left: 30px;
}
.jgy01_flex, .jgy02_flex, .jgy03_flex, .jgy04_flex, .jgy05_flex{
align-items: flex-start;
}
.jgy05_flex .picture{
margin-bottom: 30px;
}
.p-relative{
position: relative;
}
.p-absolute{
position: absolute;
}
.jigyou01_2{
top: 270px;
right: 0;
}
.jigyou02_2{
top: 200px;
right: 0;
}
.jigyou04_1-2{
bottom: 0;
right: 0;
}
.jigyou04_2{
bottom: 0;
right: 0;
}
.jigyou04_3{
top: 20px;
right: 0;
}
.jigyou04_4{
top: 20px;
right: 0;
}
/*-----------------------------------------------
__jigyou04_buttun
-----------------------------------------------*/
.jigyou04_buttun{
bottom: 0;
right: 30px;
}
.jigyou04_buttun a{
padding: 15px 30px;
border-radius: 10px;
background-image: linear-gradient(#fff,#f5f8fa);
border: 2px solid #FFD280;
}
.jigyou04_buttun a:hover{
border: #FFBC3F 2px solid;
background-color: #e6ecf0;
background-image: linear-gradient(#fff,#E2E5E7/*#e6ecf0*/);
}
/*-----------------------------------------------
__icon
-----------------------------------------------*/
.icon_info{
font-size: 1em;
background: #f8c6bd;
width: 30px;
height: 30px;
line-height: 30px !important;
text-align: center;
color: #fff;
border-radius: 100%;
margin-right: 5px;
}
.icon_tel{
padding-left: 5px;
padding-right: 3px;
}
/*-----------------------------------------------
__form
-----------------------------------------------*/
.table02 input,
.table02 textarea{
padding: 3px 7px;
font-size: 0.9em;
border: #000 1px solid;
}
.table02 textarea{
width:100%;
min-height:120px;
resize:vertical;
}
.table02 input, .table02 textarea, .table02 select, .submit-btn input{
font-family: '-apple-system','BlinkMacSystemFont',"Helvetica Neue",'YuGothic','Yu Gothic','Verdana','Meiryo',sans-serif;
border: #000 1px solid;
max-width: 440px;
}
.table02 select{
padding: 5px 3px;
}
.submit-btn{
text-align: center;
margin-bottom: 20px;
}
.submit-btn input, .submit-btn a{
width: 200px;
padding: 10px 0;
border: #FFBC3F 2px solid;
background: #fff;
color: #FFBC3F;
font-size: 1em;
border-radius: 7px;
text-align: center;
outline: none;
transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
}
.submit-btn input:hover, .submit-btn a:hover{
border: #FFBC3F 2px solid;
background: #FFBC3F;
color: #fff;
}
.require{
margin-left: 10px;
padding: 3px 4px;
color: #fafafa;
font-size: 9px;
font-style: normal;
letter-spacing: 1px;
margin: 0px 0px 0px 10px;
line-height: 9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
zoom: normal;
background: #f8c6bd/*#FF8EA3*/;
}
.stay_box_flex{
width: 95%;
margin: 30px auto;
display: flex;
justify-content: space-around;
counter-reset: number;
}
.stay_box input, .stay_box select{
font-family: '-apple-system','BlinkMacSystemFont',"Helvetica Neue",'YuGothic','Yu Gothic','Verdana','Meiryo',sans-serif;
border: #005DC1 1px solid;
}
.calendar{
display: block;
width: 95%;
margin: 10px auto 0;
font-style: normal;
font-size: 0.8em;
border: #ccc 1px solid;
padding: 5px;
box-sizing: border-box;
}
.stay_box{
width: calc(100% / 3);
margin: 0 1%;
}
.stay_title{
background: #bdd0f8;
border: 2px solid #bdd0f8;
padding: 2px 10px;
margin-bottom: 15px;
color: #fff;
pointer-events: none;
}
/*.stay_box_flex .stay_title::after {
counter-increment: number;
content: counter(number);
display: inline-block;
line-height: 22px;
width: 22px;
text-align: center;
}*/
.stay_form{
padding: 0 10px;
}
.stay_form span input, .stay_form_open span input{
display: block;
font-size: 0.8em;
padding: 3px;
margin: 3px 0;
}
.tb_confirmation th{
width: 35%;
}
.mail_end{
text-align: center;
}
.stay_box_flex input::placeholder{
color: #FF0000;
}
.stay_at{
color: #FF0000;
width: 95%;
margin: 0 auto;
}
/*--------------------------------------
繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ
---------------------------------------*/
.stay_form input[type=radio], .stay_form_open input[type=radio]{
display: none;
margin: 0;
}
.stay_form input[type=radio] + label,.stay_form_open input[type=radio] + label {
cursor: pointer;
display: inline-block;
line-height: 1.5px;
margin-right: 12px;
padding: 0 0 3px 24px;
position: relative;
}
.stay_form input[type=radio] + label::before {
border: 1px solid #005DC1;
border-radius: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
content: "";
display: block;
margin-top: -9px;
position: absolute;
left: 0;
top: 50%;
height: 13px;
width: 13px;
}
.stay_form_open input[type=radio] + label::before {
border: 1px solid #005DC1;
border-radius: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
content: "";
display: block;
margin-top: -9px;
position: absolute;
left: 0;
top: 50%;
height: 13px;
width: 13px;
}
.stay_form input[type=radio]:checked + label::after {
background: #005DC1;
border-radius: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
content: "";
display: block;
margin-top: -4px;
position: absolute;
left: 3px;
top: 0px;
height: 7px;
width: 7px;
}
.stay_form_open input[type=radio]:checked + label::after {
background: #005DC1;
border-radius: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
content: "";
display: block;
margin-top: -4px;
position: absolute;
left: 3px;
top: 0px;
height: 7px;
width: 7px;
}
.stay_form_open .td_hidden input[type=radio] + label {
display: none;
}
.stay_form_open .td_hidden input[type=radio] + label::before {
display: none;
}
.stay_form_open .td_hidden input[type=radio]:checked + label::after {
display: none;
}
/*--------------------------------------
繝√ぉ繝�け繝懊ャ繧ｯ繧ｹ
---------------------------------------*/
.stay_form input[type=checkbox], .stay_form_open input[type=checkbox]{
display: none;
margin: 0;
}
.stay_form input[type=checkbox] + label, .stay_form_open input[type=checkbox] + label{
cursor: pointer;
display: inline-block;
line-height: 1.5px;
margin-right: 12px;
padding: 0 0 0 24px;
position: relative;
}
.stay_form input[type=checkbox] + label::before {
background: #fff;
border: #005DC1 1px solid;
box-sizing: border-box;
-moz-box-sizing: border-box;
content: "";
display: block;
margin-top: -9px;
position: absolute;
left: 0;
top: 50%;
height: 14px;
width: 14px;
}
.stay_form_open input[type=checkbox] + label::before {
background: #fff;
border: #005DC1 1px solid;
box-sizing: border-box;
-moz-box-sizing: border-box;
content: "";
display: block;
margin-top: -9px;
position: absolute;
left: 0;
top: 50%;
height: 14px;
width: 14px;
}
.stay_form input[type=checkbox]:checked + label::after {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
content: "";
display: block;
position: absolute;
top: 50%;
}
.stay_form_open input[type=checkbox]:checked + label::after {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
content: "";
display: block;
position: absolute;
top: 50%;
}
.stay_form input[type=checkbox]:checked + label::after {
border-bottom: 2px solid #005DC1;
border-left: 2px solid #005DC1;
left: 3px;
margin-top: -7px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
height: 6px;
width: 9px;
}
.stay_form_open input[type=checkbox]:checked + label::after {
border-bottom: 2px solid #005DC1;
border-left: 2px solid #005DC1;
left: 3px;
margin-top: -7px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
height: 6px;
width: 9px;
}
/*-----------------------------------------------
__header
-----------------------------------------------*/
.flex-box00{
display: flex;
justify-content: space-between;
align-items: center;
}
.top_logo{
padding: 50px 0;
}
.top_logo a, .min750{
display: block;
}
.max750{
display: none;
}
/*-----------------------------------------------
__font-size
-----------------------------------------------*/
.font-size{
background: url(../images/bg_hotel.png);
border-radius: 10px;
text-align: center;
}
.bg-mask{
display: block;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.2);
border-radius: 10px;
padding: 5px 15px;
box-sizing: border-box;
}
.fontchange{
padding: 0 3px;
}
.change-btn{
width: 40px;
text-align: center;
background: #fff;
border: none;
border-radius: 7px;
outline: none;
font-family: '-apple-system','BlinkMacSystemFont',"Helvetica Neue",'YuGothic','Yu Gothic','Verdana','Meiryo',sans-serif;
}
.change-btn:hover{
background: #FFBC3F/*f8c6bd*/;
color: #fff;
}
.active{
background: #FFBC3F/*f8c6bd*/;
color: #fff;
}
/*-----------------------------------------------
__menu
-----------------------------------------------*/
.bg-menu{
background:linear-gradient(180deg,transparent 0%,transparent 50%,#ffffff/*fcf2f2*/ 50%,#fff9e8 100%);
}
.menu{
background: #fff;
border: 2px solid #f8c6bd/*#cd0505#ff8989*/;
border-radius: 10px;
font-size: 1.1em;
}
.inner{
display: flex;
}
.inner-item{
width: calc(100% / 6);
text-align: center;
padding: 15px 0;
position: relative;
}
.inner-item-list{
display: block;
width: 100%;
padding: 11px 0;
border-right: 1px solid #eaeaea;
}
.list-child{
display: none;
width: 100%;
position: absolute;
top: 80px;
/*border: 2px solid #f8c6bd;*/
background: #f8c6bd/*#f8c6bdcd0505*/;
z-index: 99;
padding: 18px 0 5px;
box-shadow: 0 10px 12px 0 rgba(31,18,7,.2);
}
.list-child::before{
content: '\f0d7';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1.35em;
color: #fff;
position: absolute;
top: -10.5px;
left: 50%;
transform: translateX(-50%);
}
.list-child a{
display: block;
padding: 11px 0;
width: calc(100% - 8px);
margin: 0 auto;
color: #000/*cd0505*/;
}
.list-child a:hover{
background: #fff/*#b00101*/;
}
.last-item{
border-right: none;
}
.small{
font-size: 0.8em;
}
.parent{
position: relative;
}
.parent::after{
content: '\f0d7';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1.2em;
color: #ccc;
position: absolute;
bottom: 7px;
left: 50%;
transform: translateX(-50%);
}
.icon-white::after{
content: '\f0d7';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1.2em;
color: #fff;
position: absolute;
bottom: 7px;
left: 50%;
transform: translateX(-50%);
}
/*-----------------------------------------------
__nav-drawer
-----------------------------------------------*/
#nav-drawer{
display: none;
}
/*-----------------------------------------------
__main
-----------------------------------------------*/
/*-----------------------------------------------
__top
-----------------------------------------------*/
.slides .p-absolute{
bottom: 140px;
right: 30px;
}
.slides .s_pa_02{
bottom: 190px;
right: 30px;
}
.slider_text01, .slider_text02, .slider_text03{
color: #000/*#FFB7AA*/;
font-size: 1.6em;
font-weight: bold;
text-shadow:
#fff 1px 1px 10px, #fff -1px 1px 10px,
#fff 1px -1px 10px, #fff -1px -1px 10px;
}
/*__hotel
-----------------------------------------------*/
.hotel{
margin-bottom: 50px;
}
.hotel-link{
background: url(../images/bg_hotel.png) no-repeat;
margin-bottom: 25px;
}
.hotel-link h1{
width: 960px;
margin: 0 auto;
padding-top: 15px;
font-weight: bold;
}
.flex-box{
display: flex;
justify-content: space-between;
width: 960px;
margin: 20px auto 0;
padding-bottom: 20px;
}
.hotel-link li{
width: 470px;
background: #fff;
border-bottom: 1px solid #dddddd;
}
.hotel-link li:hover{
background: #fff9e8;
}
.hotel-link a{
display: block;
padding: calc(33px / 2) 0;
}
.hotel-link a::before{
content: '\f0da';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1.2em;
padding: 0 15px 0 25px;
color: #FFBC3F/*f8c6bd*/;
}
.link-blank::after{
content: url(../images/link-blank.png);
padding-left: 5px;
}
.banner{
width: 1000px;
}
.banner a{
display: block;
width: 100%;
height: 100%;
}
@media screen and (min-width:750px) {
.pc_no {
display:none;
}
}
/*__infomation
-----------------------------------------------*/
.information{
background: #fff;
}
.information-inner{
display: flex;
align-items: center;
width: 1000px;
margin: 0 auto;
}
.information h1{
background: url("../images/bg_hotel.png") no-repeat;
background-position: center;
padding: 20px 30px;
margin-right: 45px;
font-weight: bold;
}
.topics{
margin: 15px 0;
width: calc(100% - 220px);
height: 395px;
overflow-y: scroll;
}
.topics dt{
padding: 20px 40px 20px 0;
float: left;
width: 100px;
}
.topics dd{
margin-right: 120px;
padding: 20px 10px;
}
.topics dd{
/*border-bottom: #fcf2f2 3px solid;*/
border-bottom: #FFBC3F/*#a6d3c8*/ 2px solid;
}
.topics dt::before{
content: '\f111';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: .7em;
color: #FFBC3F/*f8c6bd*/;
padding-right: 10px;
}
/*-----------------------------------------------
__02.about
-----------------------------------------------*/
.text{
line-height: 2.2em;
letter-spacing: 0.1em;
}
.br{
display: block;
margin-top: 1em;
}
/*__business
-----------------------------------------------*/
#business{
padding: 30px 0;
}
.bt{
margin-top: 30px;
text-align: center;
}
.jgy04_1_6{
padding-left: 8.3em;
}
.jgy04_flex .ol03 li{
padding: 0 0.5em 0.5em 30px;
}
.jgy04_flex .ol03 li:before{
top: 0;
}
/*-----------------------------------------------
__communication
-----------------------------------------------*/
#sokuhou{
padding-top: 40px;
}
#asuwokizuku{
padding: 30px 0;
}
/*__slider_com
-----------------------------------------------*/
.main-content {
margin-top: 40px;
position: relative;
.owl-theme {
.custom-nav {
position: absolute;
top: 20%;
left: 0;
right: 0;
.owl-prev, .owl-next {
position: absolute;
height: 100px;
color: inherit;
background: none;
border: none;
z-index: 100;
}
.owl-prev {
left: 0;
}
.owl-next {
right: 0;
}
}
}
}
.owl-carousel img{
width: auto;
height: 170px;
object-fit: cover;
}
.play-button{
z-index: 999;
position: absolute;
bottom: 28px;
left: 0;
}
.play, .stop{
color: #D6D6D6;
}
.play:hover, .stop:hover{
color: #869791;
}
/*-----------------------------------------------
__stay
-----------------------------------------------*/
.box02{
display: inline-block;
text-align: center;
}
.box02 li{
margin-top: 10px;
background: #fff;
}
.box02 a{
display: block;
padding: 10px 12px;
border: 1px dashed #f8c6bd;
border-radius: 10px;
}
.box02 a:hover{
background: #f8c6bd;
}
.box02 li:last-child{
margin-bottom: 7px;
}
/*-----------------------------------------------
__stay_gifu
-----------------------------------------------*/
.contact_tag{
font-size: 0.7em;
width: 36px;
border-radius: 3px;
margin-right: 8px;
display: inline-block;
padding: 0;
text-align: center;
background: #e7eaed;
}
.tag_long{
width: 55px;
}
/*-----------------------------------------------
__download
-----------------------------------------------*/
.d_list {
overflow: hidden;
margin-bottom: 20px;
}
ul.d_menu {
margin: 0 auto;
overflow: hidden;
width: 100%;
}
ul.d_menu li {
float: left;
margin: 0 25px 10px 0;
box-sizing: border-box;
}
ul.d_menu li:last-child{
margin: 0 0 10px;
}
ul.d_menu li a {
border-bottom: 1px dotted #ccc;
padding-bottom: 3px;
}
ul.d_menu li a::before{
font-family: 'Font Awesome 5 Free';
content: '\f0d7';
font-weight: 900;
padding: 0 5px;
color: silver;
}
ul.d_menu li a:hover::before{
font-family: 'Font Awesome 5 Free';
content: '\f0d7';
font-weight: 900;
padding: 0 5px;
color: #FFBC3F;
}
/*-----------------------------------------------
__contact
-----------------------------------------------*/
#contact{
margin-bottom: 50px;
}
.dl03 .last-dt{
border-bottom: none;
}
/*-----------------------------------------------
__sitemap
-----------------------------------------------*/
.under dt{
margin-top: 30px;
}
.under dt::before{
content: '\f111';
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding-right: 5px;
color: #f8c6bd;
}
.under dd{
border-left: 2px solid #dddddd;
padding-left: 15px;
margin-left: .4em;
margin-top: 3px;
}
.under dd li{
padding: 5px 0;
}
/*-----------------------------------------------
__c-label
-----------------------------------------------*/
.res_c-label{
display: none;
}
.c-label{
position: fixed;
right: 0;
bottom: 55px;
z-index: 999;
}
.commu, .stay{
margin-bottom: 15px;
}
#download{
margin-bottom: 15px;
}
#download, .commu, .stay, .business{
width: 190px;
text-align: center;
font-size: 1.2em;
background: #005DC1/*#5EACFF#61d8ff#f8c6bd#fff*/;
border: transparent/*#a6d3c8*/ 3px solid;
border-right: none;
border-radius: 25px 0 0 25px;
box-shadow: 0 0px 12px 1px rgba(31,18,7,.2);
}
#download a, .commu a, .stay a, .business a{
display: block;
padding: 7px 0 7px 28px;
position: relative;
color: #fff;
}
#download a::before{
content: url(../images/download2.png);
height: 23px;
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
}
#download a:hover::before{
content: url(../images/download3.png);
height: 23px;
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
}
.commu a::before{
content: url("../images/cummu2.png");
height: 23px;
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
}
.commu a:hover::before{
content: url("../images/cummu3.png");
height: 23px;
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
}
.stay a::before{
content: url(../images/stay2.png);
height: 23px;
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
}
.stay a:hover::before{
content: url(../images/stay3.png);
height: 23px;
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
}
.business a::before{
content: url("../images/business.png");
height: 23px;
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
}
.business a:hover::before{
content: url("../images/business2.png");
height: 23px;
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
}
#download:hover, .commu:hover, .stay:hover, .business:hover{
background: #fff;
border: #005DC1/*61d8ff#f8c6bd*/ 3px solid;
border-right: none;
border-radius: 25px 0 0 25px;
}
#download a:hover, .commu a:hover, .stay a:hover, .business a:hover{
color: #005DC1/*61d8ff*/;
}
/*-----------------------------------------------
__footer_bar
-----------------------------------------------*/
.footer_bar{
width: 100%;
background: #fff;
border-top: #FFBC3F 1px solid;
border-bottom: #FFBC3F 1px solid;
}
.footer_bar-inner{
width: 1000px;
margin: 0 auto;
display: flex;
}
/*-----------------------------------------------
__breadcrumb
-----------------------------------------------*/
.breadcrumb {
/*background: url("../images/bg_dot4.png") repeat-x;*/
background: #fff;
background-position: center;
padding: 24.5px 20px;
width: 70%;
font-size: 0.9em;
}
.breadcrumb li {
display:inline;/*讓ｪ縺ｫ荳ｦ縺ｶ繧医≧縺ｫ*/
list-style: none;
}
.breadcrumb li:after {/* ?繧定｡ｨ遉ｺ*/
font-family: 'Font Awesome 5 Free';
content: '\f0da';
font-weight: 900;
padding: 0 5px;
color: silver;
}
.breadcrumb li:last-child:after {
content: '';
}
.breadcrumb li a:hover {
text-decoration: underline;
}
/*-----------------------------------------------
__pagetop
-----------------------------------------------*/
#pagetop{
width: 100%;
text-align: center;
padding: 10px 0;
}
.footer_bar-inner #pagetop{
width: 30%;
text-align: center;
padding: 10px 0;
}
#pagetop a{
display: block;
}
.index_top{
border-bottom: #FFBC3F 1px solid;
}
.ul_top{
background: #fff;
/*background: url("../images/bg_hotel.png") repeat-x;*/
background-position: center;
border-right: #FFBC3F 1px solid;
border-left: #FFBC3F 1px solid;
}
.ul_top:hover{
background: #FFBC3F;
}
.bg_white{
text-shadow:
#fff 2px 0px 2px, #fff -2px 0px 2px,
#fff 0px -2px 2px, #fff -2px 0px 2px,
#fff 2px 2px 2px, #fff -2px 2px 2px,
#fff 2px -2px 2px, #fff -2px -2px 2px,
#fff 1px 2px 2px, #fff -1px 2px 2px,
#fff 1px -2px 2px, #fff -1px -2px 2px,
#fff 2px 1px 2px, #fff -2px 1px 2px,
#fff 2px -1px 2px, #fff -2px -1px 2px,
#fff 1px 1px 2px, #fff -1px 1px 2px,
#fff 1px -1px 2px, #fff -1px -1px 2px;
color: #FFBC3F;
}
.page_top{
margin-top: 20px;
text-align: right;
}
.page_top a{
transition: all 0.4s;
background: #FFF1D4;
border-radius: 5px;
padding: 5px 7px;
color: #FFBC3F;
}
.page_top a::before{
content: '\f139';
font-family: "Font Awesome 5 free";
font-weight: 900;
}
.page_top a:hover{
}
.pt_jgy{
margin-top: 30px;
}
/*-----------------------------------------------
__footer
-----------------------------------------------*/
#footer{
background: url("../images/mori.jpg") repeat-x/*cd0505#f8c6bd*/;
/*border-top: #b4ff6c#FFBC3F 2px solid;*/
background-position: center bottom;
padding: 30px 0 0/*25px*/;
box-sizing: border-box;
}
.footer-logo{
margin-bottom: 20px;
}
.footer-inner{
display: flex;
justify-content: space-between;
align-items: flex-end;
width: 1000px;
margin: 0 auto;
/*background: #fff;*/
padding: 50px 30px;
border-radius: 10px 10px 0 0;
box-sizing: border-box;
}
.footer-link{
display: flex;
}
.footer-link li{
width: 210px;
border: #e5e5e5 2px solid;
border-radius: 25px;
background: #fff;
/*border-radius: 5px;*/
text-align: center;
transition: all 0.3s;
}
.footer-link a{
display: block;
padding: 10px 0;
color: #005DC1;
}
.footer-link li:hover{
box-shadow: 0 5px 12px 0 rgba(31,18,7,.2);
transform: translateY(-1px);
border: #005DC1 2px solid;
}
.margin-right{
margin-right: 10px;
}
.margin-bottom{
margin-bottom: 10px;
}
.copyright{
width: 1000px;
/*background: #fff;*/
padding: 20px 30px;
margin: 0 auto;
/*margin-top: 50px;*/
font-size: 0.8em;
text-align: center;
/*border-radius: 0 0 10px 10px;*/
box-sizing: border-box;
}
.dokusya_table{
width: 100%;
}
.dokusya_table td{
box-sizing: border-box;
padding: 0;
}
.dokusya_table td input{
box-sizing: border-box;
width: 100%;
height: 50px;
padding: 5px 10px;
border: none;
font-family: '-apple-system','BlinkMacSystemFont',"Helvetica Neue",'YuGothic','Yu Gothic','Verdana','Meiryo',sans-serif;
}
.dokusya_table td textarea{
box-sizing: border-box;
width: 100%;
height: 100%;
min-height: 180px;
padding: 10px;
border: none;
font-family: '-apple-system','BlinkMacSystemFont',"Helvetica Neue",'YuGothic','Yu Gothic','Verdana','Meiryo',sans-serif;
font-size: 1em;
}
.dokusya_hiroba{
/*border: #FFBC3F 2px solid;*/
border-radius: 10px;
background: #fff;
padding: 30px;
margin-bottom: 50px;
}
.dokusya_hiroba p{
margin: 15px 0 20px;
}
.dokusya_table .red input::placeholder{
color: #FF0000;
}
.hidden_show .dokusya_table{
margin: 0;
}
.hidden_show .dokusya_table th{
border-left: none;
}
.hidden_show .dokusya_table td{
border-right: none;
}
.shozoku_flex tr:last-child th, .shozoku_flex tr:last-child td{
border-bottom: none;
}
.td_hidden{
display: none;
}
/*荳ｭ霄ｫ繧帝撼陦ｨ遉ｺ縺ｫ縺励※縺翫￥*/
.dokusya_hiroba_form .hidden_box .hidden_show {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}
/*繧ｯ繝ｪ繝�け縺ｧ荳ｭ霄ｫ陦ｨ遉ｺ*/
.dokusya_hiroba_form .hidden_box input:checked ~ .hidden_show {
padding: 10px 0 0;
height: auto;
opacity: 1;
}
.dokusya_hiroba_form td input[type=checkbox] {
box-sizing: border-box;
width: 20px;
height: 20px;
margin: 5px;
border: none;
font-family: '-apple-system','BlinkMacSystemFont',"Helvetica Neue",'YuGothic','Yu Gothic','Verdana','Meiryo',sans-serif;
}
.shozoku_flex{
display: flex;
}
.shozoku_flex .box01{
border: none;
border-radius: 0;
padding: 0;
margin-top: 0;
border-right: #000 1px solid;
text-align: center;
}
.shozoku_flex .box01, .shozoku_flex .box02{
width: 50%;
padding-top: 10px;
}
.shozoku_flex .box01 .label, .shozoku_flex .box02 .label{
vertical-align: text-bottom;
}
/*202405_TOP*/
#web_shinsei{
margin:60px auto;
background:#eafbff;
border-top:3px solid #23588c;
border-bottom:3px solid #23588c;
position: relative;
padding: 40px 0 50px 0;
letter-spacing:0.05em;
}
#web_shinsei em{
font-style:normal;
font-weight:bold;
}
#web_shinsei h4{
margin:0;
border:0;
position: absolute;
top:-0.8em;
left: 50%;
transform:translateX(-50%);
line-height:1.2;
padding:0.2em 30px;
background:#23588c;
color:#fff;
border-radius:30px;
text-align: center;
}
#web_shinsei h4 br{
display: none;
}
#web_shinsei dl{
display: flex;
flex-direction: column;
align-items: center;
}
#web_shinsei dt{
position:relative;
text-align: center;
width:100%;
margin-bottom: 20px;
}
#web_shinsei dt::before{
content:"";
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
width:100%;
height:5px;
opacity:0.5;
background-image : linear-gradient(to right, #23588c 4px, transparent 4px);
background-size: 16px 4px;
background-repeat: repeat-x;
background-position: left bottom;
}
#web_shinsei dt em{
position: relative;
z-index:1;
display:table;
margin: 0 auto;
padding:0 20px;
background:#eafbff;
font-size:200%;
font-weight:bold;
color:#23588c;
}
#web_shinsei dt em::before{
content:"";
display:inline-block;
vertical-align: sub;
margin-right: 10px;
width:47px;
height:37px;
background:url(../images/il_web_shinsei.png) no-repeat;
background-size:contain;
}
#web_shinsei dd{
width:100%;
}
#web_shinsei .cl_btn{
display:flex;
justify-content:space-between;
width:100%;
}
.cl_btn__box{
width:31%;
box-sizing:border-box;
}
.cl_btn a{
box-sizing:border-box;
min-height:185px;
display: flex;
flex-direction: column;
border-radius:8px;
box-shadow: 0 5px 0 #0d5a84;
padding:25px 25px 15px 25px;
background:#2590cc;
color:#fff;
transition:all ease .3s;
}
.cl_btn a.close{
background:#C6D1D3 !important;
color:#111 !important;
box-shadow: 0 5px 0 rgba(0,0,0,0.3) !important;
pointer-events: none;
}
.cl_btn a:hover{
transform:translateY(5px);
filter: brightness(0.85) contrast(1.2);
box-shadow: 0 0 rgba(255,255,255,0);
}
.cl_btn a.og:hover{
transform:translateY(5px);
filter: brightness(0.85) contrast(1.2);
box-shadow: 0 0 rgba(255,255,255,0);
}
.cl_btn a.og{
background:#dd5936;
box-shadow: 0 5px 0 #B1482B;
}
.cl_btn a.yl{
background:#e58a28;
box-shadow: 0 5px 0 #b76413;
}
.cl_btn a.yl:hover{
transform:translateY(5px);
filter: brightness(0.85) contrast(1.2);
box-shadow: 0 0 rgba(255,255,255,0);
}
.cl_btn a h5{
display:flex;
justify-content: space-between;
align-items: center;
background:none;
font-weight:bold;
font-size:140%;
letter-spacing:0.1em;
text-shadow:0 2px 0 rgba(0,0,0,0.3);
padding:0;
}
.cl_btn a.close h5{
text-shadow: none !important;
}
.cl_btn a h5::after{
content:"";
width:40px;
height:40px;
background:url(../images/ic_web_shinsei.svg) no-repeat;
background-size:contain;
}
.cl_btn a.close h5::after{
opacity:0.5;
}
.cl_btn a em{
text-align: center;
border-radius:3px;
background:rgba(255,255,255,0.8);
color:#594745;
margin-bottom: 10px;
}
.cl_btn a.close em{
color:#888 !important;
}
.cl_btn a > span{
margin-top:auto;
font-size:80%;
font-weight:bold;
}
.cl_btn a > span span{
display:table;
padding:0 5px;
background:#fff;
color:#23588c;
}
.cl_btn a.close > span span{
background:#111 !important;
color:#fff !important;
}
.cl_btn a.og > span span{
color:#B1482B;
}
.cl_btn a.yl > span span{
color:#b76413;
}
.cl_btn__box small{
display:block;
line-height:1.4;
margin-top:1em;
color:#23588c;
}
.cl_btn__box small span{
text-decoration: underline;
}