/* -----------------------------------------------
共通スタイル
----------------------------------------------- */

#headerWrap {
    border-bottom: 1px solid #666;
    background: rgb(240,240,240); 
}

section h1 {
    margin-top: 10px;
    font-size: 40px;
    font-family: "01フロップデザイン";
    color: #aaa;
}

#main section h1 a {
    color: #aaa;
}

#main section h1 a:hover {
    text-decoration: none;
}

.asideHead h1,
.asideHead p {
    float: left;
    margin-right: 20px;
}

.asideHead h1 {
    margin-left: 4%;
}

.asideHead p {
    margin-top: 22px;
}

.asideMain {
    margin: 20px 0 40px;
}

.cap {
    padding: 10px 30px 30px 0;
}

.iiixiiL {
    width: 60%;
    border-right: 1px solid #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.iiixiiR {
    width: 40%;
    border-left: 1px solid #999;
    margin-left: -1px;
}



/* -----------------------------------------------
パンくずリスト
----------------------------------------------- */

#breadcrumbs {

}

#breadcrumbs ol {
    height: 32px;
    text-align: justify;
    line-height: 32px;
    position: relative;
    overflow: hidden;
}

#breadcrumbs ol:after {
    content: "";
    display: block;
    height: 32px;
    width: 10%;
    /*background: -webkit-gradient(linear, left top, right top, from(rgba(224, 219, 216, 0)), to(rgba(224, 219, 216, 1)));
    background: -ms-linear-gradient(left, rgba(224, 219, 216, 0), rgba(224, 219, 216, 1));
    background: -moz-linear-gradient(left, rgba(224, 219, 216, 0), rgba(224, 219, 216, 1));
    background: -o-linear-gradient(left, rgba(224, 219, 216, 0), rgba(224, 219, 216, 1));
    background: linear-gradient(left, rgba(224, 219, 216, 0), rgba(224, 219, 216, 1));*/
    position: absolute;
    bottom: 0; right: 0;
}

#breadcrumbs ol li {
    display: inline;
    font-size: 12px;
    color: #666;
}

#breadcrumbs ol li:after {
    content: " ＞ ";
    color: #999;
}

#breadcrumbs ol li:last-child:after {
    content: none;
}



/* -----------------------------------------------
記事
----------------------------------------------- */

#article header h1 {
    height: 74px;
    padding-left: 20px;
    text-align: justify;
    font-size: 24px;
    line-height: 74px;
    font-family: "01フロップデザイン";
    position: relative;
}

#article header h1 > span {
    font-size: 100px;
    color: #fff;
    opacity: 0.6;
    position: absolute;
    top: 20px; left: 0;
    z-index: -10;
}

#article.detailsArticle header h1 {
    height: 24px;
    margin: 3px 0 18px;
    padding: 0 4% 0 0;
    line-height: 24px;
}

#article.detailsArticle header p {
    height: 18px;
    margin-top: 11px;
    line-height: 18px;
    color: #aaa;
}


#article #imgSlide {
    margin-right: 4%;
    background: url("/meijimura/img/bg_border01.png");
    position: relative;
    z-index: -20;
}

#article #imgSlide li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; left: 0;
    opacity: 0;
}

#article #imgSlide li img {
}

#article #imgNav {
    height: 12px;
    margin: -22px 4% 30px 0;
    padding-right: 4px;
    text-align: right;
    line-height: 12px;
}

#article #imgNav li,
#article #imgNav li a {
    display: inline-block;
    width: 16px;
}

#article #imgNav li {
    margin-right: 6px;
    border: 1px solid #fff;
    height: 10px;
    overflow: hidden;
}

#article #imgNav li a {
    height: 0;
    padding-top: 10px;
}

#article #cont {
    margin: 0 0 30px 0;
    padding: 0 4% 20px 0;
    border-bottom: 1px solid #999;
}

#article #description {
    padding: 0 4% 20px 0;
}

#article #cont > h2,
#article #description > h2 {
    margin: 30px 0 15px;
    font-size: 20px;
    line-height: 20px;
    font-family: "01フロップデザイン";
}

#article #cont > h3,
#article #description > h3 {
    margin: 25px 0 15px;
    font-size: 16px;
    line-height: 16px;
    font-family: "01フロップデザイン";
}

#article #cont > p,
#article #description > p {
    margin-bottom: 10px;
}

#article #cont > div > img,
#article #description > div > img {
    width: 100%;
}

