@charset "utf-8";
/*============================================

sp_style.css

============================================*/

@media screen and (max-width:999px){
.onlyPCheader {
  display: none !important;
}
/*:::::::::::::::::::::::::::::::::::::::

header

:::::::::::::::::::::::::::::::::::::::*/
header {
    margin-bottom: 0;
    height: 60px;
    width: 100%;
    position:fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #fff;
}
header .wrapper {
     padding-top: 0;
}
header .wrapper .logo {
     float: none;
     padding: 15px 0 15px 20px;
     height: 60px;
     width: 100%;
     text-align: center;
  box-sizing: border-box;
}
header .wrapper .logo img {
     width: auto;
     height: 100%;
}
header .wrapper nav {
     float: none;
     padding: 0;
}
header .wrapper .lang{
    height: 20px;
    line-height: 20px;
    margin-right: 20px;
    float: right;
    top: 10px;
    position: absolute;
    right: 60px;
    font-size: 10px;
}
header .wrapper .lang div a{
	color:#fff;
}
header .wrapper .lang hr{
	margin: 0;
}

header .wrapper .yoyaku_btn{
  border: 1px #d2b071 solid;
    height: 35px;
    line-height: 20px;
    float: right;
    top: 12px;
    position: absolute;
    right: 10px;
    padding: 8px;
    font-size: 10px;
}
header .wrapper .yoyaku_btn div a{
	text-decoration: none;
    color: #d2b071;
}



/*---------------------------------
メガメニュー
---------------------------------*/
header .sp_btn{
	background:#000;
	display:block;
	padding:10px 17.5px 4px;
	position:fixed;
	top:0;
	left:0;
     z-index: 99;
}
header .sp_btn p,
header .sp_btn span {
	display: inline-block;
	transition: all .4s;
}
header .sp_btn p {
	position: relative;
	width:25px;
	height:37px;
}
header .sp_btn span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	border-radius: 4px;
}
header .sp_btn span:nth-of-type(1) {
	top: 35%;
}
header .sp_btn span:nth-of-type(2) {
	top: 50%;
}
header .sp_btn span:nth-of-type(3) {
	bottom: 26%;
}

/* ボタン閉じる動き（エフェクト対応） */
header .sp_btn.active span:nth-of-type(1) {
	-webkit-transform: translateY(7px) rotate(-45deg);
	transform: translateY(7px) rotate(-45deg);
}
header .sp_btn.active span:nth-of-type(2) {
	opacity: 0;
}
header .sp_btn.active span:nth-of-type(3) {
	-webkit-transform: translateY(-5px) rotate(45deg);
	transform: translateY(-5px) rotate(45deg);
}

