@charset "utf-8";

.blogbox {
	padding: 0!important;
	background: #fff!important;
}

.blogbox li {
	padding: 13px 13px 23px;
}

.blogbox li:nth-child(odd) {
	background: #F9F9F9;
}

.blogbox h4 a {
	color: #000;
}

@charset "utf-8";

/** メインコンテンツ **/
.leftFrame {
  margin-left: 10px;
  width: 300px;
  float: left;
}

.leftFrameMainImg {
	width: 300px;
	height: 400px;
	margin-bottom: 10px;
  overflow: hidden;
}
.leftFrameMainImg img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.leftFrameTitle {
  margin-bottom: 10px;
  line-height: 27px;
  text-align: center;
  background-color: #FFE3F2;
}

.leftFrameLinkDate {
  margin: 2px 0;
}

.leftFrameLink {
  width: 185px;
  float: left;
}

.leftFrameDate {
  width: 100px;
  float: left;
}

/* calendar_area */
#cal_box.active {
  display: none;
}
#cal_box .month {
  display: table;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
  margin-bottom: 5px;
  color: #000000;
  text-align: center;
}
#cal_box .month li {
  display: table-cell;
  vertical-align: middle;
}
#cal_box .month li a {
  display: block;
}
.view_month {
  font-size: 116%;
}
.view_month span {
  font-size: 131%;
}
.previous {
  text-align: left;
}
.previous span {
  display: block;
  float: left;
  margin-left: 5px;
}
.next span {
  display: block;
  float: right;
  margin-right: 5px;
}
.previous span,
.next span {
  padding: 5px;
  background: #e36b9f;
  border-radius: 15px;
}
.previous span a,
.next span a {
  display: block;
  width: 16px;
  height: 17px;
  background: url("//img.undernavi.com/portal/sp/ks/reserve/arrow_prev.png") top left no-repeat;
  -webkit-background-size: 16px auto;
  -moz-background-size: 16px auto;
  background-size: 16px auto;
}
.next span a {
  background: url("//img.undernavi.com/portal/sp/ks/reserve/arrow_next.png") top left no-repeat;
  -webkit-background-size: 16px auto;
  -moz-background-size: 16px auto;
  background-size: 16px auto;
}

#table_cal {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
  border-collapse: separate;
  border-spacing: 3px;
}
#table_cal th {
  height: 17px;
  color: #545353;
  text-align: center;
  vertical-align: middle;
}
#table_cal td {
  height: 39px;
  border: 1px solid #ababab;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 131%;
  text-align: left;
  vertical-align: top;
}
#table_cal td span,
#table_cal td a {
  display: block;
  height: 39px;
  padding-left: 4px;
  color: #b5b5b5;
}
#table_cal td a {
  color: #545353;
  text-decoration: none;
}
#table_cal .sat span {
  color: #9fc0fd;
}
#table_cal .sat a {
  color: #6795ea;
}
#table_cal .sun span {
  color: #ff8383;
}
#table_cal .sun a {
  color: #ff3030;
}
#table_cal td.select a,
#table_cal td a:hover {
  background: #e36b9f;
  color: #ffffff;
}


.month_select {
  float: left;
  margin-right: 3px;
}
#table_cal2 {
  text-align: center;
  border-collapse: separate;
  border-spacing: 5px 1px;
  margin-bottom: 20px;
}
#table_cal2 td {
  width: 35px;
  height: 35px;
  border: 1px solid #ababab;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: 100%;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
#table_cal2 td a {
  display: block;
  line-height: 35px;
  color: #545353;
  text-decoration: none;
}
#table_cal2 td.select a,
#table_cal2 td a:hover {
  color: #ffffff;
  background: #e36b9f;
}

.leftFrameLinkCommentDate {
  margin: 2px 0;
}

.leftFrameLink2 {
  width: 140px;
  float: left;
}

.leftFrameComment2 {
  width: 45px;
  float: left;
}

.leftFrameDate2 {
  width: 110px;
  float: right;
}

.rightFrame {
  width: 530px;
  float: right;
}

.blogbox {
  border: 1px solid #c0c0c0;
  background-color: #FFEEF6;
  padding: 13px;
}

