@charset "utf-8";


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

	style info : ブラウザごとの初期スタイルをリセット

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

html, body, div, p,
dl, dt ,dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote,
th, td {
	margin: 0; 
	padding: 0; 
}
body {
	-webkit-text-size-adjust: none;
}
table {
	border-collapse: collapse; 
	border-spacing: 0; 
}
fieldset, img {
	border: none;
}
input, textarea, select {
	font-size: 100%;
}
img {
	vertical-align: top;
}

dt, address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
em, strong, th {
	font-style: normal;
	font-weight: bold;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left; 
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: none;
}


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

	style info : 全体で汎用的に使用できるスタイルを記述

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

/* --------------------------------
	clearfix (.cf)
-------------------------------- */

* html .cf {
	zoom: 1;
}
*+html .cf {
	zoom: 1;
}
.cf:before,
.cf:after {
	content:"";
	display: block;
}
.cf:after {
	clear: both;
}


/* --------------------------------
	image replace (.ir)
-------------------------------- */

.ir {
	display: block;
	border: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


/* --------------------------------
	margin
-------------------------------- */
.mb05 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }
.mb55 { margin-bottom:55px; }
.mb60 { margin-bottom:60px; }
.mb65 { margin-bottom:65px; }
.mb70 { margin-bottom:70px; }
.mb75 { margin-bottom:75px; }
.mb80 { margin-bottom:80px; }
.mb85 { margin-bottom:85px; }
.mb90 { margin-bottom:90px; }
.mb95 { margin-bottom:95px; }
.mb100 { margin-bottom:100px; }
.mb110 { margin-bottom:110px; }
.mb120 { margin-bottom:120px; }
.mb130 { margin-bottom:130px; }
.mb140 { margin-bottom:140px; }
.mb150 { margin-bottom:150px; }
.mb160 { margin-bottom:160px; }
.mt05 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }


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

	style info : サイト全体で共通のスタイルを記述（MB）

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

/* -----------------------------------
	basic
----------------------------------- */
html {font-size: 62.5%;}
body {
	background: #fff;
	color: #595856;
	font-family: 'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.75;
}
th, td {
	color: #595856;
	line-height: 1.5;
}

a {
	outline: none;
}
a:link, a:visited {
	color:#595856;
	text-decoration:none;
}
a:hover, a:active {
	color: #595856;
	text-decoration:underline;
}
a:hover {
	cursor: pointer;
}


.right {
	text-align:right;
}
.spNone{
	display:none;
}

.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
.order3 {
  order: 3;
}
.order4 {
  order: 4;
}
.order5 {
  order: 5;
}
.order6 {
  order: 6;
}
.order7 {
  order: 7;
}
.order8 {
  order: 8;
}


/* --------------------------------
	sp image none (.spImg)
-------------------------------- */
.pcImg{
	display:none;
}


/* -----------------------------------
	animation
----------------------------------- */
.fadeIn {
  opacity: 0;
  transition: 2s;
}
.fadeIn.is-show {
  opacity: 1;
}


/* -----------------------------------
	GNAVI
----------------------------------- */
.scroll-prevent {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
}
#nav-tgl {
  display: none;
}
.nav-tgl-btn {
  cursor: pointer;
  position: fixed;
  top: 16px;
  right: 16px;
  margin: 0;
}
.open {
  z-index: 3;
  width: 48px;
  height: 48px;
  background: rgba(255,255,255,.8);
  border-radius: 50%;
  opacity: 0.8;
}
.open::before,
.open::after {
  content: "";
}
.open span,
.open::before,
.open::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 30%;
  width: 40%;
  border-bottom: 2px solid #95908b;
  transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before {
  transform: translateY(-8px);
}
.open::after {
  transform: translateY(8px);
}
.close {
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: background .6s;
}
#nav-tgl:checked + .open {
  background: rgba(0,0,0,.3);
}
#nav-tgl:checked + .open span {
  transform: scaleX(0);
}
#nav-tgl:checked + .open::before {
  transform: rotate(45deg);
  background-color: #fff;
}
#nav-tgl:checked + .open::after {
  transform: rotate(-45deg);
  background-color: #fff;
}
#nav-tgl:checked ~ .close {
  pointer-events: auto;
}

