@charset "utf-8";

/********** reset **********/

/********** margin **********/

html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
ul, ol, li, dl, dt, dd,
table, tr, th, td,
img, a, em, strong, small,
form, label, input , textarea,
header, footer, nav, section, article, aside, figure {
    margin : 0 ;
    padding : 0 ;
}

body {
    line-height : 1 ;
}

ol, ul {
    list-style : none ;
    font-size : 0 ;
}

li {
    font-size : 14px ;
}

table {
    border-collapse : collapse ;
    border-spacing : 0 ;
}

/********** anchor **********/

a {
    text-decoration : none ;
    outline : none ;
}

/********** image **********/

img {
    border : none ;
}

/********** html5 **********/

header,footer,nav,section,article,aside,figure {
    display : block ;
}

/********** ios **********/

input {
    -webkit-appearance: none;
}

/********** basicStyle **********/


body {
    font-family : "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
}

p, li, dt, dd, table {
    font-size : 14px ;
    line-height : 1.6 ;
}

h1 {
    font-size : 24px ;
}

h2 {
    font-size : 21px ;
}

h3 {
    font-size : 18px ;
}

a {
    /* letter */
    color : #0071BC ;
}

a:hover {
    /* decoration */
    text-decoration : underline ;
}

/********** clearfix **********/

.clearfix {
    overflow: hidden;
    zoom: 1;
}

/********** commmon **********/

.layGrand {
    /* size */
    width : 100% ;
    min-width : 960px ;
}

.laySmall {
    /* size */
    width : 240px ;
    /* spacing */
    padding : 40px ;
    /* layout */
    float : left ;
}

.body {
    /* layout */
    position : relative ;
}

/********** header **********/

header {
    /* size */
    width : 880px ;
    /* spacing */
    margin : 20px auto ;
    padding : 0 40px ;
    /* layout */
    overflow : hidden ;
}

header h1 {
    /* layout */
    float : left ;
}

header div {
    /* layout */
    float : right ;
    /* letter */
    text-align : right ;
}

header div p {
    /* letter */
    font-size : 12px ;
}

/********** nav **********/

nav {
    /* size */
    width : 880px ;
    /* spacing */
    margin : 0 auto ;
    padding : 10px 0;
    /* layout */
    /* overflow : hidden ; */
    position : relative;
}

nav ul {
    /* size */
    width : 875px ;
    height : 40px ;
    /* spacing */
    margin : 0 auto ;
    /* layout */
    overflow : hidden ;
    /* decoiration */
    border-left : solid 1px #000 ;
}

nav li {
    /* size */
    width : 85px ;
    height : 40px ;
    /* layout */
    float : left ;
    /* decoration */
    border-right : solid 1px #000 ;
}

nav li a {
    /* margin */
    padding : 12px 0 ;
    /* layout */
    display : block ;
    /* letter */
    text-align : center ;
}