#article #cont iframe,
#article #description iframe {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 400px;
    border: 1px solid #999;
}

#article #cont .pc-play,
#article #cont .pc-play video,
#article #description .pc-play,
#article #description .pc-play video {
    width: 100%;
}

#article #cont .mb-play,
#article #description .mb-play {
    display: none;
}

#article #cont > dl,
#article #description > dl {
    margin-bottom: 15px;
    padding: 12px 20px;
    background: url("/meijimura/img/bg_border04.png");
}

#article #cont > dl dt,
#article #description > dl dt {
    padding-left: 14px;
    font-weight: bold;
    position: relative;
}

#article #cont > dl dt:before,
#article #cont > dl dt:after,
#article #description > dl dt:before,
#article #description > dl dt:after {
    content: "";
    display: block;
    position: absolute;
}

#article #cont > dl dt:before,
#article #description > dl dt:before {
    border-width: 4px 5px 4px 0;
    border-style: solid solid solid none;
    border-color: transparent #000 transparent transparent;
    top: 6px;
    left: 0px;
}

#article #cont > dl dt:after,
#article #description > dl dt:after {
    border-width: 4px 0 4px 5px;
    border-style: solid none solid solid;
    border-color: transparent transparent transparent #000;
    top: 6px;
    left: 5px;
}

#article #cont > dl dd,
#article #description > dl dd {
    padding-left: 14px
}

#article #cont .mealMenuWrap01,
#article #description .mealMenuWrap01 {
    margin-bottom: -15px;
}

#article #cont .mealMenuWrap01 dl,
#article #description .mealMenuWrap01 dl {
    float: left;
    width: 22%;
    margin: 0 4% 15px 0;
    position: relative;
}
#article #cont .mealMenuWrap01.cf.gift_list dl {
    width: 46%;
}
#article #cont .mealMenuWrap01 dl


#article #cont .mealMenuWrap01 dl:after,
#article #description .mealMenuWrap01 dl:after {
    content: "";
    display: block;
    height: 100%;
    width: 15%;
    /*background: -webkit-gradient(linear, left top, right top, from(rgba(224, 219, 216, 0)), to(rgba(224, 219, 216, 1)));
    background: -moz-linear-gradient(left, rgba(224, 219, 216, 0), rgba(224, 219, 216, 1));
    background: -ms-linear-gradient(left, rgba(224, 219, 216, 0), rgba(224, 219, 216, 1));
    background: -o-linear-gradient(left, rgba(224, 219, 216, 0), rgba(224, 219, 216, 1));
    background: linear-gradient(left, rgba(224, 219, 216, 0), rgba(224, 219, 216, 1));*/
    position: absolute;
    bottom: 0; right: 0;
}

#article #cont .mealMenuWrap01 dl dt,
#article #cont .mealMenuWrap01 dl dd,
#article #description .mealMenuWrap01 dl dt,
#article #description .mealMenuWrap01 dl dd {
    display: block;
    width: 100%;
    text-align: justify;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
}

#article #cont .mealMenuWrap01 dl:nth-child(4n),
#article #description .mealMenuWrap01 dl:nth-child(4n) {
    margin-right: 0;
}

#article #cont .mealMenuWrap01 dl dt,
#article #description .mealMenuWrap01 dl dt {
    height: 108px;
    text-align: center;
    line-height: 108px;
    background: url(/meijimura/img/bg_border01.png);
	position: relative;
	z-index: 1;
}

#article #cont .mealMenuWrap01 dl dt:nth-child(2),
#article #description .mealMenuWrap01 dl dt:nth-child(2) {
    width: 100%;
    height: 18px;
    text-indent: 14px;
    text-align: justify;
    font-weight: bold;
    line-height: 18px;
    background: none;
    position: relative;
	z-index: 0;
}

#article #cont .mealMenuWrap01 dl dt:nth-child(2):before,
#article #cont .mealMenuWrap01 dl dt:nth-child(2):after,
#article #description .mealMenuWrap01 dl dt:nth-child(2):before,
#article #description .mealMenuWrap01 dl dt:nth-child(2):after {
    content: "";
    display: block;
    position: absolute;
}

#article #cont .mealMenuWrap01 dl dt:nth-child(2):before,
#article #description .mealMenuWrap01 dl dt:nth-child(2):before {
    border-width: 4px 5px 4px 0;
    border-style: solid solid solid none;
    border-color: transparent #000 transparent transparent;
    top: 4px;
    left: -14px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #article #cont .mealMenuWrap01 dl dt:nth-child(2):before,
    #article #description .mealMenuWrap01 dl dt:nth-child(2):before {
        left: 0;
    }
}