/* メニューデザイン */
.drower-menu {
	z-index: 2;
	position: fixed;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	box-sizing: border-box;
	background: url(../img/bg_menu_SP.png) rgba(0, 0, 0, 0.9) no-repeat right bottom;
	background-size:65%;
	transform: translateY(100%);
}
.drower-menu a:hover {
 	background: black;
}
#nav-tgl:checked ~ .drower-menu {
	transform: none;
}

/* メニューデザイン追加 */
.nav-wrap .logo_menuSP {
	text-align: left;
	margin: 20px 40px 56px;
}

.nav-wrap .nav-list {
	overflow: hidden;
	display: flex;
	justify-content:space-between;
	align-items:flex-start;
	box-sizing:border-box;
	padding: 0 60px;
}
.nav-wrap p {
	font-size: 1.8rem;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.nav-wrap p a{
	color: #fff;
}
.nav-wrap p a:hover{
	text-decoration: none;
}
.nav-wrap .nav-list span {
	display: flex;
	font-size: 1.3rem;
}
.nav-wrap .data{
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	padding:56px 40px 40px;
}
.nav-wrap dl, .nav-wrap .sns_menuSP{
	color: #fff;
	overflow: hidden;
	vertical-align: top;
	text-align: left;
}
.nav-wrap dt{
	text-decoration: none;
	font-size: 1.6rem;
	letter-spacing: 0.1rem;
	padding: 0 0 12px;
}
.nav-wrap rt{
	letter-spacing: 0.04rem;
}
.nav-wrap dd{
	text-decoration: none;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	padding: 3px 0;
}
.nav-wrap dd span.lang{
	font-size: 1.1rem;
	letter-spacing: 0.05rem;
}
.nav-wrap dd a{
	color: #fff;
}
.nav-wrap .sns_menuSP{
	text-align: right;
}
.nav-wrap .sns_menuSP div{
	padding-bottom: 25px;
}

.gnavSpLogo {
	text-align: left;
	width: 100%;
	padding:16px;
	background-color: #fff;
	box-sizing:border-box;
	position: fixed;
	top:0;
	z-index:1;
}
.gnavSpLogo.fixed {
    position: fixed;
    top: 0;
    left: auto;
    z-index: +1;
	filter: drop-shadow(0px 1px 2px rgba(20, 20, 20, 0.2));
	opacity: 0.9;
	transition: .8s;
}
.gnavSpLogo.fixed.none {
    opacity: 0;
    z-index: -1;
	transition: .8s;
}


/* -----------------------------------
	caution
----------------------------------- */
#top #caution{
	background-color: #e0dbd7;
	padding: 95px 16px 16px;
	border-bottom: 1px solid #c9c4c0;
	display: block;
}
#top #caution p{
	text-align: left;
	font-size: 1.2rem;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	letter-spacing:0.1rem;
	color: #776f67;
	vertical-align: center;
}
#top #caution p::before{
	content: " ";
	border-radius:50%;
	background: #776f67 url(../img/icn_cau_s.png) no-repeat center;
	background-size: contain;
	vertical-align: top;
	display: inline-block;
	position: relative;
	margin-right: 8px;
	padding: 4px;
	width: 18px;
	height: 18px;
	box-sizing:border-box;
}


/* -----------------------------------
	TOP detail
----------------------------------- */
#top #contents{
	padding-top:64px;
}
#top h2{
	font-size:2.2rem;
	font-weight:bold;
	line-height:100%;
	margin:0 20px 25px;
}
#mainv{
	position:relative;
	margin-top:0px;
}

@media screen and (max-width: 750px) {
#mainv{
	background-size:auto 102% !important;
}
}
#mainv div.slide{
	position:relative;
	width:100%;
	overflow:hidden;
}
#mainv .mainv01Inner,
#mainv .mainv02Inner,
#mainv .mainv03Inner{
	display:none;
}
#mainv .mainv01 img,
#mainv .mainv02 img,
#mainv .mainv03 img{
	margin:0 auto;
	width:100%;
	height: auto;
}


/* -----------------------------------
	TOP Concept
----------------------------------- */
#top .topConcept{
	background: url(../img/h2_bg.jpg) no-repeat center top;
	background-size:50%;
}
#top .topConcept p{
	font-size: 1.4rem;
	line-height:3.2rem;
	letter-spacing:0.1rem;
}
#top .topConcept a{
	display: inline-block;
	padding: 1.8rem 3.2rem;
	font-size: 1.4rem;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	letter-spacing:0.1rem;
	text-decoration: none;
	color: #f8f4ee;
	background: #665858;
	border: solid 1px #665858;
	border-radius: 2px;
}


