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

/*--------------------------------------------
	おごと温泉の泉質と由来
--------------------------------------------*/
#ogoto
#ogoto02,
#ogoto03{
	display:table;
	width:100%;
	margin-bottom:50px;
}
#ogoto_left,
#ogoto_left02,
#ogoto_left03,
#ogoto_right,
#ogoto_right02,
#ogoto_right03{
	display:table-cell;
	vertical-align:top;
}
#ogoto_left,
#ogoto_left02,
#ogoto_left03{
	width:520px;
	padding-right:50px;
	box-sizing:border-box;
}
#ogoto_left h3,
#ogoto_left02 h3,
#ogoto_left03 h3{
	font-size: 20px;
	font-weight: normal;
	border-bottom: 2px solid #464646;
	margin: 30px 0 20px;
	padding-bottom:5px;
}
#ogoto_left p,
#ogoto_left02 p,
#ogoto_left03 p{
	line-height:1.5em;
	margin-bottom:2em;
}
#ogoto_history{
	margin-top:50px;
}
#ogoto_right,
#ogoto_right02,
#ogoto_right03{
	width:600px;
}
#ogoto_right table{
	margin:50px 0 20px;
	border-collapse:collapse;
	width:100%;
}
#ogoto_right th,
#ogoto_right td{
	border:1px solid #999;
	padding:10px;
	text-align:left;
	vertical-align:middle;
	line-height:1.3em;
}
#ogoto_right th{
	width:120px;
}
#ogoto_right td img{
	vertical-align:middle;
	padding-right:10px;
}

#ogoto_right02 ul{
	margin:0;
	padding:50px 0 0 0;
}
#ogoto_right li,
#ogoto_right02 li{
	float:left;
}
#ogoto_right li img,
#ogoto_right02 li img{
	width:190px;
	height:auto;
	margin:4px 0 4px 8px;
}
@media screen and (max-width: 780px){
#page_main{
	width:100%;
}
#page_main img{
	width:100%;
	height:auto;
}
#ogoto
#ogoto02,
#ogoto03{
	display:block;
}
#ogoto{
	width:95%;
	margin:0 auto;
}
#ogoto_left,
#ogoto_left02,
#ogoto_left03,
#ogoto_right,
#ogoto_right02,
#ogoto_right03{
	display:block;
}
#ogoto_left,
#ogoto_left02,
#ogoto_left03{
	width:100%;
	padding-right:0;
}
#ogoto_right,
#ogoto_right02,
#ogoto_right03{
	width:100%;
}
#ogoto_right table{
	margin:20px 0;
}
#ogoto_right th{
	width:20%;
	text-align:center;
}
#ogoto_right li,
#ogoto_right02 li{
	float:left;
	width:48%;
	margin:1%;
}
#ogoto_right li img,
#ogoto_right02 li img{
	width:100%;
	height:auto;
	margin:0;
}

}
/*--------------------------------------------
	比叡山とおごと温泉
--------------------------------------------*/
#hieizan{
	display:table;
	width:100%;
	margin-bottom:50px;
}
#hieizan_left,
#hieizan_right{
	display:table-cell;
	vertical-align:top;
}
#hieizan_left{
	width:580px;
	padding-right:50px;
}
#hieizan_left h3{
	font-size: 20px;
	font-weight: normal;
	border-bottom: 2px solid #464646;
	margin: 30px 0 20px;
	padding-bottom:5px;
}
#hieizan_left p,
#hieizan_right p{
	line-height:1.5em;
	margin-bottom:2em;
}
#hieizan_rign_img{
	margin:30px 0;
}
#hieizan_column{
	background:#eee;
	border-radius:8px;
	padding:30px 30px 10px 30px;
	margin-bottom:20px;
}
#hieizan_column h4{
	font-size:18px;
	margin-bottom:20px;
	text-align:center;
}
#hieizan_left li{
	float:left;
}
#hieizan_left li img{
	width:168px;
	height:auto;
	margin:3px 8px 3px 0;
}
@media screen and (max-width: 780px){
#hieizan{
	display:block;
	width:95%;
	margin:30px auto;
}
#hieizan_left,
#hieizan_right{
	display:block;
	width:100%;
}
#hieizan_left{
	padding-right:0;
}
#hieizan_rign_img{
	width:100%;
}
#hieizan_rign_img img{
	width:100%;
	height:auto;
}
#hieizan_rign_img{
	width:100%;
	margin:30px 0;
}
#hieizan_rign_img img{
	width:100%;
	height:auto;
}
#hieizan_left li{
	float:left;
	width:48%;
	margin:1%;
}
#hieizan_left li img{
	width:100%;
	height:auto;
	margin:0;
}
#hieizan_column h4{
	line-height:1.5em;
}
}


