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

/*base*/
body {
    color: #333333;
    margin: 0;
    padding: 0;
    font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;    font-weight: normal;
    font-size: 13px;
    line-height: 1.7;
    min-width: 1000px;
	-webkit-text-size-adjust: 100%;
}
a:link img {
    text-decoration: none;
    border: none 0px;
}
a:visited img {
    text-decoration: none;
    border: none 0px;
}
button {
    text-decoration: none;
    border: none;
    background: none;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
button:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
}
li {
    list-style-type: none;
}
img {
    vertical-align: bottom;
}
/*settings about link*/

a {
    color: #000000;
    text-decoration: none;
}
a:hover {
    color: #00B18F;
    text-decoration: underline;
}
#header a {
    color: #000000;
    text-decoration: none;
}
#header a:hover {
    color: #000000;
    text-decoration: underline;
}
#footer a:link {
    color: #000000;
    text-decoration: none;
}
#footer a:visited {
    color: #000000;
    text-decoration: none;
}
#footer a:hover {
    color: #000000;
    text-decoration: underline;
}
#footer a:active {
    color: #000000;
    text-decoration: none;
}
/*setting about page default*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
.floatclear {
    clear: both;
}
ul {
    list-style-type: none;
}
ul li {
    list-style-type: none;
}
li img {
    vertical-align: bottom;
}
.rela {
    position: relative;
}
button {
    cursor: pointer;
}
.left {
    float: left;
}
.right {
    float: right;
}
.of_h {
    overflow: hidden;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.t_center {
    text-align: center;
}
.t_left {
    text-align: left;
}
.t_right {
    text-align: right !important;
}
.justify {
    text-align: justify;
    text-justify: inter-ideograph;
}
.img_left {
	padding: 5px 25px 10px 0;
	float: left;
}
.img_right {
	padding: 5px 0 10px 25px;
	float: right;
}
.img_left01 {
	padding: 5px 150px 0px 5px;
	float: left;
}
.img_right01 {
	padding: 5px 150px 0px 5px;
	float: right;
}
/* settings about color */
.style01 {
    color: #44C0AC;
    font-weight: bold;
}