#article #cont .mealMenuWrap01 dl dt:nth-child(2):after,
#article #description .mealMenuWrap01 dl dt:nth-child(2):after {
    border-width: 4px 0 4px 5px;
    border-style: solid none solid solid;
    border-color: transparent transparent transparent #000;
    top: 4px;
    left: 5px;
}

#article #cont .mealMenuWrap01 dl dt marquee,
#article #description .mealMenuWrap01 dl dt marquee {
    white-space: nowrap;
    text-indent: 0;
}

#article #cont .mealMenuWrap01 dl dt img,
#article #description .mealMenuWrap01 dl dt img {
    width: 100%;
}

#article #cont .mealMenuWrap01 dl dd,
#article #description .mealMenuWrap01 dl dd {
    height: 18px;
    text-indent: 14px;
}

#article #cont .mealMenuWrap02 dl dt,
#article #cont .mealMenuWrap02 dl dd,
#article #description .mealMenuWrap02 dl dt,
#article #description .mealMenuWrap02 dl dd {
    text-indent: 14px;
    font-size: 12px;
}

#article #cont .mealMenuWrap02 dl dt,
#article #description .mealMenuWrap02 dl dt {
    height: 18px;
    font-weight: bold;
    position: relative;
}

#article #cont .mealMenuWrap02 dl dt:before,
#article #cont .mealMenuWrap02 dl dt:after,
#article #description .mealMenuWrap02 dl dt:before,
#article #description .mealMenuWrap02 dl dt:after {
    content: "";
    display: block;
    position: absolute;
}

#article #cont .mealMenuWrap02 dl dt:before,
#article #description .mealMenuWrap02 dl dt:before {
    border-width: 4px 5px 4px 0;
    border-style: solid solid solid none;
    border-color: transparent #000 transparent transparent;
    top: 4px;
    left: -14px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #article #cont .mealMenuWrap02 dl dt:before,
    #article #description .mealMenuWrap02 dl dt:before {
        left: 0;
    }
}

#article #cont .mealMenuWrap02 dl dt:after,
#article #description .mealMenuWrap02 dl dt:after {
    border-width: 4px 0 4px 5px;
    border-style: solid none solid solid;
    border-color: transparent transparent transparent #000;
    top: 4px;
    left: 5px;
}

#article #cont .mealMenuWrap02 dl dd ul li,
#article #description .mealMenuWrap02 dl dd ul li {
    margin-bottom: 9px;
    padding-bottom: 9px;
    border-bottom: 2px dotted #666;
    font-size: 12px;
    line-height: 18px;
    position: relative;
}

#article #cont .mealMenuWrap02 dl dd ul li span,
#article #description .mealMenuWrap02 dl dd ul li span {
    padding-right: 14px;
    background: #e0dbd8;
    color: #000;
    position: absolute;
    bottom: -11px; left: 0px;
}

#article #cont .mealMenuWrap02 dl dd ul li strong,
#article #description .mealMenuWrap02 dl dd ul li strong {
    background: #e0dbd8;
    position: absolute;
    right: 0px; bottom: -11px;
}

#article #cont .cardlist,
#article #description .cardlist {

}

#article #cont .cardlist li,
#article #description .cardlist li {
    float: left;
    display: block;
    width: 56px;
    text-align: center;
}

#article #cont .cardlist p,
#article #description .cardlist p {
		/** height: 32px; **/
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 16px;
		text-align: center;
}

.theta-viewer {
    width: 100%;
    height: 360px;
    margin-bottom: 10px;
    text-align: center;
    position: relative;
    background: #000;
    overflow: hidden;
}

.theta-viewer ul {
    display: inline-block;
    padding-right: 20px;
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    -ms-border-radius: 0 0 4px 0;
    -o-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
    text-align: left;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
}

.theta-viewer li {
    float: left;
    display: block;
    padding-left: 20px;
    font-size: 12px;
    color: #fff;
}


/* -----------------------------------------------
記事リスト
----------------------------------------------- */

#article > h2 {
    margin-bottom: 15px;
    font-size: 21px;
    line-height: 21px;
    font-family: "01フロップデザイン";
}

#articleList li {
    float: left;
    display: block;
    width: 46%;
    margin: 0 4% 30px 0;
}