/*--------------------------------------------
	旅館・ホテル一覧
--------------------------------------------*/
.accomimg{
	width: 100%;
}
.accomimg img{
	width: 100%;
	height: auto;
}
#accom p{
	margin:30px 0;
	line-height:1.5em;
}
#accom table{
	width:100%;
	border-collapse:collapse;
	margin:20px 0;
	text-align:center;
}
#accom th,
#accom td{
	border:1px solid #999;
	padding:10px;
	vertical-align:middle;
}
#accom td{
	letter-spacing:0;
}
#accom td h3{
	font-size:16px;
	border:none;
	padding:0;
	line-height:1.4em;
	margin:5px 0;
}
#accom th#accom_img{
	width:225px;
}
#accom th#accom_img img{
	width:100%;
	height:auto;
}
#accom th#accom_spa{
	width:180px;
}
#accom th#accom_room{
	width:170px;
}
#accom th#accom_other{
	width:150px;
}
#accom th#accom_comment{
	width:400px;
}
#accom td p{
	text-align:left;
}
#accom td p{
	margin:7px 0;
	line-height:1.3em;
}

.booking{
	display:table;
	width:380px;
	margin:0 auto;
}
.book_a,
.book_b{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:170px;
	padding:5px;
}
.booking a{
	display:block;
	border-radius:8px;
	padding:8px 13px;
	box-shadow: #666 0px 2px 2px;
	background: #666666;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#666666), to(#464646));
	color:#fff;
	text-decoration:none;
	letter-spacing:0;
}
.booking a:hover{
	background: #E2BB8E;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E2BB8E), to(#A57431));
}
@media screen and (max-width: 780px){
#accom{
	width:95%;
	margin:0 auto;
}
#accom p{
	letter-spacing:0;
}
#accom_list table,
#accom_list tbody,
#accom_list tr,
#accom_list th,
#accom_list td{
	display:block;
	width:100%;
}
#accom table{
	margin:30px 0 0;
}
#accom_list tr{
	margin-bottom:30px;
	border-bottom:1px solid #999;
}
#accom_list th{
	display:none;
}
#accom_list td{
	border-bottom:none;
}
#accom_list td img{
	width:90%;
	margin:5px auto;
}
.booking{
	display:block;
	width:100%;
	margin:5px auto;
}
.book_a,
.book_b{
	display:block;
	text-align:center;
	width:100%;
}
}
/*日帰り*/
#accom h3 {
    font-size: 30px;
    font-weight: normal;
    border-left: 5px solid #464646;
    padding-left: 10px;
    margin: 30px 0 20px;
}
#accom table.day1{
	width:100%;
	border-spacing:2px;
	border-collapse:separate;
}
#accom table.day1 th{
	background:rgba(102,102,102,0.2);
	padding:10px 20px;
	text-align:center;
}
#accom table.day1 td{
	border:1px solid #ccc;
	padding:10px 20px;
	background:#fff;
	letter-spacing:1px;
}
#accom table.day1 td:nth-child(3){
	text-align:right;
}
#tebura{
	display:block;
	max-width:780px;
	margin:20px 0;
}
#tebura img{
	width:100%;
	height:auto;
}
@media screen and (max-width: 780px){
#accom h3 {
	margin: 0 0 20px;
}
#accom table.day1 td{
	font-size:11px;
	letter-spacing:0;
	line-height:1.3em;
}
#accom table.day1 td:first-child{
	width:25%;
}
}