/* 中身 */
header .nav_inner{
	display: none;
	position:fixed;
	z-index:10;
	top: 60px;
	right:0;
	width:100%;
	height: 92vh;
	overflow: auto;
	padding: 25px 15px;
	color: #fff;
	background-color: rgba(0,0,0,0.6);
}
header .nav_inner .left:after,
header .nav_inner .right:after{
  content: "";
  display: block;
  clear: both;
}
header .nav_inner .menuWrap{
  margin-bottom: 20px;
  float: left;
  width: 33.3%;
}
header .nav_inner .title{
    font-size: 17px;
    padding: 10px 0;
}
header .nav_inner .content{
    font-size: 12px;
}
header .nav_inner img{
	width:auto;
}
header .nav_inner a{
	text-decoration:none;
	color:#fff;
}
header .spnav .nav_inner ul {
     /* color: #fff; */
     /* background:#005cac; */
}
header .spnav .nav_inner ul li{
     white-space: nowrap;
}
header .spnav .nav_inner ul li .more,
header .spnav .nav_inner ul li p a{
     width: 100%;
     position: relative;
     padding: 20px;
     border-bottom: 1px solid #2172b9;
     font-size: 15px;
     display: block;
     color: #fff;
}
header .spnav .nav_inner ul li .more:before {
     position: absolute;
     top: 23px;
	right: 20px;
	width: 20px;
	height: 1px;
	background-color: #fff;
	border-radius: 4px;
     display: inline-block;
	transition: all .4s;
     content: "";
     -webkit-transform: translateY(10px) rotate(90deg);
	transform: translateY(10px) rotate(90deg);
}
header .spnav .nav_inner ul li .more.open:before {
     content:normal;
}
header .spnav .nav_inner ul li .more:after {
     position: absolute;
	right: 20px;
     top: 50%;
     margin-top: -10px;
	width: 20px;
	height: 1px;
	background-color: #fff;
	border-radius: 4px;
     display: inline-block;
	transition: all .4s;
     content: "";
     -webkit-transform: translateY(10px) rotate(0deg);
	transform: translateY(10px) rotate(0deg);
}
header .spnav .nav_inner ul li ul {
     display: none;
}
header .spnav .nav_inner ul li ul li {
     border-bottom: 1px solid #2172b9;
     font-weight: 400;
     font-size: 13px;
}
header .spnav .nav_inner ul li ul li a {
     color: #fff;
     display: block;
     padding: 10px 20px;
}
header .spnav .nav_inner .contact {
     background: #fff;
     padding: 20px 0;
}
header .spnav .nav_inner .contact a {
     display: block;
     width: 80%;
     margin: 0 auto;;
     border-radius: 45px;
     text-align: center;
     background: #fff000;
     padding: 15px;
     font-size: 15px;
}
header .spnav .nav_inner .contact a:before{
     content: url("http://hotel-koo.com/common_f/image/common/icon01.gif");
     margin-right: 10px;
}
}

@media screen and (max-width:768px){
  header .nav_inner .left{
      width:50%;
      float:left;
      margin-bottom: 10px;
  }
  header .nav_inner .right{
      width:43%;
      float:right;
  }
  header .nav_inner .menuWrap{
    margin-bottom: 0;
    float: none;
    width: auto;
  }
}

@media screen and (max-width:768px){
#content{
	margin-top: 60px;
}
#content .mv{
	position: relative;
}
#content .mv #scroll{
	position: absolute;
	bottom: 5%;
	width: 100%;
	text-align: center;
}
#content .mv #scroll a{
    /* padding-top: 60px; */
    /* position: absolute; */
    /* bottom: 35px; */
    left: 50%;
    z-index: 2;
    /* display: inline-block; */
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-decoration: none;
    color: #FFF;
    margin-left: -25px;
    z-index: 9999;
    font-size: 20px;
}
#content .mv #scroll a .scroll_img{
	
}
#content .mv #scroll a .scroll_img img{
	width: 60px;
}
#content .mv #scroll a .scroll_title{
	font-size: 16px;
	margin-top: 15px;
}
/*:::::::::::::::::::::::::::::::::::::::

footer

:::::::::::::::::::::::::::::::::::::::*/
footer {
	background: #000000;
	color: #fff;
	position: relative;
}
footer .inner{
	padding: 30px 5% 30px;
}
footer a:link{
	color: #fff !important;
}
footer a{
	color: #fff !important;
}
footer .inner{
	position: relative;
}
footer #page_top {
	transition:inherit;
	width: 58px;
	height: 58px;
	display: block;
	z-index: 5;
	position: fixed;
}
footer #page_top a img {
	width: auto;
}
footer .inner .foot_menu{
	display: flex;
}
footer .inner .foot_menu .manu_block {
	width: 16.6%;
	float: left;
}
footer .inner .foot_menu .manu_block .title{
	font-size: 26px;
}
footer .inner .foot_menu .manu_block .menu_list{
	margin-top: 20px;
}
footer .inner .foot_menu3{
	margin-top: 0;
  display: block;
}
footer .inner .foot_menu3 .f_logo{
  margin: 0 auto 20px;
	width: 200px;
  line-height: 1;
}
footer .inner .foot_menu3 .f_info{
  display: block;
	width: 100%;
}
footer .inner .foot_menu3 .address{
  margin-bottom: 20px;
  display: block;
  width: 100%;
  text-align: center;
}
footer .inner .address .add_word{
    background: url("../image/common/icon_pin.png") no-repeat 0;
    background-size: 14px;
    display: inline-block;
    padding-left: 20px;
    margin-right:10px;
}
footer .inner .address .tel_word{
  margin-left: 0;
    background: url("../image/common/tel_pin.png") no-repeat 0 top;
    background-size: 20px;
    display: inline-block;
    padding-left: 20px;
}
footer .inner .foot_menu3 .f_sns{
  margin: 0 0 20px;
  justify-content: center;
	width: 100%;
}
footer .inner .foot_menu3 .f_sns .left{
  width: 40px;
  line-height: 0;
}
footer .inner .foot_menu3 .f_sns .right{
  margin-left: 10px;
  width: 40px;
  line-height: 0;
}
footer .inner .foot_menu3 .good {
  margin: 0 auto 20px;
  width: 136px;
}
footer .inner .foot_menu3 .good img{
  width: 100%;
}
footer .inner .foot_menu3 .translation{
  margin-left: 0;
  display: block;
	width: 100%;
  text-align: center;
}
footer .inner .foot_menu3 .translation img{
  width: auto;
}