#articleList li div {
    width: 100%;
    height: 150px;
    text-align: center;
    line-height: 150px;
    background: url("/meijimura/img/bg_border01.png");
    overflow: hidden;
}

#articleList li div img {
    width: auto;
    height: auto;
    min-height: 150px;
}

#articleList li .place,
#articleList li .time {
    height: 21px;
    font-size: 12px;
    line-height: 21px;
    color: #999;
}

#articleList li .title {
    margin-top: -4px;
    height: 22px;
    line-height: 22px;
}

#articleList li .title a {
    font-weight: bold;
    color: #333;
}

#articleList li .title a:hover {
    background: #333;
    color: #fff;
}

#articleList li .caption {
}



/* -----------------------------------------------
NEWS 最新情報 と Voice お喜びの声
----------------------------------------------- */

#sctWrapMin {
}

#sctNews, #sctVoice {
    width: 50%;
    margin: 20px 0;
}

#sctNews {
    border-right: 1px solid #999;
}

#sctVoice {
    margin-left: -1px;
}

#sctNews h1, #sctVoice h1,
#sctNews .dtA,
#sctVoice .dtA {
    text-align: center;
}

#sctNews h1, #sctVoice h1 {
    margin: 0 0 10px;
}

#sctNews h1 span {
    color: #d7bc28;
}

#sctVoice h1 span {
    color: #9883b1;
}



/* -----------------------------------------------
Infomation お知らせ
----------------------------------------------- */

#sctInfo {
}

#sctInfo h1 {
}

#sctInfo h1 span {
    color: #307db5;
}

#sctInfo dl {
}

#sctInfo dl dt {
    margin-left: 4%;
    color: #999;
}

#sctInfo dl dd {
    margin: 0 0 10px 4%;
}

#sctInfo dl dd a {
    color: #333;
}

#sctInfo dl dd a:hover {
    text-decoration: none;
    background: #333;
    color: #fff;
}



/* -----------------------------------------------
Gallery 写真・動画
----------------------------------------------- */

#sctGallery {
}

#sctGallery h1 {
}

#sctGallery h1 span {
    color: #d96e97;
}

#sctGallery ul {
}

#sctGallery ul li {
    float: left;
    display: block;
    width: 46%;
    margin: 0 0 30px 4%;
}

#sctGallery ul li div {
    width: 100%;
    height: 150px;
    text-align: center;
    line-height: 150px;
    background: url("/meijimura/img/bg_border01.png");
    overflow: hidden;
}

#sctGallery ul li div img {
    width: auto;
    height: auto;
    min-height: 150px;
}

#sctGallery ul li .shootTime {
    height: 18px;
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

#sctGallery ul li .photoTitle {
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    position: relative;
}

#sctGallery ul li .photoTitle:after {
    content: "";
    display: block;
    height: 22px;
    width: 10%;
    /*background: -webkit-gradient(linear, left top, right top, from(rgba(224, 219, 216, 0)), to(rgba(224, 219, 216, 1)));
    background: -ms-linear-gradient(left, rgba(224, 219, 216, 0), rgba(224, 219, 216, 1));
    background: -moz-linear-gradient(left, rgba(224, 219, 216, 0), rgba(224, 219, 216, 1));
    background: -o-linear-gradient(left, rgba(224, 219, 216, 0), rgba(224, 219, 216, 1));
    background: linear-gradient(left, rgba(224, 219, 216, 0), rgba(224, 219, 216, 1));*/
    position: absolute;
    bottom: 0; right: 0;
}

#sctGallery ul li .photoTitle a {
    font-weight: bold;
    color: #333;
}

#sctGallery ul li .photoTitle a:hover {
    background: #333;
    color: #fff;
}

/* -----------------------------------------------
お部屋　サポート情報
----------------------------------------------- */
#table01 {
  max-width: 719px;
  width: 100%;
	margin-bottom: 1.5rem;
}
#table01.pet_table{
	margin-bottom: 0.7rem;
}
#table01 .t_head {
  border-top: 1px solid #ddd;
	padding: 0.2rem 1.1rem;
}
#table01 tr {
  border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	width: 100%;
}
#table01 th,
#table01 td {
	border: none;
}
#table01 th {
  background: #eaeaea;
	border-right: 1px solid #ddd;
	text-align: center;
	width: 4.5rem;
  padding: 0.2rem 0.3rem;
}
#table01 td {
  background: #f5f5f5;
	border-right: 1px solid #ddd;
	padding: 0.2rem 1.1rem;
}
#table01 .t_head th, #table01 .t_head td {
  background: #d0d0d0;
	text-align: center;
}
ul.sisetsu_pet {
  margin-left: 1.5rem;
	margin-bottom: 1.5rem;
}
.sisetsu_pet li {
  list-style-type: disc;
}
.pet_01{
	color: #f00;
	margin-bottom: 0.2rem !important;
	margin-left: 0.5rem;
}