/* -----------------------------------
	TOP Room Access
----------------------------------- */
#top #wrapHotel{
	width:100%;
	margin: auto;
	padding-top: 88px;
	background:url(../img/hotel_bg.jpg) no-repeat center top;
	background-size: contain;
	text-align: left;
}
#top .topRoom{
	background-color: #f8f4ee;
}
#top .topAccess{
	background-color: #f7f7f7;
}
#top .topRoomInner .sec02{
	background:url(../img/hotel_p01.jpg), url(../img/hotel_il01.jpg);
	background-repeat: no-repeat, no-repeat;
	background-size: 22% auto, contain;
	background-position: left top, center bottom;
	padding: 48px 0 0 32%;
}
#top .topAccessInner .sec02{
	background:url(../img/hotel_p02.jpg), url(../img/hotel_il02.jpg);
	background-repeat: no-repeat, no-repeat;
	background-size: 22% auto, contain;
	background-position: left top, center bottom;
	padding: 48px 0 0 32%;
}
#top .topRoomInner .sec02 p, #top .topAccessInner .sec02 p{
	margin: 16px 0 20px;
	font-size: 1.4rem;
	line-height:2.8rem;
	letter-spacing:0.08rem;
} 
#top .topRoomInner .sec02 a, #top .topAccessInner .sec02 a{
	display: inline-block;
	padding: 1.2rem 2.4rem;
	font-size: 1.3rem;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	letter-spacing:0.1rem;
	text-decoration: none;
	color: #f8f4ee;
	background: #665858;
	border: solid 1px #665858;
	border-radius: 2px;
	margin-bottom: 88px;
}


/* -----------------------------------
	TOP Service
----------------------------------- */
#wrapService .topService{
	display: flex;
}
#wrapService .topService:last-child{
	margin-bottom: 160px;
}
@media screen and (max-width: 767px) {
#wrapService .topService{
	flex-direction: column;
}
#top .topService .photo{
	margin-top: 48px;
}
#top .topService dl{
	margin-top: 100px;
}
#top .topService dd{
	margin-top: 40px;
	font-size: 1.4rem;
	line-height:3.2rem;
	letter-spacing:0.1rem;
}
}

/* -----  Retina  ----- */
#wrapService img{
	max-width: 100%;
	height: auto;
	object-fit: cover;
}

/* -----------------------------------
	ROOM detail
----------------------------------- */
#room #wrapRoomSlide h1{
	padding: 132px 0 56px;
}
#room #wrapRoomSlide .roomSlide .roomSlideMain img {
	max-width:100%;
	height: auto;
	object-fit: cover;
}
#room #wrapRoomSlide p{
	text-align: left;
	font-size: 1.4rem;
	margin: 16px 34px;
	line-height: 2.8rem;
}
#room #wrapRoomSlide .roomSlide ul.roomSlideThumb {
	display: flex;
	justify-content:center;
	flex-wrap:wrap;
	padding: 34px 26px 0;
}
#room #wrapRoomSlide .roomSlide ul.roomSlideThumb li {
	margin: 0 6px 12px;
	max-width: 65px;
	opacity: 0.5;
	box-sizing:border-box;
}
#room #wrapRoomSlide .roomSlide ul.roomSlideThumb li img{
	width: 100%;
	height: auto;
	border-radius: 2px;
}
#room #wrapRoomSlide .roomSlide ul.roomSlideThumb li.current{
	opacity: 1;
}
#room #wrapReserve{
	background-color: #f8f4ee;
	margin-top: 72px;
}
#room #wrapReserve .wrapReserveInner{
	padding: 56px 0;
}
#room #wrapReserve p{
	margin-bottom: 24px;
	font-size: 1.4rem;
} 
#room #wrapReserve a{
	max-width: 210px;
    width: 32%;
	display: inline-block;
	padding: 2.0rem 4.8rem;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.5rem;
	letter-spacing:0.1rem;
	text-decoration: none;
	background: #665858;
	color: #fff;
	border: solid 1px #665858;
	border-radius: 2px;
	transition: .4s;
}
#room #wrapReserve a:hover{
	background: #f8f4ee;
	color: #665858;
	border: solid 1px #665858;
}
#room #wrapPoint{
	margin: 80px 34px 0;

}
#room #wrapPoint .roomPoint .photo img {
	max-width:100%;
	height: auto;
	object-fit: cover;
	border-radius: 2px;
}
#room #wrapPoint .wrapPointInner .roomPoint dl{
	padding-bottom: 40px;
    max-width: 364px;
    margin: 0 auto;
}
#room #wrapPoint .wrapPointInner .roomPoint dt{
	font-size: 1.5rem;
	letter-spacing:0.1rem;
	padding-top: 16px;
}
#room #wrapPoint .wrapPointInner .roomPoint dd{
	font-size: 1.3rem;
	letter-spacing:0.1rem;
	padding-top: 8px;
	text-align: left;
}