footer .address2 {
    font-size: 14px;
    padding: 30px 3% 30px;
  align-items: center;
    text-decoration: underline;
}
footer .address2 div {
    padding: 10px;
}
footer .copy {
    text-align: center;
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    padding: 25px 0;
}
footer .copy .tani{
	margin-left: 0;
	text-decoration: underline;
}
footer .copy .left {
    width: 100%;
}
footer .copy .right {
    width: 100%;
}
footer .foot_yoyaku {
    background-color: #00CCCC;
    color:#000;
    padding: 10px 0;
    text-align:center;
}
footer .foot_yoyaku a{
    color: #000 !important;
    text-decoration: none;
}
footer .foot_yoyaku .title2 {
    font-size: 22px;
    margin: 5px 0;
}
footer .address2 div.link1 a img {
    width: 80%;
}
footer .address2 div.link2 a img {
    width: 80%;
}
footer .address2 div.link3 a img {
    width: 70%;
}

/*:::::::::::::::::::::::::::::::::::::::

map infowindow

:::::::::::::::::::::::::::::::::::::::*/

#content .content .gmaps {
    margin-top: 20px;
  height: 300px;
}
.mapCB {
  padding: 0;
  font-size: 13px;
}
.mapCB .photo {
  margin-bottom: 5px;
}
.mapCB .name {
  font-size: 18px;
}
.mapCB .description {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.mapCB .address {
}
.mapCB .link {
  margin: 5px 0 0;
}


}

/* solid012 */
.button_solid012 {
    margin-top: -20px !important;
    margin-bottom: 40px !important;
}

.button_solid012 a {
    background: #6bb6ff;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 10px 25px;
    color: #003067;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    border: 2px solid #000;
    z-index: 1;
    border-radius: 5px;
}
.button_solid012 a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #6bb6ff;
    z-index: -1;
    border: 2px solid #000;
    border-radius: 5px;
}
.button_solid012 a:after {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translate3d(0,0.40rem,-1rem);
    transform: translate3d(0,0.40rem,-1rem);
    border: 2px solid #000;
    border-radius: inherit;
    background: #2b7fde;
    -webkit-box-shadow: 0 0.6rem 0 0 rgb(0 0 0 / 20%);
    box-shadow: 0 0.4rem 0 0 rgb(0 0 0 / 20%);
    z-index: -2;
}
.button_solid012 a i {
    position: absolute;
    right: 9px;
}
.button_solid012 a:hover {
    transform: translate3d(0,0.2rem,-1rem);
}
.button_solid012 a:hover:after {
    transform: translate3d(0,0.2rem,-1rem);
    box-shadow: 0 0.2rem 0 0 rgb(0 0 0 / 20%);
}