nav li a .bg {
    position: absolute;
    top: -12%;
    right: 14%;
    color: #FFF;
    font-weight: bold;
    background: linear-gradient(to bottom, #0099CC, #006699);
    background: -moz-linear-gradient(top,#0099CC 0%,#006699);
    background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
    color: #FFF;
    width: 48px;    
}

nav li a img {
    width: 60% ;
}

nav li a img.help {
    width: 85% ;
}

nav li a img.view {
    width: 85% ;
}

/********** .cover **********/

.cover {
    /* size */
    width : 960px ;
    height : 270px ;
    /* spacing */
    margin : 0 auto ;
}

.cover {
    /* layout */
    display : block ;
}

/* ホームは別サイズ */

.home.cover {
    /* size */
    width : 960px ;
    height : 600px ;
}

/********** .breadCrumb **********/

.breadCrumb {
    /*size*/
    width : 100% ;
    min-width : 960px ;
    height : 60px ;
    /* spacing */
    margin : 0 auto ;
    /* layout */
    overflow : hidden ;
    /* decoration */
    border-top : solid 1px #C7C1BC ;
    border-bottom : solid 1px #C7C1BC ;
}

.breadCrumb ul {
    /* size */
    width : 880px ;
    /* spacing */
    margin : 0 auto ;
    /* layout */
    overflow : hidden ;
}

.breadCrumb ul li {
    /* layout */
    float : left ;
}

.breadCrumb ul li a {
    /* spacing */
    padding : 20px 30px 20px 60px ;
    /* layout */
    display : block ;
    /* decoration */
    background-image : url(img/commonLineNav.png) ;
    background-position : left ;
    background-repeat : no-repeat ;
    /* letter */
    color : #736357 ;
}

.breadCrumb ul li:first-child a {
    /* decoration */
    background-image : none ;
}

/********** .contents **********/

.contents {
    /*size*/
    width : 960px ;
    /* spacing */
    margin :  0 auto 30px ;
    /* layout */
    overflow : hidden ;
}

.contents section.parent {
    /* size */
    width : 900px ;
    /* spacing */
    margin : 0 auto ;
    padding : 30px 30px 0 ;
    /* layout */
    overflow : hidden ;
}

section h1.parent {
    /* letter */
    text-align : center ;
    /* spacing */
    margin : 0 0 30px ;
    /* decoration */
    background-image : url(img/commonLineHeader.png) ;
    background-position : center center ;
    background-repeat : no-repeat ;
}

.contents .parent section {
    /* spacing */
    margin : 10px ;
    /* layout */
    float: left ;
    position : relative ;
}

.contents .parent figure {
    /* spacing */
    margin : 10px ;
    /* layout */
    float: left ;
    position : relative ;
}

.contents .parent iframe {
    /* spacing */
    margin : 10px ;
    /* layout */
    float: left ;
}

.contents .parent .block {
    /* spacing */
    margin : 10px ;
    /* layout */
    float: left ;
}

/* boxSize */

.contents .parent .widFull {
    /* size */
    width : 880px
}

.contents .parent .widTri {
    /* size */
    width : 580px
}

.contents .parent .widHalf {
    /* size */
    width : 430px
}

.contents .parent .widQuar {
    /* size */
    width : 205px
}

.contents .parent .heiFull {
    /* size */
    height : 880px
}

.contents .parent .heiHalf {
    /* size */
    height : 430px
}

.contents .parent .heiLarge {
    /* size */
    height : 360px
}

.contents .parent .heiMedium {
    /* size */
    height : 320px
}

.contents .parent .heiQuar {
    /* size */
    height : 205px
}

.contents .parent .heiSmall {
    /* size */
    height : 180px
}

.contents .parent .heiMin {
    /* size */
    height : 150px
}

.contents .parent .blockHalf {
    /* size */
    width : 450px ;
    height : 450px ;
    /* layout */
    float : left ;
}

/********** footer **********/

footer {
    /* size */
    width : 960px ;
    /* spacing */
    margin : 0 auto ;
    /* layout */
    overflow : hidden ;
    /* letter */
    color : #736357 ;
}

footer .summary figure {
    /* spacing */
    margin : 0 0 40px ;
}

footer .siteMap ul li {
    /* decoration */
    list-style-type : disc ;
}

footer .siteMap a {
    /* letter */
    color : #736357 ;
}

footer .banner ul li {
    /* size */
    height : 60px ;
    /* spacing */
    margin : 10px 0 0 ;
}

footer .banner ul li:first-child {
    /* spacing */
    margin : 0 ;
}

small {
    /* spacing */
    padding : 20px ;
    /* layout */
    display : block ;
    /* letter */
    text-align : center ;
}

small a {
    /* letter */
    color : #FFF ;
}

/********** background **********/

.black {
    /* decoration */
    background-color : #000 ;
}

.softBrown {
    /* decoration */
    background-color : #F1EFEE ;
}

.paleBrown {
    /* decoration */
    background-color : #E3E0DD ;
}

.mediumBrown {
    /* decoration */
    background-color : #D5D0CC ;
}

.lightBrown {
    /* decoration */
    background-color : #ABA19A ;
}

.brown {
    /* decoration */
    background-color : #736357 ;
}

/********** table **********/

.tableBlock {
    /* spacing */
    margin : 10px ;
}

table {
    width : 100% ;
}

table th {
    /* dedcoration */
    border : solid 1px #B9B1AB ;
    /* letter */
    color : #736357 ;
    text-align : left ;
}

table td {
    /* dedcoration */
    border : solid 1px #B9B1AB ;
    /* letter */
    color : #736357 ;
}

table.double th ,
table.triple th {
    /* size */
    width : 26% ;
    /* spacing */
    padding : 2% ;
    /* decoration */
    background-color : #F1EFEE ;
}

table.triple th ,
table.triple td:first-child {
    /* size */
    width : 26% ;
    /* spacing */
    padding : 2% ;
}

table.double td {
    /* spacing */
    padding : 2% ;
}

table.triple td {
    /* spacing */
    padding : 2% ;
}

table tr:first-child th {
    /* decoration */
    border-top : solid 4px #736357 ;
}

table tr:first-child td {
    /* decoration */
    border-top : solid 4px #C1272D ;
}

/********** notes **********/

.notes {
    /* spacing */
    margin : 30px 10px 10px ;
    /* layout */
    float : left ;
    /* letter */
    color : #736357 ;

}

.phone {
    /* spacing */
    margin : 30px 10px 10px ;
    /* layout */
    float : right ;
}





/********** home **********/

.news dl {
    /* spacing */
    margin : 0 40px 0 40px ;
    /* layout */
    overflow : hidden ;
    text-align: left;
}

.news dl dt {
    /* size */
    width : 120px ;
    /* spacing */
    margin : 0 20px ;
    /* layout */
    float : left ;
    /* letter */
    line-height : 2.0 ;
}

.news dl dd {
    /* spacing */
    margin : 0 0 0 130px ;
    /* letter */
    line-height : 2.0 ;
}

.home .letterBottom h2 ,
.home .letterBottom h3 {
    /* layout */
    position : absolute ;
    right : 20px ;
    bottom : 90px ;
    /* letter */
    font-size : 24px ;
    text-align : right ;
}

.home .letterBottom p {
    /* layout */
    position : absolute ;
    right : 20px ;
    bottom : 20px ;
    /* letter */
    text-align : right ;
}

.home .parent section a {
    /* size */
    height : 100% ;
    /* layout */
    display : block ;
    /* letter */
    color : #FFF ;
}

.home .parent aside section a {
    /* letter */
    color : #0071BC ;
}

/* background */

.home .bgBeauty {
    /* decoration */
    background-image : url(img/homeImgBeautiful.png) ;
    /* letter */
    color : #FFF ;
}

.home .bgHeal {
    /* decoration */
    background-image : url(img/homeImgHealing.png) ;
    /* letter */
    color : #FFF ;
}

.home .bgRelaxation {
    /* decoration */
    background-image : url(img/homeImgRelaxation.png) ;
    /* letter */
    color : #FFF ;
}

.home .bgSmall {
    /* layout */
    position : absolute ;
    /* decoration */
    background-image : url(img/homeImgSmall.png) ;
    /* letter */
    color : #FFF ;
    text-align : center ;
}

.home .bgSmall h3 {
    /* spacing */
    padding : 65px 0 10px ;
}

.home .bgOpen {
    /* decoration */
    background-image : url(img/homeImgOpen.png) ;
    /* letter */
    color : #FFF ;
    text-align : center ;
}

.home .bgOpen h3 {
    /* spacing */
    padding : 65px 0 10px ;
}

.home .bgJacuzzi {
    /* decoration */
    background-image : url(img/homeImgJacuzzi.png) ;
    /* letter */
    color : #FFF ;
    text-align : center ;
}

.home .bgJacuzzi h3 {
    /* spacing */
    padding : 65px 0 10px ;
}

.home .bgFamily {
    /* decoration */
    background-image : url(img/homeImgFamily.png) ;
    /* letter */
    color : #FFF ;
    text-align : center ;
}

.home .bgFamily h3 {
    /* spacing */
    padding : 65px 0 10px ;
}

.home .bgMeal {
    /* decoration */
    background-image : url(img/homeImgMeal.png) ;
    /* letter */
    color : #FFF ;
}

.home .bgSouvenir {
    /* decoration */
    background-image : url(img/homeImgSouvenir.png) ;
    /* letter */
    color : #FFF ;
}

.home .bgFeel {
    /* decoration */
    background-color: #A00E15;
    /* letter */
    color : #FFF ;
}

.home .bgFeel h1 {
    /* spacing */
    margin : 40px 40px 0;
    padding-bottom: 40px ;
    /* decoration */
    border-bottom : solid 1px #FFF;
    /* letter */
    font-size: 21px;
    font-weight: normal;
    text-align: left ;
}

.home .bgFeel ul {
    /* spacing */
    margin : 40px ;
}

.home .bgFeel li {
    /* spacing */
    margin : 10px 20px ;
    /* decoration */
    list-style-type : disc ;
}

.home .parent aside section.bgFeel li a {
    /* letter */
    color : #FFF ;
}

.home .bgInfo {
    /* size */
    height: 380px;
    /* decoration */
    background-color: #006E35;
    /* letter */
    color : #FFF ;
}

.home .bgInfo h1 {
    /* spacing */
    margin : 40px 40px 0 ;
    padding-bottom: 40px ;
    /* decoration */
    border-bottom : solid 1px #FFF ;
    /* letter */
    font-size: 21px ;
    font-weight: normal ;
    text-align: left ;
}

.home .bgInfo h2 {
    /* layout */
    float : none ;
    /* spacing */
    margin : 40px 40px 0 ;
    /* letter */
    font-size: 18px ;
}

.home .parent aside section.bgInfo h2 a {
    color : #FFF ;
}

.home .bgInfo figure {
    margin : 40px  ;
}

.home .bgInfo p {
    margin : 40px ;
}

.home .bgInfo p.date {
    text-align: right ;
}

.home .parent aside section.bgInfo p a {
    display: inline ;
    color : #FFF ;
}

.home .bgTopFacility {
    /* decoration */
    background-image : url(img/homeImgFacility.png) ;
    background-position: center center ;
}


.home .bgRest {
    /* decoration */
    background-image : url(img/homeImgRest.png) ;
    /* letter */
    text-shadow: 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF ;
}

.home .parent section.bgRest a {
    /* letter */
    color : #000 ;
}

.home .bgStatus {
    /* decoration */
    background-image : url(img/homeImgAzumaya.png) ;
    /* letter */
    color : #FFF ;
    text-align : center ;
}

.home .bgStatus h3 {
    /* spacing */
    margin : 50px 0 10px ;
}

.home .bgNo1 {
    /* decoration */
    background-image : url(img/homeImgNo1.png) ;
    /* letter */
    color : #FFF ;
    text-align : center ;
}

.home .bgNo1 h4 {
    /* spacing */
    padding : 50px 0 10px ;
}

.home .bgNo2 {
    /* decoration */
    background-image : url(img/homeImgNo2.png) ;
    /* letter */
    color : #FFF ;
    text-align : center ;
}

.home .bgNo2 h4 {
    /* spacing */
    padding : 50px 0 10px ;
}

.home .bgNo3 {
    /* decoration */
    background-image : url(img/homeImgNo3.png) ;
    /* letter */
    color : #FFF ;
    text-align : center ;
}

.home .bgNo3 h4 {
    /* spacing */
    padding : 50px 0 10px ;
}

.contents.home article {
    /* size */
    width : 880px ;
    /* spacing */
    margin : 0 auto ;
    /* layout */
    overflow : hidden ;
    /* decoration */
    border : solid 1px #000 ;
}

.contents.home article figure {
    /* size */
    width : 440px ;
    height : 360px ;
    /* spacing */
    margin : 0 ;
}

.contents.home article div {
    /* size */
    width : 440px ;
    /* layout */
    float : left ;
}

.contents.home article div h2 ,
.contents.home article div p ,
.contents.home article div time {
    /* spacing */
    margin : 40px ;
    /* letter */
    color : #736357 ;
}

.contents.home article div time {
    /* layout */
    display : block ;
    /* letter */
    text-align : right ;
}

.contents.home .addInfo {
    /* layout */
    float : left ;
    /* spacing */
    margin : 10px ;
    /* letter */
    color : #736357 ;
}

.contents.home .addInfo p ,
.contents.home .addInfo ul {
    margin : 40px 0 ;
}

/********** onsen **********/

.onsen .topLetter {
    /* letter */
    color : #736357 ;
}

.onsen .smallLetter {
    /* letter */
    color : #000 ;
    text-shadow: 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF ;
}

.onsen .topLetter h2 ,
.onsen .topLetter ul ,
.onsen .topLetter p ,
.onsen .smallLetter h2 ,
.onsen .smallLetter ul ,
.onsen .smallLetter p {
    /* spacing */
    margin : 40px ;
}

.onsen .smallLetter h2 {
    /* letter */
    font-size : 15px ;
}

.onsen .smallLetter p ,
.onsen .smallLetter li {
    /* letter */
    font-size : 12px ;
    line-height : 2.0 ;
}

.onsen .topLetter li ,
.onsen .smallLetter li {
    /* decoration */
    list-style-type : disc ;
}

.onsen .softBrown {
    position: relative;
}

.onsen .softBrown figure{
    width: 350px ;
    height: 60px ;
    margin: 0 40px;
    position: absolute;
    bottom: 50px;
}

.onsen .softBrown img{
    width: 350px ;
}

.onsen .bgOpen {
    /* decoration */
    background-image : url(img/onsenImgOpen.png) ;
}

.onsen .bgOpen h2 {
    /* spacing */
    margin-bottom : 10px ;
}

.onsen .bgOpen p {
    /* spacing */
    margin : 0 40px ;
}

.onsen .bgFamily {
    /* decoration */
    background-image : url(img/onsenImgFamily.png) ;
}

.onsen .bgFamily h2 {
    /* spacing */
    margin-bottom : 10px ;
}

.onsen .bgFamily p {
    /* spacing */
    margin : 0 40px ;
}

.onsen .bgSauna {
    /* decoration */
    background-image : url(img/onsenImgSauna.png) ;
}

.onsen .bgSauna h2 {
    /* spacing */
    margin-bottom : 10px ;
}

.onsen .bgSauna p {
    /* spacing */
    margin : 0 40px ;
}

.onsen .bgMistSauna {
    /* decoration */
    background-image : url(img/onsenImgMistSauna.png) ;
}

.onsen .bgMistSauna h2 {
    /* spacing */
    margin-bottom : 10px ;
}

.onsen .bgMistSauna p {
    /* spacing */
    margin : 0 40px ;
}

.onsen .bgSmall {
    /* decoration */
    background-image : url(img/onsenImgSmall.png) ;
}

.onsen .bgSmall h2 {
    /* spacing */
    margin-bottom : 10px ;
}

.onsen .bgSmall p {
    /* spacing */
    margin : 0 40px ;
}

.onsen .bgWash {
    /* decoration */
    background-image : url(img/onsenImgWash.png) ;
}

.onsen .bgWash h2 {
    /* spacing */
    margin-bottom : 10px ;
}

.onsen .bgWash p {
    /* spacing */
    margin : 0 40px ;
}

.onsen .bgOver {
    /* decoration */
    background-image : url(img/onsenImgOver.png) ;
}

.onsen .bgOver h2 {
    /* spacing */
    margin-bottom : 10px ;
}

.onsen .bgOver p {
    /* spacing */
    margin : 0 40px ;
}

.onsen .bgShower {
    /* decoration */
    background-image : url(img/onsenImgShower.png) ;
}

.onsen .bgShower h2 {
    /* spacing */
    margin-bottom : 10px ;
}

.onsen .bgShower p {
    /* spacing */
    margin : 0 40px ;
}

.onsen .bgJacuzzi {
    /* decoration */
    background-image : url(img/onsenImgJacuzzi.png) ;
}

.onsen .bgJacuzzi h2 {
    /* spacing */
    margin-bottom : 10px ;
}

.onsen .bgJacuzzi p {
    /* spacing */
    margin : 0 40px ;
}

.onsen .topLetter p.dayYouth {
    margin: 40px 40px 0;
}

.onsen .topLetter p.dayYouthFee {
    margin: 20px 40px 0;
}

/********** facility **********/

.facility section.layRight ,
.facility figure.layRight {
    /* layout */
    float : right ;
}

.facility .topLetter {
    /* letter */
    color : #736357 ;
}

.facility .smallLetter {
    /* letter */
    color : #FFF ;
}

.facility .topLetter h2 ,
.facility .topLetter h3 ,
.facility .topLetter ul ,
.facility .topLetter p ,
.facility .smallLetter h2 ,
.facility .smallLetter h3 ,
.facility .smallLetter ul ,
.facility .smallLetter p {
    /* spacing */
    margin : 40px ;
}

.facility .smallLetter {
    /* letter */
    color : #000 ;
    text-shadow: 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF , 0 0 20px #FFF ;
}

.facility .smallLetter h2 ,
.facility .smallLetter h3 {
    /* letter */
    font-size : 15px ;
}

.facility .smallLetter p ,
.facility .smallLetter li {
    /* letter */
    font-size : 12px ;
    line-height : 2.0 ;
}

.facility .topLetter li ,
.facility .smallLetter li {
    /* decoration */
    list-style-type : disc ;
}

/* background */

.facility .bgRelaxation {
    /* layout */
    position : relative;
    /* decoration */
    background-image : url(img/facilityImgRelaxation.png) ;
}

.facility .bgRelaxation div {
    /* layout */
    position: absolute;
    bottom: 0;
    /* layout */
    overflow : hidden ;
}

.facility .bgPrivate {
    /* decoration */
    background-image : url(img/facilityImgPrivate.png) ;
}

.facility .bgTv {
    /* decoration */
    background-image : url(img/facilityImgTv.png) ;
}

.facility .bgMassage {
    /* decoration */
    background-image : url(img/facilityImgMassage.png) ;
}

.facility .bgMachine {
    /* decoration */
    background-image : url(img/facilityImgMachine.png) ;
}

.facility .bgGame {
    /* decoration */
    background-image : url(img/facilityImgGame.png) ;
}

.facility .mealMenu {
    /* decoration */
    background-image : url(img/facilityImgMealMenu.png) ;
    /* letter */
    text-align: right ;
}

/********** restaurant **********/

.restaurant section.layRight ,
.restaurant figure.layRight {
    /* layout */
    float : right ;
}

.restaurant .topLetter {
    /* letter */
    color : #736357 ;
}

.restaurant .smallLetter {
    /* letter */
    color : #FFF ;
}

.restaurant .topLetter h2 ,
.restaurant .topLetter h3 ,
.restaurant .topLetter ul ,
.restaurant .topLetter p ,
.restaurant .smallLetter h2 ,
.restaurant .smallLetter h3 ,
.restaurant .smallLetter ul ,
.restaurant .smallLetter p {
    /* spacing */
    margin : 40px ;
}

.restaurant .smallLetter {
    /* letter */
    color : #FFF ;
}

.restaurant .smallLetter h2 ,
.restaurant .smallLetter h3 {
    /* letter */
    font-size : 15px ;
}

.restaurant .smallLetter p ,
.restaurant .smallLetter li {
    /* letter */
    font-size : 12px ;
}

.restaurant .topLetter li ,
.restaurant .smallLetter li {
    /* decoration */
    list-style-type : disc ;
}

/* background */

.restaurant .bgRelaxation {
    /* layout */
    position : relative;
    /* decoration */
    background-image : url(img/facilityImgRelaxation.png) ;
    text-shadow: 0 0 3px #000000;
}

.restaurant .bgRelaxation div {
    /* layout */
    position: absolute;
    bottom: 0;
    /* layout */
    overflow : hidden ;
}

.restaurant .bgPrivate {
    /* decoration */
    background-image : url(img/facilityImgPrivate.png) ;
}

.restaurant .bgTv {
    /* decoration */
    background-image : url(img/facilityImgTv.png) ;
}

.restaurant .bgMassage {
    /* decoration */
    background-image : url(img/facilityImgMassage.png) ;
}

.restaurant .bgMachine {
    /* decoration */
    background-image : url(img/facilityImgMachine.png) ;
}

.restaurant .bgGame {
    /* decoration */
    background-image : url(img/facilityImgGame.png) ;
}

.restaurant .mealMenu {
    /* decoration */
    background-image : url(img/facilityImgMealMenu.png) ;
    /* letter */
    text-align: right ;
}

.restaurant .layLeft {
    /* size */
    width: 400px ;
    /* spacing */
    margin : 40px 10px 0 ;
    /* layout */
    float : left ;
    /* letter */
    color : #736357 ;
}

.restaurant .layRight {
    /* size */
    width: 400px ;
    /* spacing */
    margin : 40px 10px 0 ;
    /* layout */
    float : right ;
    /* letter */
    color : #736357 ;
}

.restaurant .layLeft h3 ,
.restaurant .layRight h3 {
    /* spacing */
    margin : 0 0 20px ;
}

.restaurant .layLeft dt ,
.restaurant .layRight dt {
    /* layout */
    clear : both ;
    float : left ;
}

.restaurant .layLeft dd ,
.restaurant .layRight dd {
    /* letter */
    text-align : right ;
}

/********** stay **********/

.stay .topLetter {
    /* letter */
    color : #736357 ;
}

.stay .topLetter h2 ,
.stay .topLetter h3 ,
.stay .topLetter ul ,
.stay .topLetter p  {
    /* spacing */
    margin : 40px ;
}

.stay .topLetter li {
    /* decoration */
    list-style-type : disc ;
}

.contents.stay .parent .noOne {
    /* layout */
    position : relative ;
    /* decoration */
    background-image : url(img/stayContPhOne.png) ;
    background-repeat : no-repeat ;
    background-position : center center ;
    /* letter */
    color : #FFF ;
    text-shadow: 0 0 2px #000000;
}

.contents.stay .parent .noTow {
    /* layout */
    position : relative ;
    /* decoration */
    background-image : url(img/stayContPhTow.png) ;
    background-repeat : no-repeat ;
    background-position : center center ;
    /* letter */
    color : #FFF ;
    text-shadow: 0 0 2px #000000;
}

.contents.stay .parent .noThree {
    /* layout */
    position : relative ;
    /* decoration */
    background-image : url(img/stayContPhThree.png) ;
    background-repeat : no-repeat ;
    background-position : center center ;
    /* letter */
    color : #FFF ;
    text-shadow: 0 0 2px #000000;
}

.contents.stay .parent .cottageInfo {
    position : absolute ;
    top : -20px ;
    overflow : hidden ;
}

.contents.stay .parent .cottageInfo p {
    margin: 20px;
}

.contents.stay .parent table span {
    margin: 0 0 0 30px ;
}

/********** fee **********/

.fee .layLeft {
    /* size */
    width: 400px ;
    /* spacing */
    margin : 40px 10px 0 ;
    /* layout */
    float : left ;
    /* letter */
    color : #736357 ;
}

.fee .layRight {
    /* size */
    width: 400px ;
    /* spacing */
    margin : 40px 10px 0 ;
    /* layout */
    float : right ;
    /* letter */
    color : #736357 ;
}

.fee .layLeft h3 ,
.fee .layRight h3 {
    /* spacing */
    margin : 0 0 20px ;
}

.fee .layLeft dt ,
.fee .layRight dt {
    /* layout */
    clear : both ;
    float : left ;
}

.fee .layLeft dd ,
.fee .layRight dd {
    /* letter */
    text-align : right ;
}

/********** access **********/

.access .accessMapInfo {
    /* spacing */
    margin : 30px 10px 10px ;
    /* layout */
    float : left ;
    /* letter */
    color : #736357 ;
}

/********** link **********/

.link .layLeft {
    /* layout */
    float : left ;
}

.link .layRight {
    /* layout */
    float : right ;
}

.link div.layLeft {
    /* spacing */
    margin : 10px ;
}

.link div.layRight {
    /* spacing */
    margin : 10px ;
}

.link div.layLeft ul {
    /* spacing */
    margin : 40px ;
}

.link div.layRight ul {
    /* spacing */
    margin : 40px ;
}

/********** travel **********/

.travel .parent section {
    color : #736357 ;
}

.travel .parent section h2 {
    margin : 40px 40px 30px ;
}

.travel .parent section dl {
    margin : 0 40px 30px ;
    font-weight : bold ;
}

.travel .parent section dt {
    float : left ;
    line-height : 2.0 ;
}

.travel .parent section dt.floatNone {
    float : none ;
}

.travel .parent section dt.floatNone + dd {
    margin : 0 ;
}

.travel .parent section dt.floatNone + dd a {
    color : #736357 ;
}

.travel .parent section dd {
    margin : 0 0 0 80px ;
    line-height : 2.0 ;
}

.travel .parent section p {
    margin : 0 40px 40px ;
    line-height : 2.0 ;
}

.travel .laySpecialty {
    width : 225px ;
    float: left ;
}

.travel .parent .laySpecialty section {
    background-color : #736357 ;
    color : #FFFFFF ;
}

.travel .parent .laySpecialty section h2 {
    margin: 20px 20px 10px ;
    font-size : 15px ;
}

.travel .parent .laySpecialty section p {
    margin : 0 20px 20px ;
    font-size : 12px ;
}

/********** contact **********/

.contact table td input {
    /* size */
    width : 76% ;
    /* spacing */
    padding : 2% 2% ;
    /* decoration */
    border : solid 1px #B9B1AB ;
}

.contact table td textarea {
    /* size */
    width : 76% ;
    height : 100% ;
    /* spacing */
    padding : 2% ;
    /* decoration */
    border : solid 1px #B9B1AB ;
}

.contact .submit {
    /* spacing */
    margin : 10px ;
}

.contact .submit input {
    /* size */
    width : 100% ;
    height : 40px ;
    /* decoration */
    border : none ;
    background-color : #006837 ;
    cursor : pointer ;
    /* letter */
    color : #FFF ;
}

/********** privacy **********/

.privacy p {
    /* spacing */
    margin : 10px 10px 0 ;
    /* letter */
    color : #736357 ;
}

.privacy ul {
    /* spacing */
    margin : 10px 10px 0 ;
    /* decoration */
    list-style-position: inside ;
    list-style-type : disc ;
    /* letter */
    color : #736357 ;
}

.privacy h2 {
    /* spacing */
    margin : 10px 10px 0 ;
    /* letter */
    color : #736357 ;
}

/********** blogList **********/

.blogList h2 {
    /* spacing */
    margin : 40px 20px ;
}

.blogList article {
    /* spacing */
    margin : 40px 10px ;
    /* layout */
    overflow : hidden ;
}

.blogList article figure img {
    /* size */
    width : 100% ;
    height : 100% ;
}

.blogList .parent figure ,
.blogList .parent div {
    /* layout */
    float : left ;
}

.blogList .parent div {
    /* spacing */
    margin : 10px ;
}

.blogList .parent div ul {
    /* spacing */
    margin : 40px ;
    /* letter */
    color : #736357 ;
}

.blogList .parent div h1 {
    /* spacing */
    margin : 5px 0 10px ;
    /* letter */
    color : #736357 ;
}

.blogList .parent div p {
    /* letter */
    color : #736357 ;
}

.blogList .pagenation {
    padding: 10px;
    overflow: hidden;
    position: relative;
}
.blogList .pagenation ul {
    list-style: none outside none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}
.blogList .pagenation ul li {
    float: left;
    margin: 5px;
    position: relative;
    left: -50%;
}

.blogList .pagenation ul li a {
    /* spacing */
    padding : 10px 15px ;
    /* layout */
    display : block ;
    /* decoration */
    background-color : #736357 ;
    /* letter */
    color : #FFF ;
}

.blogList .pagenation ul li.active {
    /* spacing */
    padding : 10px 15px ;
    /* layout */
    display : block ;
    /* decoration */
    background-color : #D5D0CC ;
    /* letter */
    color : #FFF ;
}

/********** blog **********/

.blog .layLeft {
    /* size */
    width : 580px ;
    /* spacing */
    margin : 40px 10px 40px 40px ;
    /* layout */
    float : left ;
}

.blog .layPostThum {
    /* size */
    width : 100% ;
}

.blog article h1 {
    /* spacing */
    margin : 40px 0 ;
    /* letter */
    color : #736357 ;
}

.blog article ul {
    /* spacing */
    margin : 40px 0 ;
    /* letter */
    color : #736357 ;
}

.blog article p {
    /* spacing */
    margin : 40px 0 ;
    /* letter */
    color : #736357 ;
}

.blog article p img ,
.blog article p video {
    /* size */
    width: 100%;
}

.blog aside {
    /* size */
    width : 280px ;
    /* spacing */
    margin : 40px 40px 40px 10px ;
    /* layout */
    float : right ;
}

.blog aside h1 {
    /* spacing */
    padding : 15px 0 10px ;
    /* decoration */
    border-top : solid 1px #006837 ;
    border-bottom : solid 1px #006837 ;
    /* letter */
    text-align : center ;
}

.blog aside ul {
    /* spacing */
    margin : 20px ;
}

.blog aside dl {
    /* spacing */
    margin : 20px ;
}

.blog aside dl dt {
    /* layout */
    float : left ;
}

.blog aside dl dd {
    /* spacing */
    padding : 0 0 0 90px ;
}

.blog .pagenation {
    padding: 10px;
    overflow: hidden;
    position: relative;
}
.blog .pagenation ul {
    list-style: none outside none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}
.blog .pagenation ul li {
    float: left;
    margin: 5px;
    position: relative;
    left: -50%;
}

.blog .pagenation ul li a {
    /* spacing */
    padding : 10px 15px ;
    /* layout */
    display : block ;
    /* decoration */
    background-color : #736357 ;
    /* letter */
    color : #FFF ;
}

.blog .pagenation ul li.active {
    /* spacing */
    padding : 10px 15px ;
    /* layout */
    display : block ;
    /* decoration */
    background-color : #D5D0CC ;
    /* letter */
    color : #FFF ;
}

/********** blog info **********/

.blog.info article h1 {
    /* spacing */
    margin : 0 0 40px ;
    /* letter */
    color : #736357 ;
}

/********** proficient **********/

.proficient .parent .heiPro {
    /* size */
    height : 280px ;
}

.proficient .parent section h1 ,
.proficient .parent section p {
    /* spacing */
    margin : 40px ;
    /* letter */
    color : #736357 ;
}

/********** analysis **********/

.analysis .softBrown h2 ,
.analysis .softBrown p {
    /* spacing */
    margin : 40px ;
    /* letter */
    color : #736357 ;
}

.analysis .brown h2 ,
.analysis .brown p {
    /* spacing */
    margin : 40px ;
    /* letter */
    color : #FFFFFF ;
}

.analysis h2 {
    /* letter */
    font-size : 18px ;
    line-height : 1.6 ;
}


/********** view **********/

.view .innerBox h2 {
    margin-bottom: 10px;
    padding-left: 10px;
    font-size : 15px;
    border-left: 3px #A00E15 solid;
    line-height: 18px;
} 

.view .innerBox p{
    margin-bottom: 20px;    
}

.view .liveViewArea {
    display: block;
    margin-bottom: 40px;
}

.view .liveViewArea iframe{
    margin: 0;
    margin-bottom: 40px;
    width: 100%;
}


.view .innerBox {
    padding: 40px;
}

.viewList {
    width: 50%;
    margin-bottom: 40px;
    overflow: hidden;
    float: left;
}

/******* js ******/

.btnTop {
    /* size */
    width: 40px;
    height : 40px ;
    /* spacing */
    margin:  0 10px 10px 0 ;
    /* layout */
    display : none ;
    position : fixed ;
    bottom : 0 ;
    right : 0 ;
    /* letter */
    text-align: center ;
}

.btnTop img{
    /* size */
    width: 40px;
    height : 40px ;
}

.btnMenu {
    /* size */
    width : 40px ;
    height : 40px ;
    /* layout */
    display : block ;
    /* decoration */
    background-image : url(img/commonImgBtnMenu.png) ;
    background-size : 40px 40px ;
}

.zoomWindow {
    width : 100% ;
    height : 100% ;
    position : fixed ;
    top : 0 ;
    left : 0 ;
    background : url(img/zoomImageBg.png) repeat left top ;
    cursor : pointer ;
}

.pcHidden {
    display: none ;
}

@media screen and (max-width:430px) {

    /********** common **********/

    .layGrand {
        /* size */
        min-width : 100% ;
        /* layout */
        overflow : hidden ;
    }

    body {
        /* spacing */
        padding-top : 60px ;
    }

    header {
        /* size */
        width : 100% ;
        height : 40px ;
        /* spacing */
        margin : 0 ;
        padding : 70px 0 10px ;
        /* layout */
        position : fixed ;
        top : -60px ;
        z-index : 9999 ;
        /* decoration */
        background-color : #FFF ;
    }

    header h1 {
        /* spacing */
        margin : 0 10px 0 ;
    }

    header div {
        /* spacing */
        margin : 0 10px 0 ;
    }

    header h1 a img {
        /* size */
        width : 95px ;
        height : 40px ;
    }

    header div p ,
    header div figure {
        /* layout */
        display : none ;
    }

    header div figure img {
        /* size */
        width : 120px ;
        height : 30px ;
    }

    nav {
        /* size */
        width : auto ;
        /* spacing */
        margin : 0 ;
        /* layout */
        position : fixed ;
        top : 60px ;
        z-index : 9999 ;
        /* decoration */
        background-color : #F1EFEE ;
    }

    nav ul {
        /* size */
        width : auto ;
        height : auto ;
        /* decoration */
        border : none ;
    }

    nav li {
        /* size */
        width : 50% ;
        /* decoration */
        border : none ;
    }
    
    nav li a .bg{
        /* layout */
        top: 81%;
        right: 85%;
        width: 40px;
    }
    
    nav li a img {
        width: 33% ;
    }

    nav li a img.help {
        width: 50% ;
    }
    
    nav li a img.view {
        width: 55% ;
    }

    .cover {
        /* size */
        width : auto ;
        height : auto ;
    }

    .cover img {
        /* size */
        width : 100% ;
        /*  */
        display : block ;
    }

    .breadCrumb {
        /* layout */
        display : none ;
    }

    div.contents {
        /* size */
        width : auto ;
    }

    .contents section.parent {
        /* size */
        width : auto ;
        /* spacing */
        padding : 0 ;
    }

    .contents h1.parent {
        /* size */
        width : auto ;
        /* spacing */
        margin : 10px ;
    }

    .contents h1.parent img {
        /* size */
        zoom : 50% ;
    }

    footer {
        /* size */
        width : 100% ;
    }

    footer .laySmall {
        /* size */
        width : 100% ;
        /* spacing */
        padding : 0 ;
    }

    footer .laySmall figure {
        /* spacing */
        margin : 20px ;
        /* letter */
        text-align : center ;
    }

    footer .laySmall figure img {
        /* size */
        width : 95px ;
        height : 40px ;
    }

    footer .laySmall p {
        /* spacing */
        margin : 20px ;
        /* letter */
        text-align : center ;
    }

    footer .laySmall.siteMap ul {
        /* spacing */
        margin : 0 0 15px ;
        /* layout */
        overflow : hidden ;
    }

    footer .laySmall.siteMap ul li {
        /* size */
        min-width : 60px ;
        /* spacing */
        margin : 5px 20px ;
        /* layout */
        float : left ;
        /* decoration */
        list-style-type : none ;
    }

    footer .laySmall.banner ul {
        /* spacing */
        margin : 0 20px 20px ;
    }

    footer .laySmall.banner img {
        /* size */
        zoom : 50% ;
    }

    footer .banner ul {
        /* layout */
        overflow : hidden ;
    }

    footer .banner ul li {
        /* size */
        height : auto ;
        /* layout */
        float : left ;
    }

    footer .banner ul li:first-child {
        /* spacing */
        margin : 10px 5px 0 ;
    }

    footer .banner ul li {
        /* spacing */
        margin : 10px 5px 0 ;
    }

    /* spacing */

    .contents .parent figure {
        /* spacing */
        margin : 0 ;
    }

    /* size */

    .contents .parent .widFull {
        /* size */
        width : 100% ;
        /* layout */
        margin : 0 ;
    }

    .contents .parent .widHalf {
        /* size */
        width : 100% ;
        /* layout */
        margin : 0 ;
    }

    .contents .parent .widQuar {
        /* size */
        width : 50% ;
        /* layout */
        margin : 0 ;
    }

    .contents .parent figure.heiHalf {
        /* size */
        height : auto ;
    }

    .contents .parent figure.widHalf.heiHalf img {
        /* size */
        width : 100% ;
    }

    .contents .parent .blockHalf {
        /* size */
        width : auto ;
        height : auto ;
    }

    .contents .parent .heiHalf.softBrown ,
    .contents .parent .heiQuar.softBrown {
        /* size */
        height : auto ;
    }

    .contents figure.widQuar.heiQuar {
        /* size */
        height : auto ;
    }

    .contents figure img {
        /* size */
        width : 100% ;
        /* decoration */
        display : block ;
    }

    .notes {
        /* spacing */
        margin : 20px ;
        /* layout */
        float : none ;
        overflow : hidden ;
    }

    .phone {
        /* spacing */
        margin : 20px 20px 0 ;
        /* layout */
        float : none ;
        display : block ;
        /* letter */
        text-align : center ;
    }

    .phone img {
        /* size */
        zoom : 50% ;
    }

    /********** home **********/

    .home.spHidden {
        display: none;
    }

    .home.cover.pcHidden {
        width: 100% ;
        display: block;
        height: auto ;
    }

    .home.cover.pcHidden img{
        width: 100% ;
    }

    .contents.home .parent aside section {
        /* decoration */
        background-position : center center ;
    }

    .bgInfo {
        /* size */
        height: auto !important;
        /* spacing */
        padding: 0 0 20px 0 ;
        /* decoration */
        background-image: none !important;
        background-color: #D5D0CC ;
    }

    .contents .parent .bgInfo figure {
        float : none ;
        margin : 40px 0 ;
    }

    .contents .parent .bgInfo figure img {
        width : auto ;
        margin : 0 auto ;
    }

    .contents.home .addInfo p ,
    .contents.home .addInfo ul {
        /* layout */
        margin : 20px ;
    }

    .home .bgProficient ,
    .home .bgStatus ,
    .home .bgNo1 ,
    .home .bgNo2 ,
    .home .bgNo3 {
        /* decoration */
        background-position : center center ;
        background-size : cover ;
    }

    .home .bgSmall ,
    .home .bgOpen ,
    .home .bgJacuzzi ,
    .home .bgFamily ,
    .home .bgStatus ,
    .home .bgNo1 ,
    .home .bgNo2 ,
    .home .bgNo3 {
        /* decoration */
        background-position : left top ;
        background-size : cover ;
    }

    .home .bgTopFacility p {
        /* letter */
        font-size: 0.5em;
    }

    .contents {
        /* spacing */
        margin : 0 ;
    }

    .contents .bgInfo h1.parent {
        /* spacing */
        margin : 40px 40px 0 ;
    }

    small a {
        line-height: 1.5;
    }


    /********** onsen **********/

    .softBrown {
        position: static ;
    }


    .onsen .softBrown img{
        width: 240px ;
        margin: 0 auto ;
    }

    .onsen .softBrown figure{
        width: 100% ;
        height: auto ;
        margin: 0 auto 40px ;
        position: static ;
    }

    .onsen .smallLetter h2 ,
    .onsen .smallLetter p {
        margin : 20px ;
    }

    /********** facility **********/

    .facility .bgRelaxation div.widQuar {
        /* spacing */
        margin : 110px auto ;
    }

    /********** restaurant **********/

    .restaurant .layLeft ,
    .restaurant .layRight {
        /* layout */
        float : none ;
    }

    .restaurant .layLeft dt ,
    .restaurant .layRight dt ,
    .restaurant .layLeft dd ,
    .restaurant .layRight dd {
        /* size */
        width : auto ;
        /* layout */
        float : none ;
    }

    .restaurant .layLeft dd ,
    .restaurant .layRight dd {
        /* spacing */
        margin : 0 0 10px ;
        /* letter */
        text-align : left ;
    }

    /********** fee **********/

    .fee .layLeft ,
    .fee .layRight {
        /* layout */
        float : none ;
    }

    .fee .layLeft dt ,
    .fee .layRight dt ,
    .fee .layLeft dd ,
    .fee .layRight dd {
        /* size */
        width : auto ;
        /* layout */
        float : none ;
    }

    .fee .layLeft dd ,
    .fee .layRight dd {
        /* spacing */
        margin : 0 0 10px ;
        /* letter */
        text-align : left ;
    }

    /********** stay **********/

    .contents.stay {
        /* spacing */
        margin-bottom : 20px ;
    }

    .contents.stay .parent .heiMedium {
        /* size */
        height : auto ;
    }

    /********** access **********/

    .contents.access .parent iframe {
        /* size */
        width : 100% ;
        /* spacing */
        margin : 0 ;
    }

    .contents.access .parent .accessMapInfo {
        /* spacing */
        margin : 20px ;
    }

    /********** travel **********/

    .travel .parent section dt {
        float : none ;
        line-height : 2.0 ;
    }

    .travel .parent section dd {
        margin : 0 ;
    }

    .travel .parent section dt.floatNone + dd {
        font-size : 0.5em ;
    }

    .travel .laySpecialty {
        width : 100% ;
    }

    .travel .laySpecialty .widQuar {
        width : 100% ;
    }

    .travel .laySpecialty .heiQuar {
        height : auto ;
    }

    /********** contact **********/

    .contents.contact {
        /* spacing */
        margin-bottom : 20px ;
    }

    /********** blogList **********/

    .contents.blogList .parent figure.widQuar {
        /* size */
        width : 100% ;
        /* spacing */
        margin : 0 ;
    }

    .contents.blogList .parent .widQuar {
        /* size */
        width : 100% ;
    }

    .contents.blogList .parent .heiQuar.softBrown {
        /* size */
        height : auto ;
    }

    .contents.blogList .parent .heiQuar.softBrown ul {
        /* spacing */
        margin : 20px ;
    }

    .contents.blogList .parent .widHalf h1 ,
    .contents.blogList .parent .widHalf p {
        /* spacing */
        margin : 20px 0 ;
    }

    /********** privacy **********/

    .contents.privacy {
        /* spacing */
        margin : 0 0 20px ;
    }

    /********** blog **********/

    .contents.blog .layLeft {
        /* size */
        width : 100% ;
        /* spacing */
        margin : 0 ;
    }

    .contents.blog article h1 ,
    .contents.blog article p ,
    .contents.blog article ul {
        /* size */
        width : auto ;
        /* spacing */
        margin : 20px ;
    }

    .contents.blog article img {
        /* size */
        width : 100% ;
    }

    .contents.blog aside {
        /* size */
        width : 100% ;
        /* spacing */
        margin : 0 ;
    }

    /********** proficient **********/

    .contents.proficient .heiPro {
        /* size */
        width : 100% ;
        height : auto ;
        /* spacing */
        margin : 0 ;
    }

    .contents.proficient .heiPro h1 ,
    .contents.proficient .heiPro p {
        /* spacing */
        margin : 20px ;
    }

    /********** analysis **********/

    .contents.analysis .parent h2 {
        /* spacing */
        margin : 20px ;
        /* letter */
        font-size : 14px ;
    }

    .contents.analysis .parent p {
        /* spacing */
        margin : 20px ;
        /* letter */
        font-size : 12px ;
    }

    .contents.analysis .parent .brown {
        /* size */
        height : auto ;
    }
    
    
    /********** view **********/

    .viewList {
        width: 100%;
        float: none
    }
    
    
}