/*====================
編集部のつぶやき
====================*/
#main{
/*  position:relative;*/
    padding-bottom:0px;
    margin-bottom:0px;
}
#editors-twitter{
    width:90%;
    position:absolute; bottom:0;
    margin:10px 10px 0; background:url(../images/bg-title-twitter2.png) no-repeat 0 center;
    overflow:hidden;
}
#editors-twitterin{
    padding:10px 10px 8px; margin-left:49px; background-color:#E0EEF5;
    -webkit-border-radius:3px; -moz-border-radius:3px;
    line-height:1.1em;
    overflow:hidden; position:relative;
}
#editors-twitterin ul{width:999999px;}
#editors-twitterin li{position:relative; margin:0 10px; overflow:hidden;}
#editors-twitterin li span{display:block; float:left; margin-right:30px; white-space:nowrap;}

/*====================
contents layout setting
====================*/
#main .sideContents{
    display:block;
}
#sideContentsMirror{
    display:none;
}

/*Shopdata*/
#shopdatabox {
    display: block;
}
#sldr_03 {
    border: 1px solid #CCCCCC;
    box-shadow: 0 2px 4px #999999;
    margin: 0px auto 10px;
    width: 92%;
}
#sldr_03 dd.shopdata_02 {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    font-size: 14px;
    height: auto;
    width: 100%;
}
ul.list-data li {
    border-bottom: 1px solid #CCCCCC;
}
.pad_5px {
    padding: 5px 0;
}
.box_100 {
    display: block;
    height: auto;
    width: 100%;
}
#sldr_03 dd.shopdata_02 .sd_title {
    color: #000000;
    display: block;
    float: left;
    height: auto;
    margin-bottom: 8px;
    width: 25%;
}
#sldr_03 dd.shopdata_02 .sd_title .sd_title_inner {
    background-color: #333;
    color: #FFFFFF;
    display: block;
    height: auto;
    margin: 0 5px;
    padding: 2px 0;
    text-align: center;
    width: 60px;
}
#sldr_03 dd.shopdata_02 .sd_naiyou {
    color: #000000;
    display: block;
    float: left;
    height: auto;
    width: 73%;
}
#sldr_03 dd.shopdata_02 .sd_naiyou .sd_naiyou_inner {
    display: block;
    height: auto;
    margin: 0 5px;
    width: 100%;
}
/*Tips*/
#tips h2{background-color:#4797d2;/*background-image:url(../images/bg-title-tips.png);*/}
#tips figure{float:left; margin-right:10px;}


/*shopMovie*/
.shopMovie{
}
.shopMovie iframe{
    max-height:400px;
}

/* blog */
.mainContents .blog .blogBlock{
    overflow:hidden;
/*  position:relative;
    margin-bottom:10px; */
    width:100%;
}
.mainContents .blog figure{
    float:left;
    width:100px;
    padding-right:10px;
/*  position:absolute;*/
    height:100px;
    overflow:hidden;
}
.mainContents .blogBox {
    overflow:hidden;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #E4E4E4;
/*  position:relative;*/
    width:100%;
}
.mainContents .blog .entry-blockin{
    margin-left:110px;
    min-height:100px;
/*  float:right;
    width:70%;*/
}



/*news*/
#pickup-news{padding:0 10px 15px; margin-bottom:15px; border-bottom:1px solid #e4e4e4;}
#pickup-news figure{width:200px; margin:0 auto 10px;}
#archive-news{height:280px;overflow:hidden;}

/*
.eventBox{
    height:280px;
    overflow:hidden;
}
*/

/*PC用*/
@media only screen and (min-width:768px){
/*contents setting*/
/*
#contents{
    overflow:hidden;
}
*/
#container{
    max-width:980px;
    margin:0 auto;
    padding:0;
}
#main{
    width:100%;
    margin-left:-210px;
}
#main .mainContents{
    width:100%;
    float:left;
}
#main .mainContents .mainContentsInner{
    margin-left:210px;
}
#main .sideContents{
    display:none;
}
#sidenav{
    width:200px;
    float:left;
    margin-right:10px;
}
#sideContentsMirror{
    display:block;
}

/* コンテンツ */
.mainContents #pickup-news{
    width:27%;
    border-bottom:0;
    padding:0;
}
#pickup-news figure{
    width:100%;
    margin:0 auto;
}
.mainContents #archive-news{
    width:70%;
}
#archive-news .entry-block{
    width:100%;
}