#room #wrapAmenity .wrapAmenityInner{
	background-color: #f8f4ee;
	width: 100%;
	padding: 14px;
	box-sizing:border-box;
	text-align: left;
}
#room #wrapAmenity .wrapAmenityInner{
	border-bottom: solid 1px #dbd2c5;
}
#room #wrapAmenity .roomAmenity{
	display: flex;
	overflow: hidden;
}
#room #wrapAmenity .roomAmenityToggle{
	display: none;
}
#room #wrapAmenity .wrapAmenityInner ul{
	padding:14px; 
	width: 50%;
	box-sizing:border-box;
}
#room #wrapAmenity li{
	background-color: #fff;
	padding: 8px 10px;
	margin-bottom: 8px; 
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.3rem;
	letter-spacing:0.1rem;
}
#room #wrapAmenity li span{
	font-size: 1.1rem;
	letter-spacing:0.05rem;
}
#room #wrapAmenity h2{
	padding: 14px 14px 20px;
	font-size: 1.5rem;
	letter-spacing:0.1rem;
	background:url(../img/amenity_bg_tg01.jpg) no-repeat right center;
	background-size:contain;
}
#room #wrapAmenity h2.active{
	background:url(../img/amenity_bg_tg02.jpg) no-repeat right center;
	background-size:contain;
}
#room #wrapAmenity h2 span{
	font-size: 1.1rem;
	letter-spacing:0.1rem;
	display: block;
}
#room #Amenity dl.caption{
	margin: 16px;
	text-align: left;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.3rem;
	letter-spacing:0.05rem;
	line-height: 2.0rem;
}
#room #Amenity dl.caption dt{
	margin: 28px 0 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dbdbdb;
}
#room #Amenity dl.caption dd{
	list-style-type:none;
    padding-left: 1rem; 
    text-indent: -.8em;
    margin-bottom: 5px;
}
#room #Amenity dl.caption dd:before {
	content: " ";
	background-color: #cabfad;
	border-radius:50%;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	margin-right: 4px;
	margin-bottom: 3px;
	width: 7px;
	height: 7px;
	box-sizing:border-box;
}


/* -----------------------------------
	ACCESS detail
----------------------------------- */
#access .section.greeting{
	margin-bottom:38px;
}
#access .section.accessmap .sectionBody{
	padding-top:15px;
	background-color:#000;
}
#access .section.accessmap dl{
	border-bottom:1px dotted #fff;
	text-align:left;
	margin:0 20px 20px;
	padding-bottom:15px;
	font-size:85%;
	line-height:180%;
}
#access .section.accessmap dl dt:before{
	content:"■ ";
}
.gmap {
	padding-top:30px;
	margin:0 20px;
	text-align:right;
	font-size:86%;
}
.gmap #map-canvas {
	width:100%;
	height:250px;
	margin-bottom:3px;
}

#access #wrapAccess .accessMap .iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#access #wrapAccess .accessMap .iframe-wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#access #wrapAccess .accessMap .youtube{
	margin-top: 40px;
}
#access #wrapAccess .accessMap p.ytbtxt{
	text-align: left;
	font-size: 1.4rem;
	margin: 24px 40px 0;
	line-height: 2.8rem;
}

