@charset"UTF-8";

@media (min-width: 768px){
html {
	font-size: 14px;
}
}
/*すべてのページに適用*/
.logo{
	text-align:right;
}
body{
	margin:0 0 0 0;
}
.wrapper{
	margin: 0 auto 0 auto;
	max-width: 1280px;
}

/*すべてのページに適用*/
.nav li{
	display:inline;
	list-style-type:none;
	padding-right:30px;
}
.nav ul{
	margin: 0 0 0 0 ;
	padding:20px 10px 15px 20px;
	background-image:url(../images/asiatoh50.gif);
	background-repeat: repeat-x;
}
.nav2 li{
	display:inline;
	list-style-type:none;
	padding-right:30px;
}
.nav2 ul{
	margin: 0 0 0 0 ;
	padding:20px 10px 15px 20px;
	background-image:url(../images/asiatoh50.gif);
	background-repeat: repeat-x;
}
.nav2 a{
	background-color:rgba(154, 254, 46, 0.5 );
}
.nav a:link{
	color:#0404B4;
	text-decoration: none;
}
.nav a:visited{
	color:#FF0080;
	text-decoration: none;
}
.nav a:hover{
	color:#FFFF00;
	text-decoration: none;
}
.nav a:active{
	color:#FF00FF;
	text-decoration: none;
}
.nav2 a:link{
	color:#0404B4;
	text-decoration: none;
}
.nav2 a:visited{
	color:#FF0080;
	text-decoration: none;
}
.nav2 a:hover{
	color:#FFFF00;
	text-decoration: none;
}
.nav2 a:active{
	color:#FF00FF;
	text-decoration: none;
}
/*index.html*/

.start {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 280px;
}


.main{
	background-color:rgba(250, 204, 204, 0.5 );
}


.index{
	background-image: url(../images/1476-1107.jpg);
	background-repeat: no-repeat;
}


.mie1{
	
	margin-left:480px;
}
.logo-index {
	margin-left:530px;
}
.indexlogo{
	position: relative;
	display: flex;
	margin: 0 0 0 800px;
}
#botann{
	margin-top: 152px;
	margin-left: -405px;
}

#clickTarget:hover{
	color:#FF0080;
	text-decoration: none;
}
#clickTarget:active{
	color:#FF00FF;
	text-decoration: none;
}

.deguchi-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 18px 8px 10px;
	border: 1.5px solid rgba(220, 100, 130, 0.55);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.75);
	color: #444;
	text-decoration: none;
	font-size: 16px;
	transition: background 0.2s;
}
.deguchi-btn:hover {
	background: rgba(255, 255, 255, 0.95);
}
.deguchi-btn__icon {
	width: 32px;
	height: 32px;
	object-fit: contain;
}
.youkoso{
	font-size:200%
	/*margin-top:200px;
	margin-left: 600px;*/
}
.news{
	font-size: 150%
}
.wrapper{
    min-height: 100vh;
    
     position: relative;/*←相対位置*/
    padding-bottom: 50px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}
.footer{
	position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}
.footer2{
	

	position: absolute;/*←絶対位置*/
	top: 1200px;
}


/*map.html*/

.map {
	background-image: url(../images/yuari-midori.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0;
	padding: 0;
}

.flex {
	display: flex;
}
.mie3 img{
	margin:0 1px 0 1px;
}
.acces{
    background-color:rgba(154, 254, 46, 0.5 );
	}	

.acces ul{
   list-style-image:url(../images/li-asi.gif);
  } 
.acces{
	margin: 15px 0 50px 50px;

}  


/*about.html*/
.wrapper-about{
	margin: 0 auto 0 auto;
	max-width:960px;
	/*display:flex;
	justify-content: space-between;*/
}

.table{
	float: right;
	padding: 0 1em 1em 0;
	margin-top:100px;
	border-collapse: collapse;
}
.table th, .table td {
	border: 1px solid #bbb;
	padding: 6px 12px;
	text-align: left;
	vertical-align: top;
}
.table th {
	background-color: rgba(250, 204, 204, 0.25);
	white-space: nowrap;
}

.studio{
	float:right;
	padding: 0 0 0 0;
	margin:0 0 0 0;
}
.rental{
	float: right;
	padding: 0 1em 1em 0;
	margin-top:100px;
	margin-left: 30px;
	border-collapse: collapse;
}
.rental th, .rental td {
	border: 1px solid #bbb;
	padding: 6px 12px;
	text-align: left;
	vertical-align: top;
}
.rental th {
	background-color: rgba(250, 204, 204, 0.25);
	width: 100px;
	white-space: nowrap;
}


.footer{
	clear:both;
}
.annnai-item2{
	margin: 0 100 0 0;
}
/*map.html*/
.mie3{
	margin: 0 0 0 0 ;
	text-align: right;
}

.googlemap{
	display:flex;
}

.logo-about{
	position:absolute;
	left:0;
}

.mie-litmap{
	position: absolute;
	left:0;
	
}
.mie-litmap{
	display:none;	
}	
/*cat.html*/
.mie-litcat{
	position: absolute;
	left:0;
}



/*rsv.html*/
.rsvmie{
	display: flex;
	margin: 0 0 0 650px;
}


@media (max-width: 767px) {
    /* ─ 全ページ共通 ─ */
    html, body {
        overflow-x: hidden;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    iframe {
        width: 100% !important;
        max-width: 100%;
    }
    .nav ul, .nav2 ul {
        padding: 10px 8px;
    }
    .nav li, .nav2 li {
        padding-right: 10px;
        font-size: 13px;
    }
    .logo {
        text-align: center;
        margin: 0;
    }

    /* ─ index.html ─ */
    .footer {
        color: #fff;
    }
    .indexlogo {
        margin: 0;
        justify-content: center;
        overflow: hidden;
    }
    #botann {
        display: none !important;
    }
    .index {
        background: url(../images/1476-1107.jpg) center/cover no-repeat;
    }
    .youkoso {
        font-size: 120%;
        padding: 10px 16px;
        background: rgba(255, 255, 255, 0.58);
        border-radius: 6px;
        margin: 8px 12px 0;
    }

    /* ─ about.html ─ */
    .wrapper-about {
        padding: 0 16px;
        box-sizing: border-box;
        overflow-x: hidden;
    }
    .footer2 {
        position: static;
        margin-top: 24px;
        padding: 8px 0;
    }
    .logo-about {
        position: absolute;
        left: 0;
    }
    .annnai-block {
        display: block;
    }
    .table {
        float: none;
        margin: 16px auto 0;
        width: 100%;
    }
    .table th, .table td {
        display: block;
        width: 100%;
        text-align: left;
    }
    .studio {
        float: none;
        text-align: center;
    }
    .rental {
        float: none;
        margin: 16px auto 0;
        width: 100%;
    }
    .rental th, .rental td {
        display: block;
        width: 100%;
    }

    /* ─ map.html ─ */
    .flex {
        display: block;
    }
    .flex > p {
        width: 100%;
        overflow: hidden;
    }
    .acces {
        margin: 16px 0 0 0;
        padding: 0 16px 16px;
    }
    .acces ul {
        padding-left: 28px;
    }
    .mie3 {
        text-align: center;
        margin: 0;
    }
    .mie-litmap {
        position: absolute;
        left: 0;
    }

    /* ─ cat.html ─ */
    .mie-litcat {
        position: static;
        text-align: center;
    }
}