/*gallery slider*/
.flex-control-nav li a {width:14px; height:14px;}
.flexsliderIn{padding:0 0 30px;}
.flex-control-nav{bottom:5px;}

.sideContents .flex-control-nav li a,
#sidenav .flex-control-nav li a{
    width:10px;
    height:10px;
}
.sideContents .flexsliderIn,
#sidenav .flexsliderIn{
    padding:0 0 20px;
}
.sideContents .flex-control-nav,
#sidenav .flex-control-nav{
    bottom:0px;
}

#shopdatabox {
    display: none;
}
    
}
@media only screen and (min-width:1024px){
#container{
    max-width:1220px;
    margin:0 auto;
    padding:0;
}
#main{
    max-width:100%;
}
#main .mainContents{
    width:100%;
    float:left;
    margin-right:-210px;
}
#main .mainContents .mainContentsInner{
    margin-right:210px;
    margin-left:210px;
}
#main .sideContents{
    width:200px;
    float:left;
    margin-left:10px;
    display:block;
}
#sideContentsMirror{
    display:none;
}
}


/* ↓予約フォーム */
.reservationinputBlock,
.reservationconfirmBlock,
.reservationfinBlock{
    width:90%;
    margin:0 auto;
}
.reservationLeadText{
    margin-bottom:20px;
}

.reservationForm table{
    border-collapse:collapse;
    margin-bottom:-5px;
}
.reservationForm.formConfirm select,
.reservationForm.formConfirm input,
.reservationForm.formConfirm textarea{
display:none;
}
.reservationForm select,
.reservationForm input,
.reservationForm textarea{
    padding:5px 0;
}
.reservationForm textarea{
    min-height:5em;
}
.reservationForm .sendBtn{
    text-align:center;
    margin:0px 0 25px;
}
.reservationForm .sendBtn a{
    color:#fff;
    padding:5px;
    border-radius:5px;
    border:1px solid#333;
    background-color:#333;
}
.reservationForm .sendBtn a,
.reservationForm .sendBtn a:hover{
    text-decoration:none;
}
@media only screen and (min-width:768px){
.reservationForm th,
.reservationForm td{
    border:1px solid #E4E4E4;
    background:#fff;
}
.reservationForm th{
    white-space: nowrap;
    padding:10px 5px;   
}
.reservationForm td{
    padding:10px 0px 10px 20px;
    width:100%;
}
.reservationForm input,
.reservationForm textarea{
    width:100%;
}
.reservationForm select,
.reservationForm input,
.reservationForm textarea{
    margin-left:-10px;
}
.reservationForm .sendBtnList{
    width:16em;
    margin:20px auto 0;
}
.reservationForm .sendBtnList .firstchild{
    float:right;
}
.reservationForm .sendBtnList .lastchild{
    float:left;
}
}

@media only screen and (max-width:767px){
.reservationForm table,
.reservationForm input,
.reservationForm select,
.reservationForm textarea{
    width:100%;
}
.reservationForm input,
.reservationForm select,
.reservationForm textarea{
    background: -moz-linear-gradient(center top , #eee 0%, #fefefe 100%) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee),color-stop(100%,#fefefe));
    background:-webkit-linear-gradient(top, #eee 0%,  #fefefe 100%);
    background:linear-gradient(to bottom, #eee 0%,  #fefefe 100%);
    border: 1px solid #CCCCCC;
}
.reservationForm tr{
    margin-bottom:5px;
}
.reservationForm th{
    display:block;
    text-align:left;
    margin-bottom:3px;
}
.reservationForm td{
    display:block;
    margin-bottom:10px;
    padding-left:0px;
}
.reservationForm .sendBtn a{
    display:block;
    padding:10px 0;
    font-size:16px;
}
.formConfirm.reservationForm td{
    background: -moz-linear-gradient(center top , #eee 0%, #fefefe 100%) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee),color-stop(100%,#fefefe));
    background:-webkit-linear-gradient(top, #eee 0%,  #fefefe 100%);
    background:linear-gradient(to bottom, #eee 0%,  #fefefe 100%);
    border: 1px solid #CCCCCC;
    display:block;
    padding:10px;
}

}
/* ↑予約フォーム */

/* -----↓sugunaviBox----- */

/* PC表示 */
@media only screen and (min-width:768px){
    .sugunaviSP {
        display: none;
    }
}
/* スマートフォーン表示 */
@media only screen and (max-width:767px){
    .sugunaviSP {
        display: block;
    }
    .ipWidget-HpbSugunavi {
        display: none;
    }
}
/* -----↑sugunaviBox----- */