#access #wrapAccess h1{
	padding: 132px 0 56px;
}
#access #wrapAccess .accessMapInfoSp{
	margin-top: 56px;
	padding-bottom: 32px;
}
#access #wrapReserve{
	background-color: #f8f4ee;
	margin-top: 72px;
}
#access #wrapReserve .wrapReserveInner{
	padding: 56px 0;
}
#access #wrapReserve p{
	margin-bottom: 24px;
	font-size: 1.4rem;
} 
#access #wrapReserve a{
    max-width: 210px;
    width: 32%;
	display: inline-block;
	padding: 2.0rem 4.8rem;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.5rem;
	letter-spacing:0.1rem;
	text-decoration: none;
	background: #665858;
	color: #fff;
	border: solid 1px #665858;
	border-radius: 2px;
	transition: .4s;
}
#access #wrapReserve a:hover{
	background: #f8f4ee;
	color: #665858;
	border: solid 1px #665858;
}
#access #wrapAccess .accessMapInfoSp{
	text-align: left;
	margin:0 40px;
}
#access #wrapAccess .accessMapInfoSp p{
	font-size: 1.4rem;
	line-height: 3.6rem;
}
#access #wrapAccess .accessMapInfoSp p:before{
	content: " ";
	background-color: #cabfad;
	border-radius:50%;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	margin-right: 10px;
	width: 8px;
	height: 8px;
	box-sizing:border-box;
}
#access #wrapAccess .accessMapInfoSp dl{
	margin-top: 32px;
	text-align: left;
}
#access #wrapAccess .accessMapInfoSp dt{
	padding-bottom: 10px;
	font-size: 1.6rem;
	line-height: 2.8rem;
}
#access #wrapAccess .accessMapInfoSp dd{
	font-size: 1.3rem;
	line-height: 2.4rem;
}


/* -----------------------------------
	RESERVE detail
----------------------------------- */
#reserve #wrapReservation h1{
	padding: 132px 0 56px;
}
#reserve #wrapReservation .orner{
	margin-top: 80px;
}
#reserve #wrapReservation .orner img{
	border-radius: 50%;
	margin-bottom: 40px;
}
#reserve #wrapReservation .photo img{
	object-fit: cover;
	height: auto;
	max-width: 100%;
}
#reserve #wrapReservation p:nth-child(1), #reserve #wrapReservation p:nth-child(2){
	margin: 0 40px 32px;
	font-size: 1.4rem;
	text-align: left;
}
#reserve #wrapReservation p.explain{
	font-size: 1.4rem;
}
#reserve #wrapReservation p.nw{
	font-size: 1.2rem;
	margin-top: 16px;
	text-align: center;
}
#reserve #wrapReservation a{
	max-width: 210px;
	width: 32%;
	display: inline-block;
	padding: 2.0rem 4.8rem;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.7rem;
	letter-spacing:0.1rem;
	text-decoration: none;
	background: #665858;
	color: #fff;
	border: solid 1px #665858;
	border-radius: 2px;
	transition: .4s;
}
#reserve #wrapReservation a:hover{
	background: #f8f4ee;
	color: #665858;
	border: solid 1px #665858;
}

#reserve #wrapReservation .reservationInfo{
	margin-bottom: 120px;
}


/* -----------------------------------
	SLIDER
----------------------------------- */
#gallerySlider ul {
	margin-bottom: 0;
}
#gallerySlider img {
	box-sizing:border-box;
}

/* -----------------------------------
	FOOTER
----------------------------------- */
#footer{
	background-color: #5b8873;
	color: #fff;
	text-align: left;
	letter-spacing: 0.08rem;
}
#footer a{
	color: #fff;
}
#footer .ftInner{
	padding:30px;
}
#footer .infoInner{
	margin-bottom: 28px;
}
#footer .infoInner:nth-child(2n+1){
	display: flex;
	justify-content:space-between;
}
#footer .infoInner:last-child{
	margin-bottom: 0;
}
#footer dl.data dd span.google{
	padding: 2px 3px 3px;
	border: 1px solid #c2d3cb;
	font-size: 1.0rem;
	color: #fff;
	border-radius: 1px;
	vertical-align:4%;
}
#footer dl.data dd span.lang{
	font-size: 1.1rem;
	letter-spacing: 0.05rem;
}
#footer .infoInner dt{
	padding-bottom: 10px;
}
#footer .infoInner dt a{
	font-size: 1.7rem;
}
#footer dl.data rt{
	letter-spacing: 0.03rem;
}
#footer .infoInner dd{
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
#footer ul.sns li{
	padding: 8px 5px;
}
#footer .infoInner p.top{
	writing-mode:vertical-rl;
	font-size: 1.0rem;
	margin-top:4px; 
}
#footer .infoInner ul.nav li{
	margin: 0; 
	padding-bottom: 12px;
}
#footer .infoInner ul.nav li:nth-child(2), #footer .infoInner ul.nav li:nth-child(4){
	display: none;
}
#footer .infoInner ul.nav li a{
	font-size: 1.7rem;
}
#footer .ftCopy{
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.0rem;
	background-color: #3d4a44;
	padding:15px;
	text-align: center; 
}