/*--------------------------------------------
	交通アクセス
--------------------------------------------*/
#acceess_top{
	margin:30px 0;
}
#access_text{
	float:left;
	width:55%;
}
#acceess_img{
	float:right;
	width:40%;
}
#acceess_img img{
	width:100%;
	height:auto;
}
#access_text p{
	line-height:1.5em;
	margin-bottom:20px;
}
#access_text #inq_tel{
	margin-top:-20px;
}
#a_banner{
	width:100%;
	margin:30px 0;
}
#a_banner table{
	width:100% !important;
	border-collapse:separate;
	border-spacing:2px;
	table-layout:auto;
}
#a_banner th,
#a_banner td{
	border:1px solid #ccc;
	padding:10px 20px;
	vertical-align:middle;
}
#a_banner td p{
	margin:0;
}
@media screen and (max-width: 780px){
#acceess_top{
	width:95%;
	margin:30px auto;
}
#access_text,
#acceess_img{
	float:none;
	width:100%;
}
#access_text p{
	margin-bottom:1em;
}
#inq_tel{
	margin:20px 0;
	line-height:2em;
}
#inq_tel span{
	display:block;
}
#a_banner table{
	width:100% !important;
	display:block;
}
#a_banner tr{
	display:block;
	width:100%;
	margin-bottom:10px;
}
#a_banner th,
#a_banner td{
	display:block;
	width:100%;
	padding:10px;
}
}


/*Googleマップ*/
.access_map{
	display:table;
	width:100%;
	margin:50px 0;
}
.access_map iframe,
.access_detail{
	display:table-cell;
	vertical-align:top;
}
.access_detail{
	width:380px;
}
.access_detail h3{
	font-size:20px;
	margin-bottom:1em;
}
.access_detail ul{
	margin-left:14px;
}
.access_detail li{
	border-bottom:1px dotted #464646;
	padding:10px 0;
	line-height:1.3em;
	padding-left:1em;
}
#featurelist-scrollable-container{
	display:none !important;
}
#access_org{
	margin:50px 0;
}
#access_org p{
	line-height:1.5em;
}
@media screen and (max-width: 780px){
.access_map{
	display:block;
	margin:30px 0;
}
.access_map iframe{
	display:none;
}
.access_detail{
	display:block;
	width:100%;
}
.access_detail ul{
	width:95%;
	margin:0 auto;
	box-sizing:border-box;
}
.access_detail li{
	padding-left:0;
}
.access_detail li a{
	display:block;
	background:rgba(204,102,0,0.5);
	padding:10px;
	text-align:center;
	border-radius:10px;
	color:#fff;
}
.access_detail li.kome {
    margin-left:1em;
}
}
/*--------------------------------------------
	お問合せ
--------------------------------------------*/
#inquiry{
	display:table;
	width:100%;
	margin-bottom:50px;
}
#inquiry_left,
#inquiry_right{
	display:table-cell;
	vertical-align:top;
}
#inquiry_left{
	width:440px;
	padding:50px 50px 0 0;
}
#inquiry_left p{
	line-height:1.5em;
	margin-bottom:2em;
}
#inquiry_left h4{
	font-size:16px;
	margin:0 0 10px 0;
}
#inq_tel .text_large{
	font-size:30px;
	font-weight:bold;
	color:#bc8646;
	vertical-align:middle;
}
#inquiry_right{
	width:500px;
}
#inquiry_right table{
	margin:40px 0 10px;
	width:100%;
}
#inquiry_right th,
#inquiry_right td{
	padding:5px;
	text-align:left;
	vertical-align:middle;
	line-height:1.3em;
}
#inquiry_right th{
	width:160px;
}
#inquiry_right td input{
	width:420px;
	padding:5px;
}
#inquiry_right td input.input_contact{
	width:30px;
}
#inquiry_right td textarea{
	width:420px;
	height:200px;
}
#inquiry_left ul{
	margin:30px 0;
}
#inquiry_left li{
	float:left;
}
#inquiry_left li img{
	width:145px;
	height:auto;
	margin:0 0 4px 8px;
}
@media screen and (max-width: 780px){
#inquiry{
	display:block;
	width:95%;
	margin:30px auto;
}
#inquiry_left,
#inquiry_right{
	display:block;
	width:100%;
	padding:0;
}
#inquiry_left ul{
	width:100%;
}
#inquiry_left li{
	float:left;
	width:48%;
	margin:1%;
}
#inquiry_left li img{
	width:100%;
	height:auto;
	margin:0;
}
}
/*--------------------------------------------
	問合せボタン
--------------------------------------------*/
.inq_button{
	margin:20px 0 20px 270px;
	display:table;
}
.reset,
.go,
.goback{
	display:table-cell;
	text-align:center;
	padding:5px 0;
	margin:0 10px;
}

