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

.title_profile { padding: 10px; background: #FFFFFF; widows: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; }
.title_profile h1 { color: #EA2B5B; font-size: 1.8rem; text-align: center; font-weight: bold; line-height: 1.1; }
/*----------------------------------------------------*/
#gallery { width: 100%; }
#gallery .favorite { padding: 0px 10px 10px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; }
#gallery .favorite ul { display: block; margin-top: 6px; }
#gallery .favorite ul li { border: 1px solid #FFFFFF; padding: 8px; width: 100%; display: inline-block; vertical-align: top; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; -webkit-border-radius: 4px; line-height: 17px; text-align: center; }
#gallery .favorite ul li img { margin-right: 4px; margin-top: -1px; }
#gallery .favorite ul li.add_fav { border: 1px solid #ea2b5b; color: #ea2b5b; font-weight: bold; cursor: pointer; }
#gallery .favorite ul li.sumi { border: 1px solid #C0C0C0; color: #C0C0C0; }
#gallery .favorite ul li.sumi img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);;
}
/*----------------------------------------------------*/

#prof { width: 100%; }
#prof table { border-top: 1px solid #B3B3B3; font-size: 1.4rem; width: 100% }
#prof table th { padding: 6px 4px 6px 10px; text-align: right; }
#prof table td { padding: 6px 10px 6px 4px; }
#prof table th, #prof table td { vertical-align: top; }
#prof table td.repeat { color: #E9378F; font-weight: bold; }
#prof table td.mdo img { width: 100%; max-width: 201px; }
#prof table td.type img { margin: 0 2px 2px 0; }
/*----------------------------------------------------*/

#option { width: 100%; }
#option .guide { width: 100%; padding: 10px; text-align: center; border-top: 1px solid #B3B3B3; box-sizing: border-box; -webkit-box-sizing: border-box; }
#option .guide .good, #option .guide .like { color: #FFFFFF; display: inline-block; vertical-align: bottom; padding: 5px 10px; }
#option .guide .good { background: #EA2B5B; color: #000; }
#option .guide .like { background: #6A2968 }
#option table { width: 100%; margin-bottom: 10px; }
#option table th, #option table td { padding: 4px 6px; vertical-align: top; border-right: 1px dotted #B3B3B3; }
#option table tr td:last-child { text-align: right; border-right: none; }
#option table tr { color: #7E7E7E; background: #DFDFDF }
#option table tr.good { color: #EA2B5B; background: #FFFFFF }
#option table tr.like { color: #6A2968; background: #FFFFFF }
#option ul { text-indent: -1rem; margin-left: 2rem; margin-right: 10px; padding-bottom: 10px; }
#option ul li { padding-bottom: 10px; }
#option ul li span { color: #e82b88; }
/*----------------------------------------------------*/

#latest_diary { width: 100%; padding-bottom: 1px; }
#latest_diary .excerpt { border-top: 1px solid #B3B3B3; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; height: 200px; overflow: hidden; position: relative; }
#latest_diary .excerpt .photo { width: 140px; float: left; }
#latest_diary .excerpt .photo img { width: 100%; }
#latest_diary .excerpt .bodytext { padding-left: 150px; }
#latest_diary .excerpt .bodytext h3 { color: #e82b88; font-weight: bold; }
#latest_diary .excerpt .bodytext p { margin: 1rem 0; line-height: 1.4; }
#latest_diary .excerpt .shade { width: 100%; height: 60px; background : -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); background : -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0, rgba(255, 255, 255, 1) ), color-stop(1, rgba(255, 255, 255, 0) )); background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; bottom: 0; left: 0; }
/*----------------------------------------------------*/
#sekirara { width: 100% }
#sekirara dl { border-top: 1px solid #B3B3B3; padding: 1px 10px; }
#sekirara dt { margin: 10px 0; }
#sekirara dd { margin: 10px 0; font-size: 1.4rem; color: #e82b88 }
/*----------------------------------------------------*/
#koe { width: 100%; padding-bottom: 1px; }
#koe dl { border-top: 1px solid #B3B3B3; padding: 1px 10px; }
#koe dt { margin: 10px 0 4px; color: #e82b88; font-size: 1.4rem; }
#koe dd { margin: 4px 0 10px; font-size: 1.4rem; line-height: 1.4; }
#koe dd.date { color: #e82b88; font-size: 1.2rem; ; }
/*----------------------------------------------------*/
#syasyo { width: 100%; padding-bottom: 1px; }
#syasyo .bodytext { padding: 10px; border-top: 1px solid #B3B3B3; }
#syasyo .bodytext p { font-size: 1.4rem; line-height: 1.4; margin: 1rem 0; }
/*----------------------------------------------------*/

#yokumite { width: 100%; }
/*----------------------------------------------------*/


#check { width: 100%; }
/*----------------------------------------------------*/


.related { width: 100%; padding-bottom: 40px; }
.related .reldslide { display: block; }
.related .reldslide .group{ text-align:center;}
.related .reldslide .group li { width: 31%; box-sizing: border-box;
-webkit-box-sizing: border-box; display: inline-block; vertical-align: bottom; *display: inline;
*zoom: 1;
padding: 0 1% 1% 1% }
.related .reldslide .group li a { display: block; }
.related .reldslide .group li img { width: 100%; }
.related .slick-slider { margin-bottom: 0; }
.related .slick-dots { bottom: -30px; }
.related .ctrl { position: relative; width: 100%; }
.related .ctrl .left, .related .ctrl .right { width: 22px; height: 22px; cursor: pointer; padding: 9px 4px; position: absolute; }
.related .ctrl .left { top: 0; left: 0; }
.related .ctrl .right { top: 0; right: 0; }
.related .ctrl .left img { -webkit-transform: scaleX(-1); }
/*----------------------------------------------------*/

ul.submenu { display: none; background: #666666; text-align: center; padding: 2px 0; width: 100%; margin-bottom: 10px; position: fixed; top: 0; left: 0; z-index: 99000; }
ul.submenu li { background: #E6E6E6; font-size: 1.0rem; border-radius: 15px; -webkit-border-radius: 15px; padding: 8px 0; display: inline-block; vertical-align: top; *display: inline;
*zoom: 1;
width: 30%; margin-left: 1%; margin-right: 1%; margin-top: 4px; margin-bottom: 4px; cursor: pointer; overflow: hidden; white-space: nowrap; }
ul.submenu li.active { background: #E82B89; color: #FFFFFF }

#reserve .day { padding-bottom: 15px }
#reserve .time { padding-bottom: 15px }