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

/* 共通レイアウトCSS */

.pc {
	display:none;
}
html>body {
	font-size:3.125vw;
}
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height:100%;
}
img{
	width:100%;
}
#present{
	padding:0 4.6875%;
}
#present h2{
	padding: 8.125% 0;
	margin: 0 -4.6875%;
}
#present .method {
	overflow: hidden;
}
#present .method .methodList {
	overflow: hidden;
	padding: 2.1875% 0 4.375%;
}
#present .method .methodList li {
	float: left;
	width:50%;
}
#present .method .methodList li:nth-child(odd)　{
	clear: both;
}
#present .method .methodList li:nth-child(5){
	width:100%;
}
#present .method .box .dl{
	padding: 3.125% 3.125% 6.25% 3.125%;
	border: 1px solid #221815;
	margin-top:4.6875%;	
}
#present .method .dlBtn{
	padding:6.25% 2.8125% 0 2.8125%;
}
#present .method .dlBtn li + li{
	padding-top:3.125%;
}
#present .method .box dl dt {
	border-bottom: 1px solid #221815;
	font-size: calc(1em + 1px);
	font-weight: bold;
	padding: 5.3125% 0 1.25% 0;
	margin-bottom: 2.5%;
}
#present .method .box dl dd {
	padding-left: 2em;
	text-indent: -2em;
	line-height: 1.6;
	font-size:calc(1em - 1px);
}
#present .place h3 {
	padding:6.875% 0 3.75%;
}
#present .place table{
	font-size:calc(1em - 1px);
    letter-spacing: 1px;	
}
#present .place table + table {
	margin-top: 1.5625%;
}
#present .place table th {
	vertical-align: middle;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 13.28%;
}
#present .place table td {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 2.1875%;
}
#present .place table .facility {
	font-weight: bold;
    width: 31.25%;
}
#present .place table .nagahama {
	background: #ac8b2c;
}
#present .place table .maibara {
	background: #005584;
}
#present .place table .hikone {
	background: #a72033;
}
#present .point{
}
#present .point h3{
	padding:9.375% 0 3.125% 0;
}
#present .point dl{
	padding-bottom:7.8125%;
}
#present .point dl dt{
	padding-bottom:3.125%;
}
#present .point dl .pointImg {
	padding-bottom:3.125%;
}
#present .point dl dd table tr {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
#present .point dl dd table th {
	background: #fff9e6;
	padding: 1.5625%;
	vertical-align: middle;
	text-align: center;
	width:11.25%;
}
#present .point dl dd table td {
	padding: 1.5625%;
}
#present .point .btnPamphlet {
    text-align: center;
    padding: 0 6.25% 10.9375% 6.25%;
}
#personality, #travelogue {
	text-align: center;
	background: url(../images/sp/line.png) 0 0 no-repeat, #faf6e4 url(../images/sp/bg_map.png) right 0 no-repeat;
	font-size: 114%;
	line-height: 2;
    background-size: 100%, 50%;
}
#personality h2, #travelogue h2{
	padding:10.9375% 0 7.187% 0;
}
#personality .box, #travelogue .box{
	padding:0 4.6875% 10.9375%;
}
#personality h2 img{
	width: 78.275%;
}
#personality .chronologicalBtn {
    padding-top: 7.187%;
}
#travelogue {
	background-color:#fff;
}
#travelogue h2 img{
	width:33.33%;
}
#travelogue .linkBtn{
	padding:6.25% 6.25% 7.8125% 6.25%;
}
#travelogue .linkBtn li + li{
	padding-top:3.125%;
}
#travelogue .mapImg{
	padding:0 6.25% 6.25% 6.25%;
}
#travelogue .area{
	text-align:left;
}
#travelogue .area h3 {
	padding: 6.25% 0;
}
#travelogue .area dl{
	overflow: hidden;
}
#travelogue .area dl dt{
	padding-bottom:3.125%;
    line-height: 1;	
}
#travelogue .area dl dd{
}
#travelogue .area dl .txt,
#travelogue .area dl .img{
	float: left;
    width: 50%;
    box-sizing: border-box;
    line-height: 1.5;
    letter-spacing: -1.5px;		
}
#travelogue .area dl .txt{
	padding-left:1.5625%;
}
#travelogue .area dl .img{
	padding-right:1.5625%;
}
#travelogue .area dl dd table tr {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	letter-spacing: -0.3px
}
#travelogue .area dl dd table th {
	background: #fff9e6;
	padding: 1.5625%;
	vertical-align: middle;
	text-align: center;
	width: 11.25%;
	box-sizing: border-box;
}
#travelogue .area dl dd table td {
	padding: 1.5625%;
}
#travelogue .area dl .tableBox{
	padding:3.15% 0 6.25%;
}
#travelogue .about{
	padding-top:6.25%;
}
#travelogue .about .detailBtn {
    margin-top: -14.06%;
	padding-bottom:4.6875%
}
#travelogue .about .detailBtn img{
	width:86.20%;
}
#travelogue .cinema {
    padding: 10.937% 0 0;
}
#travelogue .cinema h3 {
    padding-bottom: 4.6875%;
}
#travelogue .cinema th,
#travelogue .cinema td{
	text-align: center;
	border: 1px solid #cccccc;
	padding:5px 0;
    vertical-align: middle;	
}
#travelogue .cinema th{
	background: #c36b7d;
	color:#fff;
}
#travelogue .cinema .place{
	width:19.68%;
}
#travelogue .cinema td b{
	font-weight:bold;
}
#footer{
	background: url(../images/sp/bg.jpg) 0 0 repeat;
	background-size:320px;
}
#footer ul {
	overflow: hidden;
	padding: 7.8125% 4.6875%;
	box-sizing: border-box;
}
#footer ul li {
	float: left;
	width: 48.2%;	
}
#footer ul li + li {
	padding-left: 3.125%;
}
#footer .copyright {
    background: #513d0b;
    font-size: calc(1em - 3px);
    color: #fff;
    text-align: center;
    padding: 2.5% 0;
}