/*smoothing action*/
.fade05 {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.fade03 {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
/*opacity*/
a.imgHover00:hover img {
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )";
    opacity: 0;
}
a.imgHover01:hover img {
    -moz-opacity: 0.1;
    filter: alpha(opacity=10);
    -ms-filter: "alpha( opacity=10 )";
    opacity: 0.1;
}
a.imgHover02:hover img {
    -moz-opacity: 0.2;
    filter: alpha(opacity=20);
    -ms-filter: "alpha( opacity=20 )";
    opacity: 0.2;
}
a.imgHover03:hover img {
    -moz-opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: "alpha( opacity=30 )";
    opacity: 0.3;
}
a.imgHover04:hover img {
    -moz-opacity: 0.4;
    filter: alpha(opacity=40);
    -ms-filter: "alpha( opacity=40 )";
    opacity: 0.4;
}
a.imgHover05:hover img {
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
    opacity: 0.5;
}
a.imgHover06:hover img {
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    opacity: 0.6;
    ;
}
a.imgHover07:hover img {
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    opacity: 0.7;
}
a.imgHover08:hover img {
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    opacity: 0.8;
    ;
}
a.imgHover09:hover img {
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha( opacity=90 )";
    opacity: 0.9;
}
/* adjust padding or margin */

/*padding right*/
.pd_r05{padding-right: 5px;}.pd_r10{padding-right: 10px;}.pd_r15{padding-right: 15px;}.pd_r20{padding-right: 20px;}.pd_r25{padding-right: 25px;}.pd_r30{padding-right: 30px;}.pd_r35{padding-right: 35px;}.pd_r40{padding-right: 40px;}.pd_r45{padding-right: 45px;}.pd_r50{padding-right: 50px;}
/*padding left*/
.pd_l2{padding-left: 2px;}.pd_l3{padding-left: 3px;}.pd_l4{padding-left: 4px;}.pd_l05{padding-left: 5px;}.pd_l10{padding-left: 10px;}.pd_l15{padding-left: 15px;}.pd_l20{padding-left: 20px;}.pd_l25{padding-left: 25px;}.pd_l30{padding-left: 30px;}.pd_l35{padding-left: 35px;}.pd_l40{padding-left: 40px;}.pd_l45{padding-left: 45px;}.pd_l50{padding-left: 50px;}
/*padding top*/
.pd_t05{padding-top: 5px;}.pd_t10{padding-top: 10px;}.pd_t15{padding-top: 15px;}.pd_t20{padding-top: 20px;}.pd_t25{padding-top: 25px;}.pd_t30{padding-top: 30px;}.pd_t35{padding-top: 35px;}.pd_t40{padding-top: 40px;}.pd_t45{padding-top: 45px;}.pd_t50{padding-top: 50px;}
/*padding bottom*/
.pd_b05{padding-bottom: 5px;}.pd_b10{padding-bottom: 10px;}.pd_b15{padding-bottom: 15px;}.pd_b20{padding-bottom: 20px;}.pd_b25{padding-bottom: 25px;}.pd_b30{padding-bottom: 30px;}.pd_b35{padding-bottom: 35px;}.pd_b40{padding-bottom: 40px;}.pd_b45{padding-bottom: 45px;}.pd_b50{padding-bottom: 50px;}
/* adjust box width % */
.box01 {width:1%;}.box02 {width:2%;}.box03 {width:3%;}.box04 {width:4%;}.box05 {width:5%;}.box06 {width:6%;}.box07 {width:7%;}.box08 {width:8%;}.box09 {width:9%;}.box10 {width:10%;}.box11 {width:11%;}.box12 {width:12%;}.box13 {width:13%;}.box14 {width:14%;}.box15 {width:15%;}.box16 {width:16%;}.box17 {width:17%;}.box18 {width:18%;}.box19 {width:19%;}.box20 {width:20%;}.box21 {width:21%;}.box22 {width:22%;}.box23 {width:23%;}.box24 {width:24%;}.box25 {width:25%;}.box26 {width:26%;}.box27 {width:27%;}.box28 {width:28%;}.box29 {width:29%;}.box30 {width:30%;}.box31 {width:31%;}.box32 {width:32%;}.box33 {width:33%;}.box34 {width:34%;}.box35 {width:35%;}.box36 {width:36%;}.box37 {width:37%;}.box38 {width:38%;}.box39 {width:39%;}.box40 {width:40%;}.box41 {width:41%;}.box42 {width:42%;}.box43 {width:43%;}.box44 {width:44%;}.box45 {width:45%;}.box46 {width:46%;}.box47 {width:47%;}.box48 {width:48%;}.box49 {width:49%;}.box50 {width:50%;}.box51 {width:51%;}.box52 {width:52%;}.box53 {width:53%;}.box54 {width:54%;}.box55 {width:55%;}.box56 {width:56%;}.box57 {width:57%;}.box58 {width:58%;}.box59 {width:59%;}.box60 {width:60%;}.box61 {width:61%;}.box62 {width:62%;}.box63 {width:63%;}.box64 {width:64%;}.box65 {width:65%;}.box66 {width:66%;}.box67 {width:67%;}.box68 {width:68%;}.box69 {width:69%;}.box70 {width:70%;}.box71 {width:71%;}.box72 {width:72%;}.box73 {width:73%;}.box74 {width:74%;}.box75 {width:75%;}.box76 {width:76%;}.box77 {width:77%;}.box78 {width:78%;}.box79 {width:79%;}.box80 {width:80%;}.box81 {width:81%;}.box82 {width:82%;}.box83 {width:83%;}.box84 {width:84%;}.box85 {width:85%;}.box86 {width:86%;}.box87 {width:87%;}.box88 {width:88%;}.box89 {width:89%;}.box90 {width:90%;}.box91 {width:91%;}.box92 {width:92%;}.box93 {width:93%;}.box94 {width:94%;}.box95 {width:95%;}.box96 {width:96%;}.box97 {width:97%;}.box98 {width:98%;}.box99 {width:99%;}.box100 {width:100%;}
/* font color settings */



/* end global settings ------------------------------------------------------------------------ */

/*----------------------- header -----------------------*/
#header_top {
	background-color: #52BFAC;
	width: 100%;
	height: 4px;
}
#header_out {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 47px;
}
#header_logo {
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: -110px;
}
#header {
	padding-top: 22px;
	padding-bottom: 38px;
}
#header ul {
	overflow: hidden;
}
#header ul li{
	float: left;
}
#header h1{
	font-size: 13px;
	color: #723F2D;
	padding-top:10px;
	padding-left: 12px;
}
#header_h1 {
	letter-spacing: -0.03em;
}
#header_tel {
	padding-left: 165px;
}
#header_reseave{
	width: 180px;
	text-align: center;
}
#header_reseave a{
	padding: 0 2px;
}
/*----------------------- navigation -----------------------*/
#header_gnav {
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
}
#header_gnav li {
	float: left;
	height: 38px;
}
#gnav01 {
	background: url(../img/base/gnav01_on.png);
	width: 146px;
}
#gnav02 {
	background: url(../img/base/gnav02_on.png) no-repeat;
	width: 209px;
	padding-right: 271px;
}
#gnav03 {
	background: url(../img/base/gnav03_on.png);
	width: 170px;
}
#gnav04 {
	background: url(../img/base/gnav04_on.png);
	width: 184px;
}
.g_on img{
	visibility: hidden;
}
#header_gnav a:hover img{
	visibility: hidden;
}
#header_gnav li a {
	display: block;
	height: 38px;
}

