@charset "utf-8";
/*■■■■■■■■■■■■■■■■■■■■■■
　　共通設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ CSS初期設定
------------------------------------------*/
* {margin: 0;padding: 0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0;padding: 0; box-sizing: border-box;
}
img {
vertical-align: middle;
margin: 0;
padding: 0;
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th {
text-align: left;
}
th, td {
border: 1px solid #000;
padding: .5em;
}
ol, ul {
list-style: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/*------------------------------------------
■ リンク設定
------------------------------------------*/
a img {
border: none;
}
a {
color: #0066cc;
text-decoration: none;
}
a:hover {
}
a:visited {
color: #993399;
text-decoration: underline;
}
/*------------------------------------------
■ リンク画像のhover半透明化設定
------------------------------------------*/
a:hover img {
}
/*------------------------------------------
■ float対策
------------------------------------------*/
.fcl {
zoom: 100%;
}
.fcl:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
/*------------------------------------------
■ 画像回り込み
------------------------------------------*/
.img_left {
display: block;
margin: 10px auto;
text-align: center;
}
.img_lef {
float: left;margin-right: 5px;margin-bottom: 10px;
}
.img_right {
display: block;
margin: 10px auto;
text-align: center;
}
.img-center {
display: block;
margin: 0 auto;
clear: both;
text-align:center;
}
.center{
text-align:center;

}

/*------------------------------------------
■ テキスト装飾
------------------------------------------*/
.txt_bold {
font-weight: bold;
}
.txt_small {
font-size: 75%;
}
.txt_big {
font-size: 120%;
}
.txt_right {
text-align: right;
}
.txt_red {
color: #DE4E25;
}
.txt_orange {color: #F8BC2F;}

.txt_blue {
color: #0066cc;
}
.txt_keycolor {
color: #f88905;
}
.txt_marker {
background-color: #FFFF00;
}
.txt_underline {
border-bottom: #cccccc 1px dotted;
margin-bottom: 2px;
}

.f18{font-weight:bold;}
.f20{font-weight:bold;}
.f24{font-weight:bold;}
.f28{font-weight:bold; font-size:110%;}
.f38{font-weight:bold;font-size:115%;}
.f40{font-weight:bold;font-size:120%;}
.f48{font-weight:bold;font-size:125%;}

.room_title{
background-color:#f88905;
padding:5px;
margin:5px auto;
font-weight:bold;
color:#fff;
text-align:center;

}


/* ################## Color Document ####################### */

.red {color:#FF0000;}

.bold {font-weight:bold;}

.big {font-size:140%;line-height:150%;}

.yellow {background-color:#FFFF00;}

.u {text-decoration:underline;}

.revocation {text-decoration:line-through;}

.center {text-align:center;}
/*------------------------------------------
■ PC・スマホ切り替え用
------------------------------------------*/
.pc_none {
}
.sp_none {
display: none!important;
}
.size_s {
width: 120px;
}
.size_m {
width: 180px;
}
.size_l {
width: 220px;
}
.max_w {
max-width: 100%;
}

/*■■■■■■■■■■■■■■■■■■■■■■
　　各コンテンツ　【　基本設定　】
■■■■■■■■■■■■■■■■■■■■■■*/
/*------------------------------------------
■ メイン設定
------------------------------------------*/
body {
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
background-color:#fff;
color: #000;
font-size:14px;
font-weight: 500;
padding: 0 5px;
background: url(../img/top_bg.jpg) no-repeat 0 top transparent fixed;
background-size: cover;
}
#wrap {
/*スマホメニュー初期は一様の余白調整
position: relative;
top: 50px;
*/
}
#wrap {
    margin: 0 auto;
}

main {
    /* padding: 20px 10px ;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    background-color: #fff; */
}

/*------------------------------------------
■　box
------------------------------------------*/
.box {
margin: 0px auto;
clear: both;
}

.box_bg {
background: url("../img/bg01.gif") repeat scroll center 0 transparent;
border-radius: 0;
margin: 10px auto;
padding: 15px;
}

.box_border {
background-color: #ffffff;
border:1px solid #836a2c;
margin: 10px auto;
padding: 15px;
}

.box_01 {
background: #ffffff url("../img/box_01.jpg") no-repeat scroll center 0;
border: 1px solid #9b9878;
border-radius: 5px;
margin: 10px auto;
padding: 5px 15px;
}

/*------------------------------------------
■　box_a
------------------------------------------*/
.box_a{
background: #ffffff none repeat scroll 0 0;
border: 1px solid #cccccc;
border-radius: 5px;
padding: 10px;
}
.box_a_in{}
.box_a_bottom{}


/*------------------------------------------
■ h1
------------------------------------------*/
h1 {
color: #FFFFFF;
display: block;
font-size: 10px;
margin: 0 auto;
padding: 0;
}
.h1_txt {
display: block;
margin: 0;
padding: 5px 10px;
font-size: 9px;
}
/*------------------------------------------
■ ヘッダーエリア
------------------------------------------*/
header {
    /* background: url(../img/top_bg.jpg) no-repeat 0 0 transparent;
    background-size: cover;  */
}


/*------------------------------------------
■TOP
------------------------------------------*/




/*------------------------------------------
■ フッター
------------------------------------------*/
footer {
    margin: 1rem auto;
    background-color: #000;
}
footer p {
    font-size: 10px;
    line-height: 2;
    color: #fff;
    margin: 0;
    padding: 1rem
}


.text p,
.box_a p {
    line-height: 1.4em;
    margin: 10px 0;
}

h2 {}
h2.title_a {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
    line-height: 1.5;
}
h2.title_b {
    font-size: 20px;
    font-weight: bold;
    margin: 50px 0;
    line-height: 1.5;
}


.img-responsive {
    width: 100%;
    display: block;
}
.text img {
    margin: 1rem auto;
}

.video iframe {
    width: 100%;
    height: auto;;
}

.img-btn {
    padding: 10px 0 20px;
    width: 80%;
}
#content02 {
    margin: 0;
    padding: 5px;
    border: 5px double #c1272d;
}
.box_bl {
    box-sizing: border-box;
    border: 5px solid #033D68;
    margin: 10px auto;
padding: 10px 5px;
width: 100%;

}
.box_bl h3 {
padding: 10px 0;
}

.pr_area {
    background: url(../img/pr_bg.jpg) repeat 0 0 transparent;
padding-bottom: 10px;
}
.pr_inner {
    background-color: antiquewhite;
    margin: 5px;
    padding: 5px;
    border: 1px solid #000
}
.img-border {
    border: 3px solid #fff;
    box-sizing: border-box;
}

#content04 .img-btn {
padding:0;
margin: 0 auto;
}

.txt_copy {
    font-size: 24px!important;
}

.text .img-prof {
    width: 40%;
    float: right;
}

#head {
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    padding: 3px 0 1px;
}
.countdown {
    color: #FF0000;
    display: inline-block;
}
.fl_btn {
    position: relative;
    margin-bottom: 50px;
}
.fl_btn a {
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
        width: 100%;
    margin: 0 auto;
}
.fl_btn a:hover {
    opacity: 1;
}
.container {
    padding: 0!important;
}
#reserve table td {
    padding: 5px;
    font-size: 12px;
        min-width: 13rem;
}

#reserve .submit {
    width: 80%;
}
.txt_center {
    text-align: center;
}