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

@media only screen and (max-width: 768px) {
/**********************************
	SP Setting
***********************************/



/**================================= Common Setting =================================**/

body {
	font-size:85%;
}
img {
	max-width:100%;
}
.pcOnly {
	display:none !important;
}
.spOnly {
	display:block !important;
}
.spOnly.inline {
	display:inline !important;
}
h3 {
	margin-bottom:35px;
}
h3 img {
	width:70%;
}
#s3,#s4 {
	margin-bottom:30px;
}
.subMenu,.subMenu_t{
	height: 60px;
}
.subMenu .inner .menuBox,.subMenu_t .inner .menuBox_t {
	display: none;
}
.subMenu .inner .menuBox div, .subMenu_t .inner .menuBox_t div {
	width: 100%;
	background-color:#000;
	opacity: 0.95;
	line-height: 60px;
	height: 60px;
	text-align:center;
	margin:0px;
	display:block;
}

#toggle {
	display: block;
	position: relative;
	width: 100%;
	background: #000;
}
#toggle a{
	display: block;
	position: relative;
	padding: 25px 0 20px;
	color:#FFF;
	font-size:120%;
	text-align: center;
	text-decoration: none;
	border-bottom: 1px solid #666;
}
#toggle:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background: #FFF;
}
#toggle a:before, #toggle a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	width: 30px;
	height: 6px;
	background: #000;
}
#toggle a:before {
	margin-top:-9px;
}
#toggle a:after {
	margin-top: 3px;
}


/*.subMenu_t .inner .menuBox_t {
	width: 100%;
}
.subMenu_t .inner .menuBox_t a {
	text-decoration: none;
}
.subMenu_t .inner .menuBox_t div {
	margin-right: 10px;
	margin-left: 10px;
}
*/

/**================================= Layout Setting =================================**/

h4 {
	font-size: 200%;
}

.inner, .contents,.subMenu .inner .menuBox {
    width: 100%;
}
.section {
    width: 100%;
	margin: 0px auto 100px;
}
.section1st {
    width: 100%;
	margin: 0px auto 0px;
}


.inner {
	padding:80px 0px 0px;
}

.sTop {
	padding-top: 60px;
	
}

#top .sectionTop h1{
	background: url(../images/top/top.jpg) no-repeat center center;
	background-size: auto 100%;
}

#east .sectionTop h1{
	background: url(../images/east/photo/top01.jpg) no-repeat top center;
	background-size: auto 100%;
}
#west .sectionTop h1{
	background: url(../images/west/photo/top01.jpg) no-repeat center center;
	background-size: auto 100%;
}




.sectionTop-sp {
	padding: 60px 0px 0px;
	clear: both;
}


.sectionTop h1 ul li {
	width:30%;
}

.sectionTop h1 ul li img {
	width:100%;
	height:auto;
}

.sectionTop h1 ul li {
	padding-right: 30px;
	padding-left: 30px;
}

/*.subMenu .inner .menuBox div {
	margin-right: 20px;
	margin-left: 20px;
}
*/
.lead {
	padding: 10px 0px;
}


.contents .point {
	width:90%;
	margin:0 auto;
}
.contents .point img {
	width:60%;
}
.contents .point .leftBox, .contents .point .rightBox {
	width:100%;
	float:none;
	text-align:center;
	margin:0 0 15px 0;
}
.contents .point .leftBox2 {
	width:100%;
	float:none;
	text-align:center;
	margin:0;

}
.contents .point .textsp {
	padding-top: 0px;
	padding-bottom:30px;
}
.contents .point .textsp2 {
	padding-top: 0px;
	padding-bottom:0px;
}
.contents .point .top_point_text_l,.contents .point .top_point_text_r {
	font-size: 110%;
	text-align: center;
}

.contents .point .text_right {
	text-align: center;
}

.contents .point .point3 {
	padding-top: 15px;
	margin-bottom:10px;
}

/**================================= Contents-Room Setting =================================**/