/* -----------------------------------------------
タブレット用レイアウト
----------------------------------------------- */

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

    /* -----------------------------------------------
    共通スタイル
    ----------------------------------------------- */

    #headerWrap {
        background: rgb(240,240,240);
    }

    .asideHead h1 {
        margin-left: 0;
    }

    #main {
    }

    #main h1, #main .dtA {
        display: inline-block;
    }

    #main .dtA {
        margin: 20px 0 0 10px;
        vertical-align: top;
    }

    .asideHead h1,
    .asideHead p {
        float: none;
        display: inline-block;
        margin-right: 0;
    }

    .asideHead p {
        margin: 20px 0 0 10px;
        vertical-align: top;
    }

    .iiixiiL:after {
        content: "";
        display: block;
        height: 6px;
        background: url("/meijimura/img/bg_border01.png") left bottom;
    }

    #article.detailsArticle header h1 {
        padding-right: 0;
    }

    #article #imgSlide {
        margin-right: 0;
    }

    #article #imgNav {
        margin-right: 0;
    }

    #article #cont {
        margin-right: 0;
        padding-right: 0;
    }

    #article #cont .pc-play {
        display: none;
    }

    #article #cont .mb-play {
        display: block;
        width: 100%;
    }

    #article #cont .mb-play video {
        width: 100%;
    }

    .theta-viewer ul {
        display: block;
        width: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

    .theta-viewer ul li:last-child {
        display: none;
    }

    #articleList li {
        width: 48%;
        margin: 0 4% 30px 0;
    }

    #articleList li:nth-child(2n) {
        margin-right: 0;
    }


    #sctNews h1, #sctVoice h1,
    #sctNews .dtA, #sctVoice .dtA {
        display: block;
    }
    #sctNews .dtA, #sctVoice .dtA {
        margin: 0;
    }

    #main .iiixiiL, #main .iiixiiR {
        width: 100%;
        margin: 0;
        border: none;
    }

    #main .iiixiiL .cap {
        padding: 20px 60px 30px;
    }

    #main .iiiixiiR ul {
        padding-top: 0;
    }

    #main .iixiiL .l,
    #main .iixiiR .l {
        float: none;
        width: auto;
    }

    #main .iixiiL .l figure,
    #main .iixiiR .l figure {
        margin-top: 0;
        margin-bottom: 30px;
    }

    #main .iixiiR {
    }


    /* -----------------------------------------------
    NEWS 最新情報 と FAQ よくあるご質問
    ----------------------------------------------- */

    #sctWrapMin {
        width: 100%;
        margin-left: 0;
    }


    /* -----------------------------------------------
    Infomation お知らせ
    ----------------------------------------------- */

    #sctInfo dl {
        margin: 20px 60px 0;
    }

    #sctInfo dl dt,
    #sctInfo dl dd {
        float: none;
        width: auto;
    }

    #sctInfo dl dt {
        margin: 0;
    }

    #sctInfo dl dd {
        margin-left: 0;
    }

    #sctInfo dl dd a {
        text-decoration: underline;
    }


    /* -----------------------------------------------
    Gallery 写真・動画
    ----------------------------------------------- */

    #sctGallery ul li {
        width: 48%;
    }

    #sctGallery ul li:nth-child(2n+1) {
        margin-left: 0;
    }


}



/* -----------------------------------------------
スマホ用レイアウト
----------------------------------------------- */

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

    #articleList li,
    #main .iiixiiR ul li {
        width: 100%;
        margin: 0 0 30px 0;
    }

    #article #cont .mealMenuWrap01 dl {
        float: left;
        width: 48%;
        margin: 0 4% 15px 0;
        position: relative;
    }

    #article #cont .mealMenuWrap01 dl:nth-child(2n) {
        margin-right: 0;
    }

    #article #cont .mealMenuWrap01 dl dt,
    #article #description .mealMenuWrap01 dl dt {
        height: auto;
        line-height: 0;
    }

    #sctInfo dl {
        margin: 20px 0 0;
    }

}