input[type="reset"],
input[type="submit"] {
	color:#fff;
	display:inline-block;
	margin:0 10px;
	padding:8px 20px;
	cursor:pointer;
	border-radius:8px;
	cursor:pointer;
	box-shadow: #666 0px 2px 2px;
	background: #666666;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#666666), to(#464646));
}

.goback a{
	color:#fff;
	text-decoration:none;
	display:block;
	margin:0 10px;
	padding:8px 22px;
	cursor:pointer;
	border-radius:8px;
	cursor:pointer;
	box-shadow: #666 0px 2px 2px;
	background: #666666;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#666666), to(#464646));
}
.inq_button input:hover,
.goback a:hover{
	background: #E2BB8E;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E2BB8E), to(#A57431));
}
@media screen and (max-width: 780px){
.inq_button{
	margin:20px 0 0;
	display:block;
	width:100%;
}
.reset,
.go,
.goback{
	display:block;
	text-align:center;
	padding:0;
	margin:0 0 10px;
	width:100%;
}
input[type="reset"],
input[type="submit"],
.goback a {
	width:90%;
	margin:0 auto;
	font-size:16px;
}
}
/*--------------------------------------------
	フォーム確認画面体裁
--------------------------------------------*/
#inq_table{
	width:500px;
	margin:50px auto;
}
#inq_table table{
	margin:30px 0 10px;
}
#inq_table table th,
#inq_table table td{
	padding:10px;
	text-align:left;
	vertical-align:middle;
}
#inq_table td input,
#inq_table td textarea{
	width:100%;
}
#inq_table td span#check_history input,
#inq_table td span#check_contact input{
	width:20px;
}
#inq_table td textarea{
	height:200px;
}
#inq_table p{
	line-height:1.5em;
	margin-bottom:20px;
}
@media screen and (max-width: 780px){
#inq_table{
	width:100%;
	margin:30px auto;
}
#inq_table table,
#inq_table tbody,
#inq_table tr{
	margin:0;
	width:100%;
	display:block;
}
#inq_table table th,
#inq_table table td{
	padding:10px;
	width:100%;
	display:block;
}
#inq_table table th{
	padding-bottom:0;
}
#inq_table td input,
#inq_table td textarea{
	width:100%;
	padding:10px;
}
#inq_table p{
	line-height:1.5em;
	margin-bottom:0;
	width:95%;
	margin:0 auto 1em;
}
#inq_table h4{
	text-align:center;
	font-size:16px;
	margin-top:20px;
}
}
/*--------------------------------------------
	規約等
--------------------------------------------*/
#terms_box{
	width:800px;
	margin:50px auto;
}
#terms_box h3{
	font-size:20px;
	font-weight:normal;
	margin:2em 0 1em;
}
#terms_box p{
	line-height:1.3em;
	margin-bottom:1em;
}
#terms_box ul{
	padding-left:65px;
}
#terms_box li{
	list-style:outside disc;
	line-height:1.3em;
	padding:5px 0;
}
#terms_sign{
	margin:30px 0;
}
@media screen and (max-width: 780px){
#terms_box{
	width:80%;
	margin:30px auto;
}
#terms_box h3{
	font-size:16px;
}
#terms_box p,
#terms_box li{
	font-size:12px;
}
#terms_box ul{
	padding-left:2em;
}
#terms_sign{
	text-align:center;
}
}

/*トップ緊急メッセージ*/
#att_message{
    width: 1120px;
    margin: 40px auto;
    background: #f9d9d9;
    padding: 30px 50px;
}
#att_message h2 {
    color: #da3d3d;
    font-size: 21px;
    text-align: center;
    margin-bottom: 10px;
}
#att_message p{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4em;
    color: #da3d3d;
}
@media screen and (max-width: 1280px){
    #att_message{
        width: 90%;
        padding: 20px;
    }
}
@media screen and (max-width: 780px){
    #att_message p{
        font-size: 16px;
    }
}@media screen and (max-width: 480px){
    #att_message p{
        font-size: 14px;
    }
}


/*GMAP*/
.gmap{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
  
.gmap iframe,
.gmap object,
.gmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}