.room {
	width:90%;
	margin:0 auto;
	padding-top:0px;
}
.room .pic_l {
	float: none;
	width: 100%;
	margin-right: 0px;
	text-align:center;
}
.room .pic_l img {
	height: auto;
	width: 100%;
}
.room h2 {
	font-size: 200%;
	text-align: center;
	float:none;
	width:100%;
	padding-top: 0px;
	padding-bottom:30px;
	padding-left:0px;
}
.room h3 {
	font-size: 120%;
	text-align: center;
	margin: 30px 0px 0px;
	float: none;
	line-height: 180%;
	width:auto;
}
.room .madoriBox .madori {
	float: none;
	margin-left: 0px;
	width: 100%;
	text-align:center;
}
.room .madoriBox .madori_b {
	text-align: center;
	font-size: 110%;
	margin-right:0px;

}

.room .roomPhoto ul li {
	width: 18%;
	float: left;
	display: block;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 2%;
}
.room .roomPhoto ul li img {
	height: auto;
	width: 100%;
}
.room .kodawari {
	clear: both;
	width: 100%;
}

.room .kodawari dl dt {
}
#east .room .kodawari dl dd,#west .room .kodawari dl dd {
	background-size:100% auto;
}
.room .kodawari dl dd.btm {
}
.room .kodawari dl dd p {
}

#west .room .kodawari h4,#east .room .kodawari h4 {
	margin-bottom:7%;
}
.room .kodawari dl dd ul {
	margin-right: 2%;
	margin-left: 2%;
}
.room .kodawari dl dd ul li {
	width: 42%;
	margin-right: 3%;
	margin-bottom: 0px;
	margin-left: 3%;
	float: left;
}
.room .kodawari dl dd ul li img {
	width: 100%;
	display: block;
	margin-bottom: 5px;
}
.room .kodawari dl dd ul li p {
	margin: 0px 5px 5px;
	font-size: 90%;
	text-align: left;
	line-height: 160%;
}

/**================================= Fee Setting =================================**/

.img_hiroshige {
	background:none;
	height: auto;
}
.img_hiroshige img {
	width:100%;
}
p.hiroshige {
	margin-bottom: 0px;
}

.fee {
	width:95%;
	margin:30px auto 10px;
}
.fee .lead_text {
	font-size: 95%;
}
.fee table {
	border: 3px solid #BDAD39;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.fee table th,.fee table td {
	padding: 5px;
	font-size: 100%;
}
.fee .price {
	margin-bottom: 30px;
	width: 95%;
}
.fee .price p {
	margin-top: 10px;
	font-size: 90%;
}
.fee .btn_reserce {
	margin-bottom: 70px;
}



/**================================= Map Setting =================================**/

#g_map {
	height:350px;
}

.btn_map 
{
	width: 95%;
	margin: 7px auto 0px;
}
.btn_map img {
}
.map {
	width:95%;
	margin:auto;

}
.map .lead_text {
	font-size: 95%;
}

.map_frame {
}
.map .map_image {
}

.map .map_image img{
	border: 5px solid #867B1D;
	height: auto;
	width: 98%;
}
.map .bungou {
}

.map .bungou h4 {
	margin-bottom:50px;
}

.map .bungou dl {
	width:46%;
	float: left;
	margin-right: 2%;
	margin-left: 2%;
}
.map .bungou dl dt {
}

.map .bungou dl dd {
}
.map .bungou dl dd img {
}
.map .bungou dl dd p {
}


.map .access h3 {
}

/**================================= Information Setting =================================**/


.info {
	width:95%;
	margin:auto;
}
.info table {
}
.info table th, .info table td {
	font-size:95%;
}
.info table th {
}



/**================================= topPhoto Setting =================================**/


.topPhoto {
	width:85%;
	margin:0 auto;
	padding-top: 20px;
	padding-bottom:60px;
}
/*.topPhoto ul {
	width:100%;
}
.topPhoto ul li {
	width:18%;
	margin-right: 1%;
	margin-left: 1%;
}*/