/*----------------------- contact_box -----------------------*/
#contact_box {
	background: url(../img/base/bg_contact.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
}
#contact_box_in {
	width: 1000px;
	margin: 0 auto;
}
#contact_box_in ul {
	overflow: hidden;
}
#contact_box_in ul li{
	float: left;
}

/*----------------------- footer -----------------------*/
#footer {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 30px;
	position: relative;
}
#footer_left {
	float: left;
	width: 444px;
	margin-right: 70px;
}
address {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #51BFAC;
	line-height: 25px;
	margin: 0 auto;
	text-align: left;
	padding-left: 10px;
}
#footer_right {
	float: right;
	width: 486px;
	margin-top: 44px;
}
#footer_right ul{
	float: left;
}
#footer_right ul li{
	background: url(../img/base/footer_list.png) no-repeat left 5px;
	padding-left: 20px;
	padding-bottom: 3px;
}
#footer_list01 {
	width: 115px;
}
#footer_list02 {
	width: 108px;
}
#footer_list03 {
	width: 109px;
}
#footer_list04 {
	width: 150px;
}

#footer .fix {
	position: fixed;
    top: auto;
	right: 0;
	bottom: 0;
	z-index: 1000;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

#footer .fix img {
    width: 100%;
    height: auto;
}

#footer .fix .fixBtnChat {
    width: 320px;
    margin-top: 150px;
}

#footer .fix .fixBtnReserve {
    width: 320px;
}

.reserve_more {
	width: auto;
	margin: 220px auto 0;
	position: relative;
	display: none;
}

.reserve_more .list {
    width: 334px;
    margin: 0 auto;
}

.reserve_more  .list li {
    margin-top: 10px;
}

/* .reserve_more  .list li:nth-child(1) a {
    pointer-events: none;
} */

.reserve_more  .list li:nth-child(n+2) {
    margin-top: 20px;
}

.reserve_more .reserve_btn01 img {
	width: 100%;
	height: auto;
}

.featherlight .featherlight-close-icon {
	font-size: 35px;
	color: #000;
	top: 20px;
	right: 20px;
}

.featherlight-content {
    width: 400px;
    height: 398px;
    background: url(../img/base/bg_reserve.png) no-repeat!important;
    overflow: visible!important;
}

.featherlight .featherlight-close-icon {
    width: 40px!important;
    height: 40px!important;
    position: relative;
    top: -18px!important;
    right: -19px!important;
    background: none!important;
    color: transparent!important;
}

.featherlight .featherlight-close-icon:before {
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    background: url(../img/base/popup_close.png) no-repeat!important;
    background-size: cover!important;
    position: absolute;
    top: 0;
    right: 0;
}

.reserve_more {
    
}

/*----------------------- scroll up -----------------------*/
#scrollUp {
	bottom: 0px;
	right: 15.15555555%;
	height: 99px;  /* Height of image */
	width: 33px; /* Width of image */
	background: url(../img/base/pagetop.png) no-repeat;
	margin-right: -160px;
}