.blogbox h4 {
  line-height: 30px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #c0c0c0;
  font-weight: bold;
  font-size: 1.4em;
}

.blogbox .sns {
	margin-bottom: 10px;
}

.blogbox .sns > div {
	float: left;
	width: 70px;
}

.blogbox .sns .date {
	float: right;
}

.blogbox .date {
	margin-bottom: 10px;
	text-align: right;
}

.blogbox .blogbody {
	margin-bottom: 20px;
}

.blogbox .blogbody figure {
	float: left;
	width: 230px;
	margin-right: 10px;
  margin-bottom: 10px;
}

.blogbox .blogbody figure img {
	max-width: 100%;
	vertical-align: top;
}

.blogbox .blogbody figure + div {
	overflow: hidden;
	line-height: 25px;
}

.blogbox .comment h5 {
	line-height: 15px;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #EC68B3;
	font-size: 1.1em;
	border-left: 5px solid #EC68B3;
}

.blogbox .comment ul {
	margin: 10px 0 30px;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
}

.blogbox .comment ul li {
  padding: 10px 0;
}

.blogbox .comment ul li:not(:first-child) {
	border-top: 1px dotted #c0c0c0;
}

.blogbox .comment ul li p {
	margin-bottom: 10px;
}

.blogbox .comment ul li p span {
  margin-left: 1em;
  color: #EC68B3;
  font-weight: bold;
}

.blogbox .write a {
	display: block;
	height: 55px;
	line-height: 55px;
	color: #EC68B3!important;
	text-decoration: none!important;
	font-size: 1.3em;
	border: 1px solid #EC68B3;
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}


/*記事一覧へ*/
.listbtn{
  width: 512px;
  height: 33px;
  margin: 10px auto;
  border: 1px solid #EC68B3;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: center;
  font-size: 120%;
  line-height: 35px;
  position:relative;
}
#listbtn{
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  text-decoration: none;
  color: #EC68B3;
}

/** これより下はコメント入力用 **/
#modal_bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 98;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}

/*
#cboxLoadedContent {
  background-color: #FAFBF6!important;
  padding: 18px 18px 10px 18px;
  border: 3px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
}
*/

/*
button#cboxClose {
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: visible;
  display: block;
	width: 30px!important;
	height: 30px!important;
  padding: 0;
  margin: 0;
  border: 0;
  background: url("//img.undernavi.com/portal/web/chugoku/shop/dir/lady/photoblog_closebutton.png") no-repeat top center;
  width: 38px;
  height: 19px;
  text-indent: -9999px;
}
*/

#inline_content {
  display: none;
  position: fixed;
  z-index: 99;
  width: 730px;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #000;
  background-color: rgba(0,0,0,0.3);
}

#inline_content .commentForm {
  padding: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fafbf6 url("//img.undernavi.com/portal/web/chugoku/shop/dir/lady/comment.jpg") no-repeat right 25px top 20px;
}

.commentTitleLabel {
  border-left: 5px solid rgba(120, 127, 208, 1);
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 18px;
  color: rgba(90, 90, 81, 1);
}

.commentTitleArea {
  margin-bottom: 7px;
}

.commentTextArea {
  margin-bottom: 10px;
}

input.commentTitle {
  width: 305px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 5px;
  border: 1px solid rgba(200, 200, 200, 1);
}

textarea.commentText {
  width: 690px;
  height: 100px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 5px;
  border: 1px solid rgba(200, 200, 200, 1);
}

.commentCaution {
  font-size: 0.85em;
  color: rgba(90, 90, 81, 1);
}

.commentButton {
  display: block;
  width: 144px;
  line-height: 36px;
  margin: 0 auto 10px;
  border: 1px solid rgba(40, 147, 53, 1);
  color: rgba(255, 255, 255, 1)!important;
  font-weight: bold;
  text-decoration: none!important;
  text-align: center;
  text-shadow: 0px 2px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  behavior: url(border-radius.htc); /* IE */
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+93 */
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 93%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 93%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#8eb92a',GradientType=0 ); /* IE6-9 */
}

#cboxClose {
    display: none;
    color: #444;
}
/** コメントウィンドウここまで **/