.topPhoto ul li img {
	width:100px;
	height:auto;
}

/**=================================  sns  =================================**/

#insta {
	width: 100%;
	margin: 20px auto 20px;
}

/**=================================  link area  =================================**/

.link_area {
	padding-top: 40px;
	padding-bottom: 40px;
}

.link_area ul li {
	margin: 10px;
}
.link_area ul li img {
	width:85%;
}

/**=================================  fotter  =================================**/

#footer_wrap {
	padding-top: 10px;
	padding-bottom: 10px;
}


.footer {
	width:90%;
	padding:10px;
}

.footer ul {
}
.footer ul li {
	font-size:90%;
	display: block;
	padding-right: 0px;
}


/**
	Header
--------------------------------------------**/
}


@media only screen and (max-width:480px) {
/**********************************
	SP Setting
***********************************/

.pc2Only {
	display:none !important;
}
.sp2Only {
	display:block !important;
}
.sp2Only.inline {
	display:inline !important;
}
h4 {
	font-size: 160%;
}
#top h3 {
	margin-bottom:35px;
}
#top h3 img {
	width:95%;
}


body#top {
	background:url(../images/common/bg.jpg);
	background-size:50% auto;
	
}
body#east {
	background:url(../images/east/bg.jpg);
	background-size:120% auto;
	
}
body#west {
	background:url(../images/west/bg.jpg);
	background-size:130% auto;
	
}


/* --SP用TOP写真（EAST/WEST）-- */
/*.sectionTop-sp {
	width: 100%;
	height:auto;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 60px 0 0 0;
	clear: both;
}*/
#top .sectionTop-sp h1{
	background: url(../images/top/top.jpg) no-repeat top center;
	background-size: cover;
	padding-top:160px;
	height:220px;
	width:auto;
	margin: 0px;
}
#east .sectionTop-sp h1{
	background: url(../images/east/photo/top01.jpg) no-repeat top center;
	background-size: cover;
	padding-top:160px;
	height:220px;
	width:auto;
	margin: 0px;
}
#west .sectionTop-sp h1{
	background: url(../images/west/photo/top01.jpg) no-repeat top center;
	background-size: cover;
	padding-top:160px;
	height:220px;
	width:auto;
	margin: 0px;
}

.sectionTop-sp h1 ul{
	display: block;          
    text-align: center;  
	width:100%;
}
.sectionTop-sp h1 ul li {
	display: inline-block;
	width:20%;
	padding-left:8%;
	padding-right:8%;
}
.sectionTop-sp h1 ul li img {
	width:100%;
	height:auto;
}
.sectionTop-sp h1 ul li.eastlogo {
}


.contents .point img {
	width:70%;
}
.lead {
	padding: 10px 0px;
}
.lead img {
	width:100%;
	height:auto;
	margin:auto;
}

.contents .top_point_text_l img,.contents .top_point_text_r img {
	width: 90%;
	heigt:auto;
}



.subMenu .inner .menuBox div {
/*	margin-right: 10px;
	margin-left: 10px;
*/}

.fee .btn_reserce img {
	width:60%;
	height:auto;
	text-align: center;
}
.btn_map {
	text-align:center;
}
.btn_map img {
	width:60%;
}

.room h3 p img {
	width:100%;
	height:auto;
}
.room h2 {
	font-size: 150%;
}
.room .kodawari h4 {
	font-size:150%;
}

.link_area {
}

.link_area ul li {
	display:block;
	margin: 10px auto 10px;
	width:75%;
}
.link_area ul li img {
	width:100%;
}

.map .bungou h3 {
	font-size: 120%;
	margin-bottom: 3px;
}


#footer_wrap {
	background: none;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer_wrap a:hover {
	text-decoration: none;
}

}

@media only screen and (max-width:320px) {
/**********************************
	SP Setting
***********************************/
}