/* tablet style */
.pconly {
  display: none;
}

.sponly {
  display: none;
}

.tbonly {
}


/* frame */
#wrap {
  width: 100%;
  height: 154px;
  background: #f57096;
}

#header {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: #f57096;
}

#container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0 10px 0;
  background: #ffffff;
  box-shadow: 0 1px 5px rgba(0,0,0,0.3);
  z-index: 100;
}

#footer {
  position: relative;
  width :100%;
  height: 200px;
  margin: -100px 0 0 0;
  background: #d0d0d0;
  z-index: 1;
}


/* header */
#header h1#logo-shoulder {
  width: 280px;
  height: 40px;
  display: inline-block;
  background-repeat: no-repeat;
  font-size: 0px;
  -moz-background-size: contain;
  background-size: contain;
}

#header #shoulder1 {
  color: #ffffff;
  font-size: 12px;
}

#header #shoulder2 {
  display: none;
}

#header #btn-home {
  text-align: center;
  position: absolute;
  top: 30px;
  left: 280px;
  color: #ffffff;
  font-size: 10px;
  width: 46px;
  height: 15px;
  line-height: 15px;
  background: #ca2b5c;
  border-radius: 3px;
}

#socialbook {
  text-align: center;
  font-size: 10px;
  line-height: 15px;
  float: right;
  margin: 40px 10px 0 0;
  height: 20px;
}

#socialbook dd {
  float: right;
  margin: 0 5px 3px 0;
}

#socialbook dd img {
  width: 40px;
  margin-top: -10px;
}

#header #btn-home a:link    { color: #ffffff; text-decoration: none;}
#header #btn-home a:hover   { color: #ffffff; text-decoration: none;}
#header #btn-home a:visited { color: #ffffff; text-decoration: none;}

#header #memberblock {
  position: absolute;
  width: 100%;
  margin: 5px 0 0 0;
}

#header #memberblock .welcometext {
  display: inline-block;
  margin: 5px 0 0 0;
  color: #000000;
  font-size: 14px;
}

#header #memberblock .welcometext a:link    { color: #000000; text-decoration: none;}
#header #memberblock .welcometext a:hover   { color: #000000; text-decoration: underline;}
#header #memberblock .welcometext a:visited { color: #000000; text-decoration: none;}

#header #memberblock .newinformation {
  padding-left: 5px;
  color: #ffffff;
  font-size: 12px;
}

#header #memberblock .newinformation a:link    { color: #ffffff; text-decoration: none;}
#header #memberblock .newinformation a:hover   { color: #ffffff; text-decoration: underline;}
#header #memberblock .newinformation a:visited { color: #ffffff; text-decoration: none;}

#header #memberblock .inquiryclip {
  margin: 4px 0 0 0;
  color: #ffffff;
  font-size: 14px;
}

#header #memberblock .inquiryclip a:link    { color: #ffffff; text-decoration: none;}
#header #memberblock .inquiryclip a:hover   { color: #ffffff; text-decoration: underline;}
#header #memberblock .inquiryclip a:visited { color: #ffffff; text-decoration: none;}

#header #memberblock .btn-login {
  width: 140px;
  height: 40px;
  line-height: 40px;
  background: #000000;
  float: left;
  text-align: center;
  margin: 0 10px 0 0;
}

#header #memberblock .btn-login a {
  padding-left: 20px;
  font-size: 14px;
  background: url(/images/icon-lock-white.png) no-repeat 0 2px;
  background-size: 16px 16px;
}

#header #memberblock .btn-login a:link    { color: #ffffff; text-decoration: none;}
#header #memberblock .btn-login a:hover   { color: #ffffff; text-decoration: none;}
#header #memberblock .btn-login a:visited { color: #ffffff; text-decoration: none;}


/* globalnavi */
#header .globalnavi {
  margin-top: 40px;
  width: 100%;
  background: url(/images/navi-bg-tablet.png) repeat-x 0 0;
}

#header .globalnavi li {
  float: left;
  margin: 0;
  padding: 0;
  display: inline-block;
  list-style: none;
  font-size: 14px;
  font-weight: normal;
  color: #000000;
  line-height: 20px;
  background: url(/images/navi-partition.png) no-repeat right;
}

#header .globalnavi li a {
  width: 100%;
  padding: 0 15px 0 15px;
  margin: 0;
  display: table-cell;
  height: 64px;
  text-align: center;
  vertical-align: middle;
}

#header .globalnavi li a:link    { color: #000; text-decoration: none;}
#header .globalnavi li a:visited { color: #000; text-decoration: none;}
#header .globalnavi li a:hover   { color: #ca2b5c; text-decoration: none; background: url(/images/navi-hover.png) repeat-x 0 0;}

#header .globalnavi li a span {
  padding-left: 20px;
  background: url(/images/icon-home-darkred.png) no-repeat 0 2px;
  background-size: 16px;
}

#header .globalnavi li.first {
  padding: 0 2px 0 0;
}

#header .globalnavi li.second {
  padding: 0 2px 0 0;
}

#header .globalnavi li.third {
  padding: 0 2px 0 0;
}

#header .globalnavi li.fourth {
  padding: 0 2px 0 0;
}

#header .globalnavi li.fifth {
  padding: 0 2px 0 0;
}

#header .globalnavi li.sixth {
  background: none;
  padding: 0 2px 0 0;
}

ul.glovalnavi-sp {
  display: none;
}

/* slideshow */
ul.wideslider {
  position: relative;
}

.backstage {
  background-size: cover !important;
}

.topstage {
  display: none;
}

.slide1 {
  display: none;
}

.clickablearea {
  display: none;
}


.btn-allinquiry {
  position: absolute;
  z-index: 200;
  top: 0px;
  font-size: 18px;
  margin-left: 0em;
  width: 17.0em;
  height: 3em;
  padding: 0.2em 0.8em;
  background: #f1396d;
}

.btn-allinquiry a {
  display: inline-block;
  margin: 10px 0 0 0;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1.5em;
  padding-left: 4em;
  background: url(/images/icon-pamphlet-white.png) no-repeat 0 0;
  background-size: contain;
}

.btn-allinquiry a:link { color: #ffffff;}
.btn-allinquiry a:visited { color: #ffffff;}
.btn-allinquiry a:hover { color: #ffffff;}

.btn-allinquiry-sp {
  display: none;
}

.tb-topslidersearch {
  position: absolute;
  top: 100px;
  padding-left: 30px;
  font-size: 28px;
  font-weight: bold;
  line-height: 55px;
}

.tb-topslidersearch p {
  background: url(/images/icon-arrow4.png) no-repeat 0 21px;
  background-size: 8px;
  padding-left: 18px;
}

.tb-topslidersearch a:link { color: #ca2b5c; text-decoration: underline;}
.tb-topslidersearch a:visited { color: #ca2b5c;}
.tb-topslidersearch a:hover { color: #ca2b5c;}


/* commonparts */
.pagetitle {
  font-size: 20px;
  padding: 10px 10px 10px 10px;
  line-height: 30px;
  color: #ca2b5c;
}

.search {
  padding: 0 0 0 40px;
  background-image: url(/images/icon-look1.png);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: 10px 1px;
}

.caption {
  height: 29px;
  margin: 0 10px 0 10px;
  border-bottom: 1px solid #bbbbbb;
}

.caption h2 {
  float: left;
  font-size: 18px;
  line-height: 26px;
  height: 26px;
  overflow: hidden;
  font-weight: bold;
  color: #ca2b5c;
  padding-left: 12px;
  background: url(/images/icon-caption1.png) no-repeat 0 0;
  background-size: 8px auto;
}

#basicinfo .caption {
  height: 29px;
  margin: 0;
  border-bottom: 1px solid #bbbbbb;
}

.caption .btn-more1 {
  float: right;
  display: inline-block;
  padding: 5px 15px;
  background: #f1396d;
  font-size: 12px;
  font-weight: bold;
}

.caption .btn-more1 a:link { color: #ffffff;}
.caption .btn-more1 a:visited { color: #ffffff;}
.caption .btn-more1 a:hover { color: #ffffff;}

.btn-more1-sp {
  display: none;
}

ul.venuenews {
  margin: 10px;
}

ul.venuenews li {
  list-style: none;
  margin: 0 0 15px 0;
  padding-left: 15px;
  background: url(/images/icon-arrow4.png) no-repeat 0 0;
  background-size: 8px;
  font-size: 14px;
}

ul.venuenews li a:link { color: #000000;}
ul.venuenews li a:visited { color: #000000;}
ul.venuenews li a:hover { color: #ca2b5c;}

ul.fcnews {
  margin: 10px;
}

ul.fcnews li {
  list-style: none;
  margin: 0 0 15px 0;
  padding-left: 15px;
  background: url(/images/icon-arrow5.png) no-repeat 0 0;
  background-size: 8px;
  font-size: 14px;
}

ul.fcnews li a:link { color: #000000;}
ul.fcnews li a:visited { color: #000000;}
ul.fcnews li a:hover { color: #ca2b5c;}


ul.newslist {
  margin: 0px;
}

ul.newslist li {
  font-size: 14px;
  list-style: none;
  width: 100%;
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #cccccc;
  padding: 10px 0;
  box-sizing: border-box;
}

ul.newslist li .right {
  float: right;
  font-size: 12px;
}

ul.newslist li a {
  padding-left: 15px;
  background: url(/images/icon-arrow5.png) no-repeat 0px 4px;
  background-size: 8px;
}

ul.newslist li .newscategory {
  display: inline-block;
  padding: 0 5px;
  text-align: center;
  margin: 2px 0 2px 5px;
  background: #ca2b5c;
  color: #ffffff;
  font-size: 12px;
  border-radius: 4px;
}


.datatable1 {
  display: table;
  border-left: 1px #ccc solid;
  border-top: 1px #ccc solid;
  border-collapse: collapse;
  margin: 10px 0 30px 0;
  font-size: 14px;
  line-height: 18px;
}

.datatable1 dl {
  display: table-row-group;
}

.datatable1 dl dt {
	background-color: #f4f4f4;
  width: 160px;
  font-weight: bold;
}

.datatable1 dl dt,
.datatable1 dl dd {
  display: table-cell;
  padding: 10px;
  border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
}

.datatable1 .tel {
  font-weight: bold;
  font-size: 18px;
  color: #3d6fc2;
}

.datatable1 span.map {
  display: inline-block;
  width: 70px;
  text-align: center;
  margin: 2px 0 2px 5px;
  background: #ca2b5c;
  color: #ffffff;
  font-size: 12px;
  border-radius: 4px;
}

.datatable1 span.map a { color: #ffffff; text-decoration: none;}
.datatable1 span.map a:link { color: #ffffff;}
.datatable1 span.map a:hover { color: #ffffff;}
.datatable1 span.map a:visited { color: #ffffff;}


.annotation {
  font-size: 14px;
  line-height: 18px;
  margin: 5px 0;
}

.tag-area {
  margin: 0 0 5px 0;
  border-radius: 20px;
  border: 1px solid #bbbbbb;
  display: inline-block;
  white-space: nowrap;
  font-size: 10px;
  line-height: 14px;
}

.tag-area .left {
  float: left;
  background: #6db846;
  color: #ffffff;
  font-weight: bold;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 3px 5px 3px 8px;
}

.tag-area .right {
  float: right;
  background: linear-gradient(#fefefe, #e9e9e9);
  color: #000000;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 3px 8px 3px 5px;
}

.tag-genre {
  margin: 0 0 5px 0;
  border-radius: 20px;
  border: 1px solid #bbbbbb;
  display: inline-block;
  white-space: nowrap;
  font-size: 10px;
  line-height: 14px;
}

.tag-genre .left {
  float: left;
  background: #b89146;
  color: #ffffff;
  font-weight: bold;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 3px 5px 3px 8px;
}

.tag-genre .right {
  float: right;
  background: linear-gradient(#fefefe, #e9e9e9);
  color: #000000;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 3px 8px 3px 5px;
}


.corpo {
  margin: 10px 0 0 0;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
}

.corpo ul {
  width: 470px;
  margin: 0 auto 10px auto;
}

.corpo li {
  float: left;
  margin: 0 10px;
}

.corpo a:link { color: #000000;}
.corpo a:hover { color: #000000;}
.corpo a:visited { color: #000000;}

.subcaption1 {
  margin: 0 10px 10px 10px;
}

.subcaption1 h2 {
  font-size: 16px;
  line-height: 22px;
  color: #555555;
  padding-left: 25px;
  background-image: url(/images/icon-star1.png);
  background-repeat: no-repeat;
  background-size: 20px;
}

.subcaption2 {
  margin: 10px 10px 5px 10px;
}

.subcaption2 h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  color: #ca2b5c;
}


.pager {
  margin: 10px 10px 20px 10px;
  border-radius: 10px;
  background: #eeeeee;
  padding: 10px 10px 5px 10px;
}

.pager a {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  padding: 5px 10px;
  background: #ffffff;
  border: 2px solid #888888;
  box-sizing: border-box;
  margin: 0 5px 5px 0;
  text-decoration: none;
}

.pager a:link { color: #ca2b5c;}
.pager a:hover { color: #ffffff !important; background: #ca2b5c;}
.pager a:visited { color: #ca2b5c;}

.pager span {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  display: inline-block;
  padding: 5px 10px;
  background: #aaaaaa;
  border: 2px solid #888888;
  box-sizing: border-box;
  margin: 0 5px 5px 0;
}

.resultnum {
  font-size: 14px;
  margin: 0 10px;
}

.resultnum span {
  font-size: 18px;
  font-weight: bold;
  color: #ca2b5c;
}

input[type="text"] {
  padding: 0 5px;
}

input[type="checkbox"] {
  margin: 0 5px 0 0;
  -webkit-transform: scale( 1.2 , 1.2 );
}

input[type="radio"] {
  margin: 0 5px 0 0;
  -webkit-transform: scale( 1.2 , 1.2 );
  vertical-align: -2px;
}

textarea {
  padding: 5px;
}

.text-max {
  margin: 0 0 0 0;
  width: 100%;
  height: 100px;
}

.pclinebreak {
  display: none;
}


.inqbutton_epamph {
  margin-top: 10px;
  display: table;
  bottom: 10px;
  width: 100%;
  height: 40px;
  text-align: center;
  background: #f3aab2; /* Old browsers */
  background: -moz-linear-gradient(top,  #f3aab2 0%, #ed9ba9 49%, #ea8999 51%, #e37790 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3aab2), color-stop(49%,#ed9ba9), color-stop(51%,#ea8999), color-stop(100%,#e37790)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3aab2', endColorstr='#e37790',GradientType=0 ); /* IE6-9 */
  border-radius: 4px;
  border: 1px solid #eb83aa;
  box-sizing: border-box;
  box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -webkit-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -moz-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
}

.inqbutton_epamph:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
  transition: opacity 0.5s ease;
}

.inqbutton_epamph a {
  display: table-cell;
  width: 100%;
  height: 100%;
  font-size: 18px;
  border-radius: 4px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #f6bfc5;
  border-right: 1px solid #f6bfc5;
  box-sizing: border-box;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
}

.articlecell .clip a {
  font-size: 16px !important;
}

.inqbutton_epamph a:link { color: #ffffff;}
.inqbutton_epamph a:visited { color: #ffffff;}
.inqbutton_epampha:hover { color: #ffffff;}







/* banner */
ul.bannerarea {
  margin: 0 0 30px 0;
}

ul.bannerarea li {
  float: left;
  margin: 0 5px 5px 0;
}

ul.bannerarea li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: opacity 0.5s ease;
}

ul.bannerarea li img {
  max-width: 100%;
}


ul#footbanner {
  margin: 0 0 0 10px;
}

ul#footbanner li {
  float: left;
  margin: 0 20px 10px 0;
}

ul#footbanner li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: opacity 0.5s ease;
}


/* new plan */
ul.newplan {
  margin: 10px 0 10px 10px;
}

ul.newplan li {
  list-style: none;
  position: relative;
  float: left;
  display: inline-block;
  width: 218px;
  height: 360px;
  border: 1px solid #cccccc;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  margin: 0 20px 20px 0;
}

ul.newplan li a.subtitle {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  margin: 3px 0;
  height: 56px;
  overflow: hidden;
  padding: 2px 5px;
  background: #f3ece2;
}

ul.newplan li a.subtitle:link { color: #000000;}
ul.newplan li a.subtitle:visited { color: #000000;}
ul.newplan li a.subtitle:hover { color: #ca2b5c;}

ul.newplan li a.subtitle p {
  font-weight: bold;
}

ul.newplan li .text {
  padding: 4px 5px;
}

ul.newplan li .detailread {
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  text-align: center;
  height: 20px;
  width: 100%;
  font-size: 12px;
  background: #f1396d;
  color: #ffffff;
}

ul.newplan li a.photo {
  width: 218px;
  height: 218px;
  display: block;
  overflow: hidden;
  background: url(/images/topimage03.jpg) no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: contain;
}

ul.newplan li a.photo:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: opacity 0.5s ease;
}


/* new fair */
ul.newfair {
  margin: 10px 0 30px 10px;
}

ul.newfair li {
  float: left;
  display: inline-block;
  list-style: none;
  width: 178px;
  height: 260px;
  border: 1px solid #cccccc;
  margin: 0 10px 20px 0;
}

ul.newfair li .date {
  float: left;
  width: 56px;
  height: 18px;
  font-size: 18px;
  font-weight: bold;
  color: #ca2b5c;
  margin: 5px 0 0 3px;
}

ul.newfair .icon {
  width: 114px;
  height: 18px;
  float: right;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
  text-align: right;
  margin: 5px 3px 0 0;
}

ul.newfair .icon-ceremony {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/images/icon-church1.png) no-repeat 0 0;
  background-size: cover;
  margin: 0 2px 0 0;
}

ul.newfair .icon-reception {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/images/icon-reception1.png) no-repeat 0 0;
  background-size: cover;
  margin: 0 2px 0 0;
}

ul.newfair .icon-tasting {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/images/icon-tasting1.png) no-repeat 0 0;
  background-size: cover;
  margin: 0 2px 0 0;
}

ul.newfair .icon-tryon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/images/icon-dress1.png) no-repeat 0 0;
  background-size: cover;
}

ul.newfair .icon-exhibition {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/images/icon-look1.png) no-repeat 0 0;
  background-size: cover;
  margin: 0 2px 0 0;
}

ul.newfair li .fairname {
  font-size: 16px;
  line-height: 22px;
  display: inline-block;
  width: 172px;
  height: 22px;
  overflow: hidden;
  margin: 0 0 0 3px;
}

ul.newfair li a:link { color: #000000;}
ul.newfair li a:visited { color: #000000;}
ul.newfair li a:hover { color: #ca2b5c;}

ul.newfair li .venue {
  line-height: 14px;
  display: inline-block;
  margin: 0 3px;
  height: 28px;
  overflow: hidden;
}

ul.newfair li a.photo {
  width: 178px;
  height: 178px;
  margin: 5px 0 0 0;
  display: block;
  overflow: hidden;
  background: url(/images/topimage03.jpg) no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: contain;
}

ul.newfair li a.photo:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: opacity 0.5s ease;
}

.icon-annotation {
  font-size: 12px;
}

.icon-annotation span {
  width: 12px !important;
  height: 12px !important;
  margin: 0 3px 0 10px !important;
  background-size: 14px 14px !important;
}


/* pickup photo */
ul.pickupphoto {
  height: 370px;
  margin: 10px 0 0 10px;
  overflow: hidden;
}

ul.pickupphoto li {
  float: left;
  list-style: none;
  height: 180px;
  width: 180px;
  position: relative;
  margin: 0 10px 10px 0;
}

ul.pickupphoto li a {
  display: inline-block;
  width: 100%;
  height: 180px;
  background-size: cover;
  background-position: 50%;
}

ul.pickupphoto li a img {
  height: 140px;
  width: auto;
}

ul.pickupphoto li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: opacity 0.5s ease;
}

ul.pickupphoto li .text {
  position: absolute;
  bottom: 0px;
  padding: 5px 5px;
  font-size: 12px;
  overflow: hidden;
  color: #ffffff;
  background-color: rgba(0,0,0,0.6)
}


/* userreport */
ul.userreport {
  height: 370px;
  margin: 10px 0 0 10px;
  overflow: hidden;
}

ul.userreport li {
  float: left;
  list-style: none;
  height: 180px;
  width: 180px;
  position: relative;
  margin: 0 10px 10px 0;
}

ul.userreport li a {
  display: inline-block;
  width: 100%;
  height: 180px;
  background-size: cover;
  backgrpund-position: 50%;
}

ul.userreport li a img {
  height: 140px;
  width: auto;
}

ul.userreport li .text {
  position: absolute;
  bottom: 0px;
  padding: 5px 5px;
  font-size: 12px;
  overflow: hidden;
  color: #ffffff;
  background-color: rgba(0,0,0,0.6)
}


/* footer */
.internallink {
  margin: 40px 0 0 10px;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  padding: 0 10px;
}

.internallink a {
  font-weight: normal;
}

.internallink a:link { color: #000;}
.internallink a:visited { color: #000;}
.internallink a:hover { color: #ca2b5c;}


/* searchpalette */
.searchpalette {
  border-radius: 6px;
  background: #fa92b0;
  margin: 30px 10px 30px 10px;
  padding: 10px;
}

.searchpalette h2 {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}

.searchpalette .inner {
  border-radius: 6px;
  background: #ffffff;
  padding: 10px;
  margin-top: 5px;
  color: #ca2b5c;
  font-size: 14px;
  font-weight: bold;
}

.searchpalette .inner .left {
  float: left;
  padding-right: 20px;
}

.searchpalette .inner .left .searchkaijo {
  font-size: 28px;
  padding: 10px 15px 0 0;
  background: url(/images/icon-arrow1.png) no-repeat right 12px;
  background-size: 21px;
}

.searchpalette .inner .left .searchkaijo a:link { color: #ca2b5c;}
.searchpalette .inner .left .searchkaijo a:hover { color: #ca2b5c;}
.searchpalette .inner .left .searchkaijo a:visited { color: #ca2b5c;}


.searchpalette .inner ul.searcharea {
}

.searchpalette .inner ul.searcharea li {
  float: left;
  font-size: 16px;
  font-weight: normal;
  padding: 0 12px 0 0;
  background: url(/images/icon-arrow2.png) no-repeat right;
  background-size: 12px;
  margin: 5px 30px 0 0;
}

.searchpalette .inner ul.searcharea li a:link { color: #000;}
.searchpalette .inner ul.searcharea li a:hover { color: #ca2b5c;}
.searchpalette .inner ul.searcharea li a:visited { color: #000;}

.searchpalette .inner .searchallview {
  padding: 10px 0 0 0;
  clear: both;
}

.searchpalette .inner .searchallview ul {
  padding: 10px 0 0 0;
}

.searchpalette .inner .searchallview li {
  float: left;
  margin: 0 20px 0 0;
}


.searchpalette .inner .searchallview a {
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  padding: 0 20px 0 0;
  background: url(/images/icon-arrow1.png) no-repeat right;
  background-size: 16px;
}

.searchpalette .inner .searchallview a:link { color: #ca2b5c;}
.searchpalette .inner .searchallview a:hover { color: #ca2b5c;}
.searchpalette .inner .searchallview a:visited { color: #ca2b5c;}


/* basicinfo page */
#basicinfo {
  padding: 10px 10px;
}

#basicinfo .tag-area {
  float: left;
  margin: 0 10px 10px 0;
  border-radius: 20px;
  border: 1px solid #bbbbbb;
  display: inline-block;
  white-space: nowrap;
  font-size: 12px;
}

#basicinfo .tag-area .left {
  float: left;
  background: #6db846;
  color: #ffffff;
  font-weight: bold;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 3px 7px 3px 10px;
}

#basicinfo .tag-area .right {
  float: right;
  background: linear-gradient(#fefefe, #e9e9e9);
  color: #000000;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 3px 10px 3px 7px;
}

#basicinfo .tag-genre {
  float: left;
  margin: 0 10px 10px 0;
  border-radius: 20px;
  border: 1px solid #bbbbbb;
  display: inline-block;
  white-space: nowrap;
  font-size: 12px;
}

#basicinfo .tag-genre .left {
  float: left;
  background: #b89146;
  color: #ffffff;
  font-weight: bold;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 3px 7px 3px 10px;
}

#basicinfo .tag-genre .right {
  float: right;
  background: linear-gradient(#fefefe, #e9e9e9);
  color: #000000;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 3px 10px 3px 7px;
}

#basicinfo .view {
  float: left;
  height: 20px;
  line-height: 20px;
  padding: 0 0 0 20px;
  margin: 0 10px 0 10px;
  background-image: url(/images/icon-view.png);
  background-repeat: no-repeat;
  background-size: 18px;
}

#basicinfo #socialbook1 {
  float: left;
}

#basicinfo #socialbook1 .tw {
  float: left;
  margin: 0 10px 0 0;
}

#basicinfo #socialbook1 .fb {
  float: right;
  height: 30px !important;
}

#basicinfo h1.tradename {
  font-size: 26px;
  font-weight: bold;
  color: #ca2b5c;
  padding: 10px 0 3px 0;
}

#basicinfo h1.tradename a:link { color: #ca2b5c;}
#basicinfo h1.tradename a:hover { color: #ca2b5c;}
#basicinfo h1.tradename a:visited { color: #ca2b5c;}


#basicinfo .tradename-kana {
  font-size: 12px;
  color: #ca2b5c;
  margin-bottom: 20px;
}

ul.pagertab {
  margin: 15px 0 10px 0;
}

ul.pagertab li {
  float: left;
  white-space: nowrap;
  text-align: center;
}

ul.pagertab li a {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 15px 10px 10px 10px;
  margin: 0 5px 5px 0;
  text-decoration: none;
  border-radius: 4px;
}

ul.pagertab li span {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 13px 10px 8px 10px;
  margin: 0 5px 5px 0;
  color: #ca2b5c;
  border: 2px solid #cf7aa2;
  border-radius: 4px;
}

ul.pagertab li a:link { color: #ffffff; background: #cf7aa2;}
ul.pagertab li a:visited { color: #ffffff; background: #cf7aa2;}
ul.pagertab li a:hover {
  color: #ca2b5c;
  background: #ffffff;
  border: 2px solid #cf7aa2;
  border-radius: 4px;
  padding: 13px 8px 8px 8px;
}


.basic-article {
}

.basic-article .main-photo {
  float: left;
  width: 380px;
  margin: 0 10px 10px 0;
  border: 10px solid #eeeeee;
  background: #eeeeee;
  box-sizing: border-box;
}

.basic-article .right {
}

.basic-article .main-photo img {
  width: 100%;
}

.basic-article .main-photo .weddingformat {
  width: 100%;
  text-align: center;
  margin: 10px 0 0 0;
}

.basic-article .main-photo .weddingformat .on {
	font-size: 18px;
  font-weight: bold;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #5197d4;
	padding: 6px 8px;
  margin: 0 2px;
	text-decoration: none;
	background: -moz-linear-gradient( center top, #81b4e0 52%, #66a3d9 53% );
	background: -ms-linear-gradient( top, #81b4e0 52%, #66a3d9 53% );
	filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#81b4e0', endColorstr='#66a3d9');
	background: -webkit-gradient( linear, left top, left bottom, color-stop(52%, #81b4e0), color-stop(53%, #66a3d9) );
	background-color: #81b4e0;
	color: #ffffff;
	display: inline-block;
	text-shadow: 1px 1px 0px #0;
 	-webkit-box-shadow: inset 0px 1px 0px 0px #cfe2f3;
 	-moz-box-shadow: inset 0px 1px 0px 0px #cfe2f3;
 	box-shadow: inset 0px 1px 0px 0px #cfe2f3;
}

.basic-article .main-photo .weddingformat .off {
	font-size:18px;
	font-weight:normal;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:1px solid #929292;
	padding:6px 8px;
  margin: 0 2px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #b0b0b0 52%, #9f9f9f 53% );
	background:-ms-linear-gradient( top, #b0b0b0 52%, #9f9f9f 53% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0b0b0', endColorstr='#9f9f9f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(52%, #b0b0b0), color-stop(53%, #9f9f9f) );
	background-color:#b0b0b0;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #0;
 	-webkit-box-shadow:inset 0px 1px 0px 0px #eeeeee;
 	-moz-box-shadow:inset 0px 1px 0px 0px #eeeeee;
 	box-shadow:inset 0px 1px 0px 0px #eeeeee;
}

.basic-article .read {
  font-size: 14px;
  line-height: 22px;
}

.basic-article .read em {
  display: block;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  color: #ca2b5c;
}

.basic-article ul.data {
  margin: 0 0 0 5px;
  padding: 20px 0 0 0;
}

.basic-article ul.data li {
  font-size: 14px;
  line-height: 18px;
  padding-left: 70px;
}

.basic-article ul.data li span {
  display: inline-block;
  width: 70px;
  text-align: center;
  margin: 2px 5px 2px -75px;
  background: #888888;
  color: #ffffff;
  font-size: 12px;
  border-radius: 4px;
}

.basic-article ul.data li em {
  font-size: 18px;
  color: #3d6fc2;
  font-weight: bold;
}

.basic-article ul.data li span.map {
  display: inline-block;
  width: 70px;
  text-align: center;
  margin: 2px 0 2px 5px;
  background: #ca2b5c;
  color: #ffffff;
  font-size: 12px;
  border-radius: 4px;
}

.basic-article ul.data li span.map a { color: #ffffff; text-decoration: none;}
.basic-article ul.data li span.map a:link { color: #ffffff;}
.basic-article ul.data li span.map a:hover { color: #ffffff;}
.basic-article ul.data li span.map a:visited { color: #ffffff;}


.basic-inquiry {
  margin: 20px 0 30px 0;
  background: #f2f2f2;
}

.basic-inquiry .bg {
  background: url(/images/basic-inquiry-bg.png) no-repeat top center;
  background-size: 31px;
  padding: 20px 10px 10px 10px;
}

.basic-inquiry ul {
  width: 100%;
}

.basic-inquiry ul li {
  margin: 0 0 10px 0;
}

.basic-inquiry ul li p {
  position: absolute;
  font-size: 12px;
  color: #ffffff;
  margin-top: -16px;
  width: 95%;
  text-align: center;
}

.basic-inquiry .inqbutton {
  display: table;
  width: 100%;
  height: 70px;
  text-align: center;
  background: #f3aab2; /* Old browsers */
  background: -moz-linear-gradient(top,  #f3aab2 0%, #ed9ba9 49%, #ea8999 51%, #e37790 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3aab2), color-stop(49%,#ed9ba9), color-stop(51%,#ea8999), color-stop(100%,#e37790)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3aab2', endColorstr='#e37790',GradientType=0 ); /* IE6-9 */
  border-radius: 4px;
  border: 1px solid #eb83aa;
  box-sizing: border-box;
  box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -webkit-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -moz-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
}

.basic-inquiry .inqbutton:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
  transition: opacity 0.5s ease;
}

.basic-inquiry .inqbutton a {
  display: table-cell;
  width: 100%;
  height: 100%;
  font-size: 30px;
  border-radius: 4px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #f6bfc5;
  border-right: 1px solid #f6bfc5;
  box-sizing: border-box;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
}

.basic-inquiry .inqbutton a:link { color: #ffffff;}
.basic-inquiry .inqbutton a:visited { color: #ffffff;}
.basic-inquiry .inqbutton a:hover { color: #ffffff;}


.basic-inquiry .inqbutton-w {
  display: table;
  width: 100%;
  height: 70px;
  text-align: center;
  background: #8af6b; /* Old browsers */
  background: -moz-linear-gradient(top,  #f8af6b 0%, #f49856 49%, #f2874a 51%, #ee703a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8af6b), color-stop(49%,#f49856), color-stop(51%,#f28548), color-stop(100%,#ee703a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f8af6b 0%,#f49856 49%,#f28548 51%,#ee703a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f8af6b 0%,#f49856 49%,#f28548 51%,#ee703a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f8af6b 0%,#f49856 49%,#f28548 51%,#ee703a 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f8af6b 0%,#f49856 49%,#f28548 51%,#ee703a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8af6b', endColorstr='#ee703a',GradientType=0 ); /* IE6-9 */
  border-radius: 4px;
  border: 1px solid #f37c3d;
  box-sizing: border-box;
  box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -webkit-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -moz-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
}

.basic-inquiry .inqbutton-w:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
  transition: opacity 0.5s ease;
}

.basic-inquiry .inqbutton-w a {
  display: table-cell;
  width: 100%;
  height: 100%;
  font-size: 30px;
  border-radius: 4px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #f6bfc5;
  border-right: 1px solid #f6bfc5;
  box-sizing: border-box;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
}

.basic-inquiry .inqbutton-w a:link { color: #ffffff;}
.basic-inquiry .inqbutton-w a:visited { color: #ffffff;}
.basic-inquiry .inqbutton-w a:hover { color: #ffffff;}

.basic-inquiry .navistaff {
  float: left;
  margin: 0 10px 15px 0;
  width: 54px;
  height: 54px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #ffffff;
}

.basic-inquiry .navistaffmess {
  padding-top: 5px;
  font-size: 14px;
  line-height: 22px;
}

#basicinfo ul.fair {
  margin: 10px 10px 30px 10px;
}

#basicinfo ul.fair li {
  margin: 0 0 10px 0;
  padding: 0 0 0 14px;
  background-image: url(/images/icon-arrow4.png);
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: 0 3px;
  line-height: 18px;
  font-size: 14px;
}

#basicinfo ul.fair li a:link { color: #000;}
#basicinfo ul.fair li a:visited { color: #000;}
#basicinfo ul.fair li a:hover { color: #ca2b5c;}


#basicinfo ul.news {
  margin: 10px 10px 30px 10px;
}

#basicinfo ul.news li {
  margin: 0 0 10px 0;
  padding: 0 0 0 14px;
  background-image: url(/images/icon-arrow5.png);
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: 0 3px;
  line-height: 18px;
  font-size: 14px;
}

#basicinfo ul.news li a:link { color: #000;}
#basicinfo ul.news li a:visited { color: #000;}
#basicinfo ul.news li a:hover { color: #ca2b5c;}


#basicinfo .venue-appeal {
  position: relative;
  width: 100%;
  padding: 10px;
  margin: 10px 0 30px 0;
  background: #fdf9f2;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
}

#basicinfo .venue-appeal .photo {
  float: left;
  margin: 0 10px 0 0;
  width: 180px;
  height: 180px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #ffffff;
}

#basicinfo .venue-appeal span {
  font-size: 16px;
  font-weight: bold;
  color: #ca2b5c;
}

#basicinfo .venue-appeal .inqbutton {
  margin: 10px 0 0 0;
  display: table;
  width: 100%;
  height: 50px;
  text-align: center;
  background: #f3aab2; /* Old browsers */
  background: -moz-linear-gradient(top,  #f3aab2 0%, #ed9ba9 49%, #ea8999 51%, #e37790 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3aab2), color-stop(49%,#ed9ba9), color-stop(51%,#ea8999), color-stop(100%,#e37790)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3aab2', endColorstr='#e37790',GradientType=0 ); /* IE6-9 */
  border-radius: 4px;
  border: 1px solid #eb83aa;
  box-sizing: border-box;
  box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -webkit-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -moz-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
}

#basicinfo .venue-appeal .inqbutton:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
  transition: opacity 0.5s ease;
}

#basicinfo .venue-appeal .inqbutton a {
  display: table-cell;
  width: 100%;
  height: 100%;
  font-size: 20px;
  border-radius: 4px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #f6bfc5;
  border-right: 1px solid #f6bfc5;
  box-sizing: border-box;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
}

#basicinfo .venue-appeal .inqbutton a:link { color: #ffffff;}
#basicinfo .venue-appeal .inqbutton a:visited { color: #ffffff;}
#basicinfo .venue-appeal .inqbutton a:hover { color: #ffffff;}


#basicinfo .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

#basicinfo .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


#basicinfo ul.highlight-images {
  width: 100%;
  margin: 20px 0 10px 0;
}

#basicinfo ul.highlight-images li {
  width: 31%;
  height: 337px;
  overflow: hidden;
  font-size: 14px;
  float: left;
  margin: 0 10px 20px 0;
}

#basicinfo ul.highlight-images .cell {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  box-shadow: #ececec 0px 5px 0px;
  margin: 0 0 10px 0;
}

#basicinfo ul.highlight-images .cell .inner {
  width: 100%;
  height: 100%;
  border: 6px solid #ffffff;
  box-sizing: border-box;
}

#basicinfo ul.highlight-images .cell .zoom {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 35px;
  height: 35px;
}

#basicinfo ul.highlight-images .cell .zoom img {
  width: 35px;
  height: 35px;
}

#basicinfo ul.highlight-images .cell .linkbtn {
  position: absolute;
  bottom: 6px;
  left: 0px;
  right: 0px;
  width: 120px;
  height: 40px;
  line-height: 20px;
  background: #f23d70;
  margin: auto;
  color: #ffffff;
  text-align: center;
}

#basicinfo ul.highlight-images .cell .linkbtn a:link { color: #ffffff;}
#basicinfo ul.highlight-images .cell .linkbtn a:hover { color: #ffffff;}
#basicinfo ul.highlight-images .cell .linkbtn a:visited { color: #ffffff;}


#basicinfo ul.userreport1 {
  width: 100%;
  margin: 10px 0 10px 0px;
}

#basicinfo ul.userreport1 li {
  position: relative;
  float: left;
  width: 31%;
  height: 305px;
  overflow: hidden;
  font-size: 14px;
  line-height: 18px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  margin: 0 10px 20px 0;
  padding: 10px;
}

#basicinfo ul.userreport1 li p {
  font-weight: bold;
  color: #ca2b5c;
  white-space: nowrap;
}

#basicinfo ul.userreport1 li .photo {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #ffffff;
  box-sizing: border-box;
  margin: 5px 0 5px 0;
}

#basicinfo ul.userreport1 li .button {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 120px;
  height: 20px;
  line-height: 20px;
  background: #f23d70;
  margin: auto;
  color: #ffffff;
  text-align: center;
}

#basicinfo ul.userreport1 li .button a:link { color: #ffffff;}
#basicinfo ul.userreport1 li .button a:hover { color: #ffffff;}
#basicinfo ul.userreport1 li .button a:visited { color: #ffffff;}


#basicinfo .coupon {
  height: 100px;
  margin: 10px 0 10px 0;
  padding: 5px;
  border: 5px solid #cccccc;
}

#basicinfo .coupon .left {
  float: left;
  position: relative;
  width: 200px;
  height: 100px;
  padding: 10px;
  margin-right: 10px;
  display: table-cell;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  background: #f50715; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #f50715 0%, #c3070e 50%, #b4040e 51%, #b5050f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f50715), color-stop(50%,#c3070e), color-stop(51%,#b4040e), color-stop(100%,#b5050f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  #f50715 0%,#c3070e 50%,#b4040e 51%,#b5050f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  #f50715 0%,#c3070e 50%,#b4040e 51%,#b5050f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  #f50715 0%,#c3070e 50%,#b4040e 51%,#b5050f 100%); /* IE10+ */
  background: linear-gradient(135deg,  #f50715 0%,#c3070e 50%,#b4040e 51%,#b5050f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f50715', endColorstr='#b5050f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#basicinfo .coupon .left h2 {
  font-weight: bold;
  margin-top: 15px;
  font-size: 18px;
  color: #ffffff;
}

#basicinfo .coupon .left .term {
  position: absolute;
  bottom: 5px;
  width: 180px;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  text-align: left;
}

#basicinfo .coupon .right {
  height: 80px;
  font-size: 14px;
  line-height: 20px;
  padding: 10px;
  position: relative;
}

#basicinfo .coupon .right .button {
  position: absolute;
  bottom: 5px;
  right: 5px;
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  width: 220px;
  height: 40px;
  text-align: center;
  background: #f3aab2; /* Old browsers */
  background: -moz-linear-gradient(top,  #f3aab2 0%, #ed9ba9 49%, #ea8999 51%, #e37790 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3aab2), color-stop(49%,#ed9ba9), color-stop(51%,#ea8999), color-stop(100%,#e37790)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3aab2', endColorstr='#e37790',GradientType=0 ); /* IE6-9 */
  border-radius: 4px;
  border: 1px solid #eb83aa;
  box-sizing: border-box;
  box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -webkit-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -moz-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
}

#basicinfo .coupon .right .button a:link { color: #ffffff;}
#basicinfo .coupon .right .button a:hover { color: #ffffff;}
#basicinfo .coupon .right .button a:visited { color: #ffffff;}


.recommend {
  border: 5px solid #eaddc4;
  border-radius: 6px;
  background: #faf4e4;
  margin: 10px 10px 0 10px;;
}

.recommend h2 {
  font-size: 16px;
  margin: 10px 0 0 10px;
}

.recommend ul {
  width: 100%;
}

.recommend ul li {
  position: relative;
  float: left;
  width: 170px;
  height: 225px;
  overflow: hidden;
  font-size: 14px;
  line-height: 18px;
  margin: 0 5px 0 10px;
  padding: 0 0 10px 0;
}

.recommend ul li p {
  font-weight: bold;
  color: #ca2b5c;
  white-space: nowrap;
}

.recommend ul li .photo {
  width: 180px;
  height: 160px;
  overflow: hidden;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #ffffff;
  box-sizing: border-box;
  margin: 5px 0 5px 0;
}

.recommend ul li a.photo:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: opacity 0.5s ease;
}

.recommend ul li a:link { color: #000;}
.recommend ul li a:visited { color: #000;}
.recommend ul li a:hover { color: #ca2b5c;}


.fair-recommend {
  border: 5px solid #eaddc4;
  border-radius: 6px;
  background: #faf4e4;
  margin: 10px 10px 10px 10px;
}

.fair-recommend h2 {
  font-size: 16px;
  margin: 10px 0 0 10px;
}

.fair-recommend ul {
  margin: 10px;
}

.fair-recommend li {
  margin: 0 0 5px 0;
}

.fair-recommend a {
  vertical-align: 10px;
  padding: 0 0 0 5px;
  font-size: 14px;
}

.fair-recommend a:link { color: #000;}
.fair-recommend a:visited { color: #000;}
.fair-recommend a:hover { color: #ca2b5c;}



.news-recommend {
  border: 5px solid #eaddc4;
  border-radius: 6px;
  background: #faf4e4;
  margin: 10px 10px 10px 10px;
}

.news-recommend h2 {
  font-size: 16px;
  margin: 10px 0 0 10px;
}

.news-recommend ul {
  margin: 10px;
}

.news-recommend li {
  margin: 0 0 5px 0;
  padding: 0 0 0 6px;
  background: url(/images/icon-arrow4.png) no-repeat 0 1px;
  background-size: 8px;
}

.news-recommend a {
  vertical-align: 10px;
  padding: 0 0 0 5px;
  font-size: 14px;
}

.news-recommend a:link { color: #000;}
.news-recommend a:visited { color: #000;}
.news-recommend a:hover { color: #ca2b5c;}


/* listcell */
.listcell {
}

.listcell p {
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  color: #ca2b5c;
  margin: 0 0 10px 0;
}

.listcell p span {
  display: inline-block;
  width: 70px;
  text-align: center;
  margin: 2px 0 2px 5px;
  font-size: 12px;
  font-weight: normal;
  background: #ca2b5c;
  color: #ffffff;
  border-radius: 4px;
  vertical-align: 2px;
  line-height: 18px;
}

.listcell .main-photo {
  float: left;
  width: 200px;
  margin: 0 10px 10px 0;
  border: 10px solid #eeeeee;
  background: #eeeeee;
  box-sizing: border-box;
}

.listcell .main-photo img {
  width: 100%;
}

.listcell .main-photo .weddingformat {
  width: 100%;
  text-align: center;
  margin: 10px 0 0 0;
}

.listcell .main-photo .weddingformat .on {
	font-size: 18px;
  font-weight: bold;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #5197d4;
	padding: 6px 8px;
  margin: 0 2px;
	text-decoration: none;
	background: -moz-linear-gradient( center top, #81b4e0 52%, #66a3d9 53% );
	background: -ms-linear-gradient( top, #81b4e0 52%, #66a3d9 53% );
	filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#81b4e0', endColorstr='#66a3d9');
	background: -webkit-gradient( linear, left top, left bottom, color-stop(52%, #81b4e0), color-stop(53%, #66a3d9) );
	background-color: #81b4e0;
	color: #ffffff;
	display: inline-block;
	text-shadow: 1px 1px 0px #0;
 	-webkit-box-shadow: inset 0px 1px 0px 0px #cfe2f3;
 	-moz-box-shadow: inset 0px 1px 0px 0px #cfe2f3;
 	box-shadow: inset 0px 1px 0px 0px #cfe2f3;
}

.listcell .main-photo .weddingformat .off {
	font-size:18px;
	font-weight:normal;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:1px solid #929292;
	padding:6px 8px;
  margin: 0 2px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #b0b0b0 52%, #9f9f9f 53% );
	background:-ms-linear-gradient( top, #b0b0b0 52%, #9f9f9f 53% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0b0b0', endColorstr='#9f9f9f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(52%, #b0b0b0), color-stop(53%, #9f9f9f) );
	background-color:#b0b0b0;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #0;
 	-webkit-box-shadow:inset 0px 1px 0px 0px #eeeeee;
 	-moz-box-shadow:inset 0px 1px 0px 0px #eeeeee;
 	box-shadow:inset 0px 1px 0px 0px #eeeeee;
}

.listcell .data {
  display: table;
  border-collapse: collapse;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
}

.listcell .data dl {
  margin: 0 0 4px 0;
}

.listcell .data dd em {
  font-size: 18px;
  vertical-align: -2px;
  line-height: 20px;
  color: #3d6fc2;
  font-weight: bold;
}

.listcell .data dl dt {
}

.listcell .data dt {
  display: inline-block;
	background-color: #888888;
  color: #ffffff;
  text-align: center;
  width: 70px;
  font-size: 12px;
  border-radius: 4px;
}

.listcell .data dl dt,
.listcell .data dl dd {
  display: inline-block;
  margin: 0 0 2px 0;
}

.listcell .data span.map {
  display: inline-block;
  width: 70px;
  text-align: center;
  margin: 2px 0 2px 5px;
  background: #ca2b5c;
  color: #ffffff;
  font-size: 12px;
  border-radius: 4px;
}

.listcell .data span.map a { color: #ffffff; text-decoration: none;}
.listcell .data span.map a:link { color: #ffffff;}
.listcell .data span.map a:hover { color: #ffffff;}
.listcell .data span.map a:visited { color: #ffffff;}


/* tab article */
.articlecell {
  position: relative;
  margin: 0 0 30px 0;
  padding: 10px 10px 10px 10px;
  box-sizing: border-box;
  border-radius: 0px 20px 0px 20px;
  -moz-border-radius: 0px 20px 0px 20px;
  -webkit-border-radius: 0px 20px 0px 20px;
  border: 5px solid #eeeeee;
}

.articlecell .articletitle {
  padding-top: 10px;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #dddddd;
}

.articlecell .articletitle h2 {
  font-size: 18px;
  line-height: 26px;
  overflow: hidden;
  font-weight: bold;
  color: #ca2b5c;
  padding-left: 25px;
  background: url(/images/icon-star1.png) no-repeat 0 0;
  background-size: 21px auto;
}

.articlecell .photo {
  float: right;
  width: 350px;
  margin: 0 0 0 20px;
}

.articlecell .photo img {
  width: 350px;
}

.articlecell .text {
  font-size: 14px;
  line-height: 20px;
}

.articlecell .inqbutton {
  margin-top: 10px;
  display: table;
  bottom: 10px;
  width: 100%;
  height: 40px;
  text-align: center;
  background: #f3aab2; /* Old browsers */
  background: -moz-linear-gradient(top,  #f3aab2 0%, #ed9ba9 49%, #ea8999 51%, #e37790 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3aab2), color-stop(49%,#ed9ba9), color-stop(51%,#ea8999), color-stop(100%,#e37790)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3aab2', endColorstr='#e37790',GradientType=0 ); /* IE6-9 */
  border-radius: 4px;
  border: 1px solid #eb83aa;
  box-sizing: border-box;
  box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -webkit-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -moz-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
}

.articlecell .inqbutton:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
  transition: opacity 0.5s ease;
}

.articlecell .inqbutton a {
  display: table-cell;
  width: 100%;
  height: 100%;
  font-size: 18px;
  border-radius: 4px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #f6bfc5;
  border-right: 1px solid #f6bfc5;
  box-sizing: border-box;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
}

.articlecell .clip a {
  font-size: 16px !important;
}

.articlecell .inqbutton a:link { color: #ffffff;}
.articlecell .inqbutton a:visited { color: #ffffff;}
.articlecell .inqbutton a:hover { color: #ffffff;}

.articlecell .plandetail {
  float: left;
  border: 5px solid #dddddd;
  box-sizing: border-box;
  padding: 5px;
  margin: 10px 0;
  line-height: 18px;
  font-size: 14px;
}

.articlecell .plandetail .price {
  border-radius: 20px;
  background: #9dd53a; /* Old browsers */
  background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
  padding: 5px;
  margin: 0 0 5px 0;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
}

.articlecell .plandetail .price em {
  font-size: 20px;
  margin: 0 5px;
  font-weight: bold;
}

.articlecell .plandetail p {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}


.articlecell .fairdata {
  width: 100%;
  float: left;
  border: 5px solid #dddddd;
  box-sizing: border-box;
  padding: 10px;
  margin: 10px 0 10px 0;
  line-height: 18px;
  font-size: 14px;
  background: #f7f7f7;
}

.articlecell .fairdata .tag {
  display: inline-block;
  border: 1px solid #b92828;
  border-radius: 10px;
  background: #fd323c; /* Old browsers */
  background: -moz-linear-gradient(top,  #fd323c 0%, #ca232f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd323c), color-stop(100%,#ca232f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fd323c 0%,#ca232f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fd323c 0%,#ca232f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fd323c 0%,#ca232f 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fd323c 0%,#ca232f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd323c', endColorstr='#ca232f',GradientType=0 ); /* IE6-9 */
  padding: 0px 8px;
  margin: 0 3px 0px 0;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
}

.fairtable {
  width: 100%;
  display: table;
  border-left: 1px #ccc solid;
  border-top: 1px #ccc solid;
  border-collapse: collapse;
  margin: 10px 0;
  font-size: 14px;
  line-height: 18px;
}

.fairtable dl {
  display: table-row-group;
}

.fairtable dl dt {
	background-color: #f4f4f4;
  width: 60px;
  font-weight: bold;
}

.fairtable dl dt,
.fairtable dl dd {
  display: table-cell;
  padding: 10px;
  border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
}

.fairtable dd {
  background-color: #ffffff;
}

.fairdata .resvbutton {
  display: table;
  width: 100%;
  height: 40px;
  text-align: center;
  background: #e6f0a3; /* Old browsers */
  background: -moz-linear-gradient(top,  #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f0a3), color-stop(50%,#d2e638), color-stop(51%,#c3d825), color-stop(100%,#dbf043)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 ); /* IE6-9 */
  border-radius: 4px;
  border: 1px solid #99c10a;
  box-sizing: border-box;
  box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -webkit-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -moz-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
}

.fairdata .resvbutton:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
  transition: opacity 0.5s ease;
}

.fairdata .resvbutton a {
  display: table-cell;
  width: 100%;
  height: 100%;
  font-size: 18px;
  border-radius: 4px;
  border-top: 1px solid #ffffff;
  box-sizing: border-box;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
}

.fairdata .resvbutton a:link { color: #ffffff;}
.fairdata .resvbutton a:visited { color: #ffffff;}
.fairdata .resvbutton a:hover { color: #ffffff;}

.articlecell .icon-coupon {
  float: right;
  font-size: 0px;
  width: 60px;
  height: 30px;
  background-image: url(/images/icon-coupon.png);
  background-repeat: no-repeat;
  background-size: 60px;
  margin: 10px 0 0 0;
}

.articlecell .sun {
  color: #f20000;
}

.articlecell .sat {
  color: #00a8ff;
}



/* searchpage */
#searchpage {
  padding: 10px 10px;
}

#searchpage ul.search-col1 {
  background: #eeeeee;
  border-radius: 10px;
  padding: 10px 10px 0 10px;
  margin: 0 10px 10px 10px;
}

#searchpage ul.search-col1 li {
  font-size: 16px;
  line-height: 20px;
  float: left;
  width: 210px;
  margin: 0 10px 10px 0;
}

#searchpage ul.search-col1 li a:link { color: #000000;}
#searchpage ul.search-col1 li a:visited { color: #000000;}
#searchpage ul.search-col1 li a:hover { color: #ca2b5c;}

#searchpage ul.search-col2 {
  background: #eeeeee;
  border-radius: 10px;
  padding: 10px 10px 0 10px;
  margin: 0 10px 10px 10px;
}

#searchpage ul.search-col2 li {
  font-size: 16px;
  line-height: 20px;
  float: left;
  width: 170px;
  margin: 0 10px 10px 0;
}

#searchpage ul.search-col2 li a:link { color: #000000;}
#searchpage ul.search-col2 li a:visited { color: #000000;}
#searchpage ul.search-col2 li a:hover { color: #ca2b5c;}

#searchpage ul.search-col3 {
  background: #eeeeee;
  border-radius: 10px;
  padding: 10px 10px 0 10px;
  margin: 5px 10px 10px 10px;
}

#searchpage ul.search-col3 li {
  font-size: 16px;
  line-height: 20px;
  float: left;
  width: 270px;
  margin: 0 10px 10px 0;
}

#searchpage ul.search-col3 li a:link { color: #000000;}
#searchpage ul.search-col3 li a:visited { color: #000000;}
#searchpage ul.search-col3 li a:hover { color: #ca2b5c;}



#searchpage input[type="checkbox"] {
  margin: 0 5px 0 0;
  -webkit-transform: scale( 1.2 , 1.2 );
}

#searchpage input[type="text"] {
  width: 100%;
  height: 28px;
  line-height: 28px;
  margin: 0 0 10px 0;
}

#searchpage ul.commonbutton1 {
  padding: 10px;
  margin: 0 0 40px 0;
}

#searchpage ul.commonbutton1 li {
  width: 40%;
  margin: 0 23px;
  float: left;
}

#searchpage ul.commonbutton1 p {
  width: 100%;
  text-align: center;
  font-size: 14px;
  margin: 0 auto;
}

#searchpage ul.commonbutton2 {
  padding: 10px;
  margin: 0 0 40px 0;
}

#searchpage ul.commonbutton2 li {
  width: 99%;
  margin: auto;
}

#searchpage ul.commonbutton2 p {
  width: 80%;
  text-align: center;
  font-size: 16px;
  margin: 0 auto;
}


#searchpage .button {
  display: table;
  width: 100%;
  height: 40px;
  margin: 5px auto 0 auto;
  text-align: center;
  background: #f3aab2; /* Old browsers */
  background: -moz-linear-gradient(top,  #f3aab2 0%, #ed9ba9 49%, #ea8999 51%, #e37790 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3aab2), color-stop(49%,#ed9ba9), color-stop(51%,#ea8999), color-stop(100%,#e37790)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3aab2', endColorstr='#e37790',GradientType=0 ); /* IE6-9 */
  border-radius: 4px;
  border: 1px solid #eb83aa;
  box-sizing: border-box;
  box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -webkit-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -moz-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
}

#searchpage .button:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
  transition: opacity 0.5s ease;
}

#searchpage .button a {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  font-size: 18px;
  border-radius: 4px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #f6bfc5;
  border-right: 1px solid #f6bfc5;
  box-sizing: border-box;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
}

#searchpage .button a:link { color: #ffffff;}
#searchpage .button a:visited { color: #ffffff;}
#searchpage .button a:hover { color: #ffffff;}


#searchpage .listcell {
  border-radius: 0 10px 10px 10px;
  border: 5px solid #f0f0f0;
  box-sizing: border-box;
  padding: 10px;
  margin: 10px 10px 30px 10px;
}

#searchpage .listcell p a:link { color: #ca2b5c;}
#searchpage .listcell p a:hover { color: #ca2b5c;}
#searchpage .listcell p a:visited { color: #ca2b5c;}

#searchpage .listcell .event {
  display: inline-block;
  margin: 0 5px 5px 0;
  background: #e35886;
  background-image: -webkit-linear-gradient(top, #e35886, #d44461);
  background-image: -moz-linear-gradient(top, #e35886, #d44461);
  background-image: -ms-linear-gradient(top, #e35886, #d44461);
  background-image: -o-linear-gradient(top, #e35886, #d44461);
  background-image: linear-gradient(to bottom, #e35886, #d44461);
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 30px;
  color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
}

#searchpage .listcell .event a:link { text-decoration: underline; color: #ffffff;}
#searchpage .listcell .event a:hover { color: #ffffff;}
#searchpage .listcell .event a:visited { color: #ffffff;}


#searchpage .basic-inquiry {
  margin: 0px;
  background: #ffffff;
}

#searchpage .basic-inquiry ul li {
  margin: 0 10px 10px 0;
  float: left;
}

#searchpage .basic-inquiry .inqbutton {
  width: 180px;
  height: 35px;
}

#searchpage .basic-inquiry .inqbutton a {
  font-size: 14px;
}

#searchpage .basic-inquiry .clip {
  width: 120px;
}

#searchpage .basic-inquiry .clip a {
  font-size: 12px !important;
}

#searchpage .basic-inquiry .inqbutton-w {
  width: 190px;
  height: 35px;
}

#searchpage .basic-inquiry .inqbutton-w a {
  font-size: 14px;
}

#searchpage #divPanel {
  background: #ffffff;
  padding: 5px 0 5px 0;
  border-radius: 10px;
}

#searchpage ul.search-resultterms {
  border-radius: 0 10px 10px 10px;
  background: #eeeeee;
  margin: 0 10px;
  padding: 10px;
}

#searchpage ul.search-resultterms li {
  font-size: 14px;
  margin: 0 0 10px 0;
}

#searchpage ul.search-resultterms li span {
  border-right: solid 1px #000000;
  padding: 0 5px 0 0;
  margin: 0 10px 0 0;
  display: inline-block;
  width: 100px;
  text-align: right;
  font-weight: bold;
}

#searchpage ul.search-resultterms ul.commonbutton2 {
  margin: 0px;
}

#searchpage ul.search-resultterms ul.search-col1 {
  margin: 0 10px 10px 10px;
}

#searchpage .open-terms {
  width: 100%;
  text-align: center;
  height: 30px;
}

#searchpage .open-terms a {
  width: 200px;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  border-radius: 0 0 10px 10px;
  background: #eeeeee;
  padding: 5px 10px;
}

#searchpage .open-terms a:link { color: #000000;}
#searchpage .open-terms a:hover { color: #000000;}
#searchpage .open-terms a:visited { color: #000000;}


#searchpage .searchbox {
  border-radius: 0 10px 10px 10px;
  background: #eeeeee;
  margin: 0 10px 40px 10px;
  padding: 10px;
}

#searchpage .listcell .coupon {
  background: #faf4e4;
  margin: 0 0 10px 0;
  border-radius: 0 0 6px 6px;
}


#searchpage .listcell .coupon p {
  color: #fff;
  display: block;
  width: 100%;
  background: #d54d85;
  border-radius: 6px 6px 0 0;
  padding: 2px;
  margin: 5px 0 0 0;
  text-align: center;
  box-sizing: border-box;
  font-size: 16px;
}

#searchpage .listcell .coupon .coupontext {
  width: 100%;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 18px;
  box-sizing: border-box;
}



/* fairsearchpage */
.faircalendar {
  margin: 0 10px 20px 10px;
  float: left;
}

.faircalendar .month {
  display: block;
  padding: 3px 10px;
  background: #f57096;
  color: #ffffff;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
}

.faircalendar table.week {
  margin: 5px 0;
}

.faircalendar table.week td {
  text-align: center;
}


.faircalendar table.week span {
  border-radius: 5px;
  padding: 2px 6px 3px 6px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  background: #999999;
}

.faircalendar_inner {
  background: #eeeeee;
  border-radius: 10px;
}

.faircalendar_inner td {
  padding: 5px 0;
}

.faircalendar_inner td input[type="checkbox"] {
  margin: 3px 0 0 0 !important;
}



/* formpage */
input.submit_button {
  display: table;
  width: 100%;
  height: 40px;
  margin: 5px auto 0 auto;
  text-align: center;
  background: #f3aab2; /* Old browsers */
  background: -moz-linear-gradient(top,  #f3aab2 0%, #ed9ba9 49%, #ea8999 51%, #e37790 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3aab2), color-stop(49%,#ed9ba9), color-stop(51%,#ea8999), color-stop(100%,#e37790)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3aab2', endColorstr='#e37790',GradientType=0 ); /* IE6-9 */
  border-radius: 4px;
  border: 1px solid #eb83aa;
  box-sizing: border-box;
  box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -webkit-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -moz-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
}

.back_button {
  display: block;
  height: 40px;
  margin: 5px auto 0 auto;
  text-align: center;
  background: #c9c9c9;
  background-image: -webkit-linear-gradient(top, #c9c9c9, #999999);
  background-image: -moz-linear-gradient(top, #c9c9c9, #999999);
  background-image: -ms-linear-gradient(top, #c9c9c9, #999999);
  background-image: -o-linear-gradient(top, #c9c9c9, #999999);
  background-image: linear-gradient(to bottom, #c9c9c9, #999999);
  border-radius: 4px;
  border: 1px solid #888888;
  box-sizing: border-box;
  box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -webkit-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -moz-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
}

.back_button a {
  display: table;
  width: 100%;
  line-height: 38px;
  padding: 0 10px;
  font-size: 18px;
  border-radius: 4px;
  border-top: 1px solid #ffffff;
  box-sizing: border-box;
  vertical-align: middle;
  text-decoration: none;
}

.back_button a:link { color: #ffffff;}
.back_button a:visited { color: #ffffff;}
.back_button a:hover { color: #ffffff;}


#formpage {
}

#formpage .contentstitle {
  margin: 0px 10px 10px 10px;
  border-radius: 10px;
  border: 2px solid #c0e37a;
}

#formpage .contentstitle .inner {
  border-radius: 8px;
  margin: 4px;
  padding: 5px;
  background: #e9e8db;
}

#formpage .contentstitle .read {
  display: none;
}

#formpage .contentstitle .pagetitle {
  background-repeat: no-repeat;
  background-size: contain;
  width: 440px;
  height: 80px;
  font-size: 0px;
}

#formpage .formtitle {
  position: relative;
  border-radius: 10px 10px 0 0;
  background: #e9e8db;
  padding: 10px 10px 0 10px;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0 10px;
  width: 240px;
}

#formpage .formtitle span {
  position: absolute;
  left: 265px;
  top: 7px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: normal;
}

#formpage .formtitle span em {
  border: 2px solid #ffffff;
  border-radius: 10px;
  padding: 2px 8px;
  margin: -2px 0 0 0;
  font-size: 12px;
  color: #ffffff;
  background: #e28b8b;
}

#formpage .formbox {
  margin: 0 10px 10px 10px;
  border-radius: 0 10px 10px 10px;
  padding: 10px;
  background-color: #e9e8db;
  box-sizing: border-box;
}

#formpage .formbox .inner {
  border-radius: 6px;
  background-color: #ffffff;
  padding: 10px;
  font-size: 14px;
  line-height: 18px;
}

#formpage .formbox .inner ul.addarrow {
}

#formpage .formbox .inner ul.addarrow li {
  margin: 5px 0 5px 0;
  font-size: 14px;
  line-height: 26px;
  padding: 0 0 0 15px;
  background: url(/images/icon-arrow6.png) no-repeat 0 6px;
}

#formpage .formbox .inner ul.addarrow li .reservedate {
}

#formpage .formbox .inner ul.addarrow li .reservedate span {
  border-radius: 20px;
  background: #e28b8b;
  padding: 0px 8px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  vertical-align: 1px;
  margin: 0 0 0 0;
  padding: 2px 4px;
}

#formpage .formbox .inner ul.addarrow li .reservedate select {
  margin: 0 5px;
}

#formpage .formbox .inner ul.col5 {
  text-align: left;
}

#formpage .formbox .inner ul.col5 li {
  display: inline-block;
  width: 140px;
  margin: 0 0 5px 0;
  font-size: 14px;
  line-height: 22px;
}

#formpage .formbox .inner ul.col6 {
  text-align: left;
}

#formpage .formbox .inner ul.col6 li {
  margin: 0 0 5px 0;
  font-size: 14px;
  line-height: 22px;
}

#formpage .formtopread {
    font-size: 16px;
    line-height: 24px;
    padding: 15px;
}

ul.inputflow {
  padding: 10px;
  width: 100%;
  margin-bottom: 50px;
}

ul.inputflow li {
  float: left;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  width: 28%;
  margin-right: 8px;
  background: #bbb;
  border-radius: 5px;
  padding: 10px;
}

ul.inputflow li.on {
  background: #ff8400;
}

.formtable1 {
  width: 100%;
  display: table;
  border-collapse: collapse;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
}

.formtable1 dl {
  display: table-row-group;
}

.formtable1 dl dt {
  width: 160px;
}

.formtable1 dl dt,
.formtable1 dl dd {
  display: table-cell;
  vertical-align: top;
  padding: 5px 0px;
  border-bottom: 1px #ccc dashed;
}

.formtable1 dl dd {
  padding: 8px 0 5px 10px;
  line-height: 20px;
}

.formtable1 dl dd .name {
  display: inline-block;
  width: 30px;
  margin: 0 5px 0 0;
  text-align: right;
}

.formtable1 p.need {
  width: 100%;
  border-radius: 6px;
  background: #f2d8d8;
  font-size: 14px;
  padding: 5px;
  margin: 2px 0 0 0;
  box-sizing: border-box;
}

.formtable1 p.normal {
  width: 100%;
  border-radius: 6px;
  background: #e5e5e5;
  font-size: 14px;
  padding: 5px;
  margin: 2px 0 0 0;
  box-sizing: border-box;
}

.formtable1 em {
  float: right;
  border: 2px solid #ffffff;
  border-radius: 10px;
  padding: 0 8px;
  margin: -2px 0 0 0;
  font-size: 12px;
  color: #ffffff;
  background: #e28b8b;
}

.input-short {
  width: 120px;
  margin: 0 5px 5px 0;
  height: 28px;
  line-height: 28px;
  vertical-align: -1px;
}

.input-middle {
  width: 300px;
  margin: 0 5px 5px 0;
  height: 28px;
  line-height: 28px;
  vertical-align: -1px;
}

.input-max {
  width: 100%;
  margin: 0 5px 5px 0;
  height: 28px;
  line-height: 28px;
  vertical-align: -1px;
}

.formtable1 .attention {
  font-size: 12px;
  font-weight: bold;
  color: #ca2b5c;
}

#formpage .open-terms {
  width: 100%;
  text-align: center;
  height: 30px;
  margin-top: -10px;
}

#formpage .open-terms a {
  width: 200px;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  border-radius: 0 0 10px 10px;
  background: #e9e8db;
  padding: 5px 10px;
}

#formpage .open-terms a:link { color: #000000;}
#formpage .open-terms a:hover { color: #000000;}
#formpage .open-terms a:visited { color: #000000;}

#formpage .policy {
  margin: 15px;
  box-sizing: border-box;
  height: 200px;
  overflow: hidden;
  -webkit-overflow-scrolling:touch;
  box-sizing: border-box;
  border: 2px #bbbbbb dashed;
  border-radius: 4px;
}

#formpage .policy p {
  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #ca2b5c;
  display: none;
}

#formpage .policy iframe {
  width: 100%;
  height: 100%;
  padding: 5px;
  box-sizing: border-box;
  border: none;
}

.formsend {
  width: 100%;
  text-align: center;
  margin: 20px 0;
}

.formsend .sendbutton {
  display: inline-block;
  width: 260px;
  height: 70px;
  background: #f3aab2; /* Old browsers */
  background: -moz-linear-gradient(top,  #f3aab2 0%, #ed9ba9 49%, #ea8999 51%, #e37790 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3aab2), color-stop(49%,#ed9ba9), color-stop(51%,#ea8999), color-stop(100%,#e37790)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3aab2', endColorstr='#e37790',GradientType=0 ); /* IE6-9 */
  border-radius: 4px;
  border: 1px solid #eb83aa;
  box-sizing: border-box;
  box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -webkit-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -moz-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  margin: 0 20px;
}

.formsend .sendbutton:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
  transition: opacity 0.5s ease;
}

.formsend .sendbutton a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 30px;
  line-height: 70px;
  border-radius: 4px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #f6bfc5;
  border-right: 1px solid #f6bfc5;
  box-sizing: border-box;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
}

.formsend .sendbutton a:link { color: #ffffff;}
.formsend .sendbutton a:visited { color: #ffffff;}
.formsend .sendbutton a:hover { color: #ffffff;}

#formpage .sslbox {
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
}

#formpage .formmess {
  margin: 0 10px 10px 10px;
  font-size: 14px;
  line-height: 18px;
}

ul.form_all {
}

.form_all li {
  position: relative;
  float: left;
  width: 210px;
  height: 300px;
  border: 1px solid #dddddd;
  overflow: hidden;
  margin: 0 20px 20px 0;
  box-sizing: border-box;
  padding: 10px;
}

.form_all .checkboxbg {
  padding: 10px;
  background: #eeeeee;
  text-align: center;
}

.form_all .checkboxbg input[type="checkbox"] {
  margin: 0px;
}

.form_all .photo {
  width: 188px;
  height: 140px;
  margin: 10px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  box-sizing: border-box;
  
}

.form_all .photo img {
  width: 100%;
}

.form_all .textdata {
  font-size: 14px;
}

.form_all .textdata .detailread {
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  text-align: center;
  height: 20px;
  width: 100%;
  font-size: 12px;
  background: #f1396d;
  color: #ffffff;
}


.form_all .textdata .areagenre {
  font-size: 12px;
}

#formpage .detail {
  display: inline-block;
  width: 70px;
  text-align: center;
  margin: 2px 0 2px 5px;
  font-size: 12px;
  font-weight: normal;
  background: #ca2b5c;
  color: #ffffff;
  border-radius: 4px;
  vertical-align: 2px;
  line-height: 18px;
}

#formpage .detail a:link { color: #ffffff;}
#formpage .detail a:visited { color: #ffffff;}
#formpage .detail a:hover { color: #ffffff;}

#formpage .delete {
  display: inline-block;
  width: 70px;
  text-align: center;
  margin: 2px 0 2px 5px;
  font-size: 12px;
  font-weight: normal;
  background: #888888;
  color: #ffffff;
  border-radius: 4px;
  vertical-align: 2px;
  line-height: 18px;
}

#formpage .delete a:link { color: #ffffff;}
#formpage .delete a:visited { color: #ffffff;}
#formpage .delete a:hover { color: #ffffff;}



/* tab */
#tab-article {
  margin: 0 0 30px 0;
}

#tab-article a {
  text-decoration: underline;
}

#tab-article a:link { color: #ca2b5c;}
#tab-article a:visited { color: #ca2b5c;}
#tab-article a:hover { color: #ca2b5c;}

#tab-article .read {
  margin: 10px 0 0 0;
  font-size: 14px;
  line-height: 20px;
}

#tab-article .photo {
  width: 340px;
  float: right;
  margin: 0 0 10px 10px;
}

#tab-article .photo img {
  width: 340px;
}

#tab-article .otherdatabox {
  padding: 10px 0 10px 0;
}

#tab-article .otherdata {
  display: inline-block;
  text-align: center;
  margin: 2px 5px 2px 0;
  padding: 0 10px;
  background: #888888;
  color: #ffffff;
  font-size: 12px;
  border-radius: 4px;
}

#tab-article .inqbutton {
  display: table;
  float: left;
  height: 40px;
  width: 100%;
  margin: 0 10px 10px 0;
  text-align: center;
  background: #f3aab2; /* Old browsers */
  background: -moz-linear-gradient(top,  #f3aab2 0%, #ed9ba9 49%, #ea8999 51%, #e37790 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3aab2), color-stop(49%,#ed9ba9), color-stop(51%,#ea8999), color-stop(100%,#e37790)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3aab2', endColorstr='#e37790',GradientType=0 ); /* IE6-9 */
  border-radius: 4px;
  border: 1px solid #eb83aa;
  box-sizing: border-box;
  box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -webkit-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -moz-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
}

#tab-article .inqbutton:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
  transition: opacity 0.5s ease;
}

#tab-article .inqbutton a {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  font-size: 18px;
  border-radius: 4px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #f6bfc5;
  border-right: 1px solid #f6bfc5;
  box-sizing: border-box;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
}

#tab-article .inqbutton a:link { color: #ffffff;}
#tab-article .inqbutton a:visited { color: #ffffff;}
#tab-article .inqbutton a:hover { color: #ffffff;}


#tab-article .datatable1 {
  clear: both;
  margin: 10px 0 10px 0;
}

#tab-article .datatable1 .event {
  display: inline-block;
  margin: 0 5px 5px 0;
  background: #e35886;
  background-image: -webkit-linear-gradient(top, #e35886, #d44461);
  background-image: -moz-linear-gradient(top, #e35886, #d44461);
  background-image: -ms-linear-gradient(top, #e35886, #d44461);
  background-image: -o-linear-gradient(top, #e35886, #d44461);
  background-image: linear-gradient(to bottom, #e35886, #d44461);
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 30px;
  color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
}


/* common page */
#commonpage {
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
}

#commonpage .category {
  display: inline-block;
  padding: 0 10px;
  text-align: center;
  margin: 0 0 10px 0;
  font-size: 12px;
  font-weight: normal;
  background: #ca2b5c;
  color: #ffffff;
  border-radius: 4px;
  vertical-align: 2px;
  line-height: 18px;
}

#commonpage .updateday {
  float: right;
  font-size: 14px;
}

#commonpage a {
  text-decoration: underline;
}

#commonpage a:link { color: #ca2b5c;}
#commonpage a:visited { color: #ca2b5c;}
#commonpage a:hover { color: #ca2b5c;}

#commonpage .read {
  font-size: 14px;
  line-height: 20px;
}

#commonpage .photo {
  float: right;
  margin: 0 0 0 10px;
}

#commonpage .photo img {
  max-width: 340px;
}

#commonpage .caption {
  margin: 0 0 10px 0;
}


/* issue */
ul.issue {
  width: 100%;
  margin: 10px 0 0 10px;
}

ul.issue li {
  width: 270px;
  height: 360px;
  float: left;
  margin: 0 20px 10px 0;
  overflow: hidden;
}

ul.issue li .pictbanner {
  display: inline-block;
  margin: 0;
}

ul.issue li .right {
  font-size: 14px;
  line-height: 20px;
}

ul.issue li .right h3 {
  font-size: 18px;
  line-height: 24px;
}

ul.issue li .right h3 a:link { color: #ca2b5c;}
ul.issue li .right h3 a:hover { color: #ca2b5c;}
ul.issue li .right h3 a:visited { color: #ca2b5c;}


/* photo search page */
ul.photosearch {
  width: 100%;
  margin: 20px 0 0 10px;
}

ul.photosearch li {
  width: 290px;
  height: 375px;
  overflow: hidden;
  font-size: 14px;
  float: left;
  margin: 0 20px 20px 0;
}

ul.photosearch .cell {
  position: relative;
  width: 290px;
  height: 300px;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  box-shadow: #ececec 0px 5px 0px;
  margin: 0 0 10px 0;
}

ul.photosearch .cell .inner {
  width: 100%;
  height: 100%;
  border: 6px solid #ffffff;
  box-sizing: border-box;
}

ul.photosearch .cell .zoom {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 35px;
  height: 35px;
}

ul.photosearch .cell .zoom img {
  width: 35px;
  height: 35px;
}

ul.photosearch .name {
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0;
}

ul.photosearch .name a:link {
  color: #ca2b5c;
}

ul.photosearch .name a:hover {
  color: #ca2b5c;
}

ul.photosearch .name a:visited {
  color: #ca2b5c;
}


/* my page */
#mypage {
  font-size: 14px;
  line-height: 20px;
}

#mypage .contentstitle {
  margin: 0px 10px 10px 10px;
  border-radius: 10px;
  border: 2px solid #c0e37a;
}

#mypage .contentstitle .inner {
  border-radius: 8px;
  margin: 4px;
  padding: 5px;
  background: #e9e8db;
}

#mypage .contentstitle .read {
  display: none;
}

#mypage .contentstitle .pagetitle {
  background-repeat: no-repeat;
  background-size: contain;
  width: 440px;
  height: 80px;
  font-size: 0px;
}

#mypage .boxtitle {
  position: relative;
  border-radius: 10px 10px 0 0;
  background: #e9e8db;
  padding: 10px 10px 0 10px;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0 10px;
  width: 240px;
}

#mypage .boxtitle span {
  position: absolute;
  left: 265px;
  top: 7px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: normal;
}

#mypage .boxtitle span em {
  border: 2px solid #ffffff;
  border-radius: 10px;
  padding: 2px 8px;
  margin: -2px 0 0 0;
  font-size: 12px;
  color: #ffffff;
  background: #e28b8b;
}

#mypage .box {
  margin: 0 10px 10px 10px;
  border-radius: 0 10px 10px 10px;
  padding: 10px;
  background-color: #e9e8db;
  box-sizing: border-box;
}

#mypage .box .inner {
  border-radius: 6px;
  background-color: #ffffff;
  padding: 10px;
  font-size: 14px;
  line-height: 18px;
}

#mypage .box .inner ul.addarrow {
}

#mypage .box .inner ul.addarrow li {
  margin: 5px 0 5px 0;
  font-size: 14px;
  line-height: 22px;
  border-bottom: 1px dashed #cccccc;
  padding: 0 0 5px 15px;
  background: url(/images/icon-arrow6.png) no-repeat 0 6px;
}

#mypage .box .inner ul.addarrow li .reservedate {
}

#mypage .box .inner ul.addarrow li .reservedate span {
  border-radius: 20px;
  background: #e28b8b;
  padding: 0px 8px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  vertical-align: 1px;
  margin: 0 0 0 20px;
  padding: 2px 4px;
}

#mypage .box .inner ul.addarrow li .reservedate select {
  margin: 0 5px;
}

#mypage .detail {
  display: inline-block;
  width: 70px;
  text-align: center;
  margin: 2px 0 2px 5px;
  font-size: 12px;
  font-weight: normal;
  background: #ca2b5c;
  color: #ffffff;
  border-radius: 4px;
  vertical-align: 2px;
  line-height: 18px;
}

#mypage .detail a:link { color: #ffffff;}
#mypage .detail a:visited { color: #ffffff;}
#mypage .detail a:hover { color: #ffffff;}

#mypage .delete {
  display: inline-block;
  width: 70px;
  text-align: center;
  margin: 2px 0 2px 5px;
  font-size: 12px;
  font-weight: normal;
  background: #888888;
  color: #ffffff;
  border-radius: 4px;
  vertical-align: 2px;
  line-height: 18px;
}

#mypage .delete a:link { color: #ffffff;}
#mypage .delete a:visited { color: #ffffff;}
#mypage .delete a:hover { color: #ffffff;}

#mypage .mess {
  padding: 0 10px 30px 10px;
}

#mypage .mess a {
  display: inline-block;
  background: #999999;
  border-radius: 20px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: bold;
}

#mypage .mess a:link { color: #ffffff;}
#mypage .mess a:hover { color: #ffffff;}
#mypage .mess a:visited { color: #ffffff;}


#mypage ul.menu {
  margin: 60px 0 0 15px;
  text-align: center;
}

#mypage .menu li {
  display: inline-block;
  margin: 0 20px 20px 0;
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  -webkit-box-shadow: 0px 3px 0px #cccccc;
  -moz-box-shadow: 0px 3px 0px #cccccc;
  box-shadow: 0px 3px 0px #cccccc;
  color: #666666;
  font-size: 20px;
  font-weight: bold;
  border: solid #cccccc 1px;
  text-decoration: none;
  width: 215px;
  height: 100px;
}

#mypage .menu li:hover {
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #ffd6e2);
  background-image: -moz-linear-gradient(top, #ffffff, #ffd6e2);
  background-image: -ms-linear-gradient(top, #ffffff, #ffd6e2);
  background-image: -o-linear-gradient(top, #ffffff, #ffd6e2);
  background-image: linear-gradient(to bottom, #ffffff, #ffd6e2);
  text-decoration: none;
}

#mypage .menu li a {
  display: inline-block;
  width: 215px;
  height: 100px;
  font-size: 16px;
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: center 8px;
}

#mypage .menu li a:link { color: #ca2b5c;}
#mypage .menu li a:hover { color: #ca2b5c;}
#mypage .menu li a:visited { color: #ca2b5c;}

#mypage .menu li p {
  display: inline-block;
  text-align: center;
  width: 215px;
  margin-top: 60px;
}

#mypage .thread {
  padding: 0 0 5px 15px;
  background-image: url(/images/icon-arrow4.png);
  background-size: 10px;
  background-position: 0px 2px;
  background-repeat: no-repeat;
  border-bottom: 1px dashed #cccccc;
  margin: 0 0 10px 0;
}

#mypage .thread .title {
  font-weight: bold;
  font-size: 16px;
  color: #555555;
}

#mypage .thread .title a:link { color: #ca2b5c;}
#mypage .thread .title a:hover { color: #ca2b5c;}
#mypage .thread .title a:visited { color: #ca2b5c;}

#mypage .thread .notyet {
  display: inline-block;
  border-radius: 20px;
  color: #ffffff;
  background: #ca2b5c;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}

#mypage .thread .status {
  display: inline-block;
  border-radius: 20px;
  color: #ffffff;
  background: #999999;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}

#mypage .thread .viewdetail_btn {
  display: inline-block;
  border-radius: 20px;
  background: #999999;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}

#mypage .thread .viewdetail_btn:link { color: #ffffff;}
#mypage .thread .viewdetail_btn:hover { color: #ffffff;}
#mypage .thread .viewdetail_btn:visited { color: #ffffff;}

#mypage .thread .viewdetail_btn {
  display: inline-block;
  border-radius: 20px;
  background: #999999;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: bold;
}

#mypage .thread .viewdetail_btn:link { color: #ffffff;}
#mypage .thread .viewdetail_btn:hover { color: #ffffff;}
#mypage .thread .viewdetail_btn:visited { color: #ffffff;}


#mypage .thread .rireki {
  line-height: 26px;
}

#mypage .thread .rireki em {
  border-radius: 20px;
  background: #e28b8b;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  vertical-align: 1px;
  margin: 0 0 0 0;
  padding: 2px 6px;
}

#mypage .thread .rirekiday {
  display: block;
  text-align: right;
}


#mypage .parentblock {
  margin: 0 0 20px 0;
}

#mypage .parentblock .photo {
  float: right;
  width: 160px;
  height: 120px;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 10px;
  margin: 0 0 0 5px;
}

#mypage .parentblock a.sp_name {
  font-size: 16px;
  font-weight: bold;
}

#mypage .parentblock a.sp_name:link { color: #ca2b5c;}
#mypage .parentblock a.sp_name:hover { color: #ca2b5c;}
#mypage .parentblock a.sp_name:visited { color: #ca2b5c;}

#mypage .parentblock .label {
  font-weight: bold;
  margin: 10px 0 5px 0;
  background-color: #dddddd;
  border-radius: 10px;
  padding: 2px 10px;
  boxsizing: border-box;
}

#mypage .parentblock .parent_message {
}

#mypage .resblock .sp_box {
  margin: 20px 0;
}

#mypage .resblock .sp_box .sp_photo {
  display: none;
  float: left;
  width: 80px;
  height: 80px;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 8px;
}

#mypage .resblock .sp_box .sp_message {
  display: inline-block;
  background-color: #fff5ef;
  border-radius: 10px;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
}

#mypage .resblock .signature {
  margin: 10px 0 0 0;
  width: 100%;
  text-align: right;
  font-size: 12px;
}

#mypage .resblock .user_box {
  padding-left: 50px;
  margin: 20px 0 0 0;
}

#mypage .resblock .user_box .user_message {
  background-color: #f5f5f5;
  width: 100%;
  border-radius: 10px;
  padding: 10px;
  display: inline-block;
  box-sizing: border-box;
}

#mypage .writeblock {
  margin: 0 0 40px 0;
  border-radius: 8px;
}

#mypage .writeblock .chapterlabel {
  font-weight: bold;
  font-size: 14px;
}

#mypage .writeblock input[type="text"] {
  width: 100%;
  margin: 5px 0 15px 0;
}

#mypage .messagenickname {
  line-height: 24px;
}

#mypage .writeblock .label {
  font-weight: bold;
  display: inline-block;
  color: #000000;
  background: #dfdfdf;
  padding: 5px 10px;
  border-radius: 8px 8px 0 0;
}

#mypage .writeblock .inputbox {
  border-radius: 0 8px 8px 8px;
  background: #dfdfdf;
  padding: 10px;
}

#mypage .writeblock .inputbox textarea {
  width: 100%;
  margin: 5px 0;
}

#mypage .status {
  margin: 5px 0 10px 0;
  font-size: 14px;
  text-align: center;
  display: block;
}

#mypage .category {
  font-weight: bold;
  display: block;
  margin: 5 0 10px 0;
  text-align: left;
  width: 100%;
}

#mypage .status input[type="radio"] {
  margin: 0 5px 0 20px;
}

#mypage .loginbox {
  border-radius: 6px;
  background: #e9e8db;
  padding: 20px;
  box-sizing: border-box;
  margin: 20px;
  text-align: center;
}

#mypage .loginbox .loginid {
  width: 80%;
  height: 24px;
  line-height: 24px;
  margin: 0 0 10px 0;
}

#mypage .loginbox .loginpass {
  width: 80%;
  height: 24px;
  line-height: 24px;
  margin: 0 0 10px 0;
}

#mypage .loginbox .remainder {
  font-size: 14px;
  margin: 5px 0 0 0 ;
}

#mypage .loginbox a.remainder:link { color: #333;}
#mypage .loginbox a.remainder:hover { color: #333;}
#mypage .loginbox a.remainder:visited { color: #333;}





.link_button1 {
  display: block;
  height: 40px;
  text-align: center;
  background: #f3aab2; /* Old browsers */
  background: -moz-linear-gradient(top,  #f3aab2 0%, #ed9ba9 49%, #ea8999 51%, #e37790 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3aab2), color-stop(49%,#ed9ba9), color-stop(51%,#ea8999), color-stop(100%,#e37790)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f3aab2 0%,#ed9ba9 49%,#ea8999 51%,#e37790 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3aab2', endColorstr='#e37790',GradientType=0 ); /* IE6-9 */
  border-radius: 4px;
  border: 1px solid #eb83aa;
  box-sizing: border-box;
  box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -webkit-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  -moz-box-shadow:rgba(204, 204, 204, 0.8) 0px 2px 3px 1px;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
}

.link_button1:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
  transition: opacity 0.5s ease;
}

.link_button1 a {
  display: block;
  font-size: 18px;
  line-height: 38px;
  border-radius: 4px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #f6bfc5;
  border-right: 1px solid #f6bfc5;
  box-sizing: border-box;
  text-decoration: none;
  font-weight: bold;
}

.link_button1 a:link { color: #ffffff;}
.link_button1 a:visited { color: #ffffff;}
.link_button1 a:hover { color: #ffffff;}




/* cover report page */
#cover_report {
}

#cover_report img {
  max-width: 100%;
}

#cover_report .toppart {
  height: 600px;
}

#cover_report .toppart .left {
  float: right;
  width: 100%;
  height: 600px;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50%;
}

#cover_report .toppart .left .information {
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: rgba(0,0,0,0.6);
  padding: 10px;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
}

#cover_report .toppart .left .information a:link { color: #ffffff;}
#cover_report .toppart .left .information a:hover { color: #ffffff;}
#cover_report .toppart .left .information a:visited { color: #ffffff;}

#cover_report .toppart .right {
  float: left;
  width: 100%;
  height: 600px;
  position: relative;
  background: #f57096;
  text-align: center;
}

#cover_report .toppart .right .title {
  margin: 105px 0 0 0;
}

#cover_report .toppart .right .number {
  margin: 20px 0 0 0;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
}

#cover_report .toppart .right .read {
  margin: 40px 0 0 0;
  font-size: 14px;
  line-height: 30px;
  color: #ffffff;
}

#cover_report .toppart .right .turning {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

#cover_report .textpart {
  color: #666666;
  line-height: 30px;
  text-align: center;
}

#cover_report .textpart .left {
}

#cover_report .textpart .right {
}

#cover_report .textpart .left .first {
  padding: 20px;
  font-size: 14px;
  text-align: left;
  line-height: 22px;
}

#cover_report .textpart .left .text {
  padding: 10px;
  font-size: 14px;
  text-align: right;
}

#cover_report .textpart .right .text {
  padding: 20px;
  font-size: 14px;
  text-align: left;
}

#cover_report ul.data {
  margin: 20px;
  padding: 30px 20px 20px 20px;
  background: #e4e4e4;
  border-radius: 10px;
}

#cover_report ul.data li {
  text-align: center;
  font-size: 16px;
  line-height: 30px;
}


/* minkon parts */
#userreportpage {
}

#userreportpage .userreport {
  padding: 0 0 0 40px;
  background-image: url(/images/icon-church1.png);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: 10px 1px;
}

#userreportpage .viewfilter {
  font-size: 14px;
  margin: 10px;
  border-radius: 10px;
  background: #eeeeee;
  padding: 10px;
}

#userreportpage form {
  display: inline-block;
  vertical-align: 1px;
  margin: 0 20px 0 0;
}

#userreportpage .viewfilter a {
  display: inline-block;
  width: 70px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  background: #ca2b5c;
  color: #ffffff;
  border-radius: 4px;
  vertical-align: 2px;
  line-height: 18px;
}

#userreportpage #grid-content {
  margin: 0 0 0 10px;
}

#userreportpage #grid-content .cell {
  width: 175px;
  margin: 0 10px 10px 0;
  border: 2px solid #e7e7e7;
  padding: 5px;
  box-sizing: border-box;
}

#userreportpage #grid-content img {
  width: 160px;
  height: auto;
}

#userreportpage img:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: opacity 0.5s ease;
}

#userreportpage .catalogname {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  margin: 0 0 5px 0;
  color: #ca2b5c;
}

#userreportpage .catalogtitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  margin: 0 0 5px 0;
}

#userreportpage .spacename {
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 2px 0;
}

#userreportpage .pointdisp {
  width: 100%;
  text-align: right;
  margin: 0px 0 0 0;
}

#userreportpage .point {
  font-size: 16px;
  font-weight: bold;
  color: #ca2b5c;
}

#userreportpage .icon {
  margin: 4px 0 2px 0;
}

#userreportpage .style {
  display: inline-block;
  margin: 0 3px 0 0;
  font-size: 12px;
  line-height: 16px;
  padding: 2px 5px;
  color: #ffffff;
  border-radius: 4px;
  border: 1px solid #986139;
  background: #b67b4f; /* Old browsers */
  background: -moz-linear-gradient(top,  #b67b4f 0%, #ddb099 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #b67b4f 0%,#ddb099 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #b67b4f 0%,#ddb099 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b67b4f', endColorstr='#ddb099',GradientType=0 ); /* IE6-9 */
}

#userreportpage .season {
  display: inline-block;
  margin: 0 3px 0 0;
  font-size: 12px;
  line-height: 16px;
  padding: 2px 5px;
  color: #ffffff;
  border-radius: 4px;
  border: 1px solid #986139;
  background: #b67b4f; /* Old browsers */
  background: -moz-linear-gradient(top,  #b67b4f 0%, #ddb099 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #b67b4f 0%,#ddb099 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #b67b4f 0%,#ddb099 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b67b4f', endColorstr='#ddb099',GradientType=0 ); /* IE6-9 */
}

#userreportpage .scale {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  padding: 2px 5px;
  color: #ffffff;
  border-radius: 4px;
  border: 1px solid #986139;
  background: #b67b4f; /* Old browsers */
  background: -moz-linear-gradient(top,  #b67b4f 0%, #ddb099 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #b67b4f 0%,#ddb099 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #b67b4f 0%,#ddb099 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b67b4f', endColorstr='#ddb099',GradientType=0 ); /* IE6-9 */
}

#userreportpage .date {
  float: left;
  font-size: 14px;
}

#userreportpage .writtenby {
  font-size: 14px;
}

#userreportpage .namebox {
  margin: 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #ca2b5c;
  height: 30px;
  line-height: 30px;
  padding: 1px 5px;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #e2d6c6;
  background: #fef9f7; /* Old browsers */
  background: -moz-linear-gradient(top,  #fef9f7 0%, #fbefe8 50%, #ebd9c3 51%, #f7ece3 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #fef9f7 0%,#fbefe8 50%,#ebd9c3 51%,#f7ece3 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #fef9f7 0%,#fbefe8 50%,#ebd9c3 51%,#f7ece3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9f7', endColorstr='#f7ece3',GradientType=0 ); /* IE6-9 */
}

#userreportpage .namebox .name {
  display: inline-block;
}

#userreportpage .namebox .detailicon {
  float: right;
  margin: 5px 0 0 0;
}

#userreportpage img:hover {
  opacity: 1.0;
}

#userreportpage #grid-content img:hover {
  opacity: 0.6;
}

#userreportpage .maintitle {
  padding-left: 25px;
  background-image: url(/images/icon-bell1.png);
  background-repeat: no-repeat;
  background-size: 25px;
  line-height: 25px;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

#userreportpage .left {
}

#userreportpage .right {
}

#userreportpage .mainphoto {
  width: 100%;
}

#userreportpage .mainphoto img {
  box-sizing: border-box;
  width: 100%;
  border: 5px solid #fff;
}

#userreportpage .right .chatch {
  font-size: 16px;
  color: #ca2b5c;
  line-height: 22px;
  font-weight: bold;
  margin: 0 0 10px 0;
}

#userreportpage .right .text {
  font-size: 16px;
  line-height: 20px;
}

#userreportpage .gallery-ttl {
  margin: 20px 0 10px 0;
  font-size: 14px;
  font-weight: bold;
  color: #ca2b5c;
  height: 30px;
  line-height: 30px;
  padding: 1px 5px;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #e2d6c6;
  background: #fef9f7; /* Old browsers */
  background: -moz-linear-gradient(top,  #fef9f7 0%, #fbefe8 50%, #ebd9c3 51%, #f7ece3 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #fef9f7 0%,#fbefe8 50%,#ebd9c3 51%,#f7ece3 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #fef9f7 0%,#fbefe8 50%,#ebd9c3 51%,#f7ece3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9f7', endColorstr='#f7ece3',GradientType=0 ); /* IE6-9 */
}

#userreportpage .gallery-ttl img {
  height: 28px;
  margin: 0px;
}

#userreportpage .album ul {
  width: 100%;
}

#userreportpage .album ul li {
  float: left;
  width: 50%;
  height: 480px;
  display: table;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  overflow: hidden;
}

#userreportpage .album ul li .cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

#userreportpage .album ul li img {
  width: 80%;
  box-sizing: border-box;
  border: 8px solid #fff;
  box-shadow: 0px 1px 10px 0 #bbb;
}

#userreportpage .album ul li img:hover {
  opacity: 0.6;
}

#userreportpage .album ul li span {
  display: block;
  font-size: 14px;
  margin: 10px auto 0 auto;
  width: 80%;
  text-align: center;
}

#userreportpage .weddingdata-ttl {
  margin: 20px 0 10px 0;
  font-size: 14px;
  font-weight: bold;
  color: #ca2b5c;
  height: 30px;
  line-height: 30px;
  padding: 1px 5px;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #e2d6c6;
  background: #fef9f7; /* Old browsers */
  background: -moz-linear-gradient(top,  #fef9f7 0%, #fbefe8 50%, #ebd9c3 51%, #f7ece3 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #fef9f7 0%,#fbefe8 50%,#ebd9c3 51%,#f7ece3 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #fef9f7 0%,#fbefe8 50%,#ebd9c3 51%,#f7ece3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9f7', endColorstr='#f7ece3',GradientType=0 ); /* IE6-9 */
}

#userreportpage .weddingdata-ttl img {
  height: 28px;
  margin: 0 10px 0 0;
  vertical-align: -10px;
}

#userreportpage .wdatatitle {
  position: relative;
  border-radius: 10px 10px 0 0;
  background: #e9e8db;
  padding: 10px 10px 0 10px;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0 10px;
  width: 240px;
}

#userreportpage .wdatabox {
  margin: 0 10px 10px 10px;
  border-radius: 0 10px 10px 10px;
  padding: 10px;
  background-color: #e9e8db;
  box-sizing: border-box;
}

#userreportpage .wdatabox .inner {
  border-radius: 6px;
  background-color: #ffffff;
  padding: 10px;
  font-size: 14px;
  line-height: 18px;
}

#userreportpage .bell {
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 0;
}

#userreportpage .bell .counter {
  font-size: 20px;
  line-height: 26px;
}

#userreportpage .bell .counter .num {
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 20px;
  display: inline-block;
  background: #ca2b5c;
  color: #ffffff;
}

#userreportpage .spacedata .title {
  margin: 30px 10px 0 10px;
  font-size: 14px;
  font-weight: bold;
  color: #ca2b5c;
  height: 30px;
  line-height: 30px;
  padding: 1px 5px;
  box-sizing: border-box;
  border: 1px solid #e2d6c6;
  background: #fef9f7; /* Old browsers */
  background: -moz-linear-gradient(top,  #fef9f7 0%, #fbefe8 50%, #ebd9c3 51%, #f7ece3 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #fef9f7 0%,#fbefe8 50%,#ebd9c3 51%,#f7ece3 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #fef9f7 0%,#fbefe8 50%,#ebd9c3 51%,#f7ece3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9f7', endColorstr='#f7ece3',GradientType=0 ); /* IE6-9 */
}

#userreportpage #searchpage {
  padding: 0;
}

#userreportpage .others {
  margin: 30px 10px 10px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #ca2b5c;
  height: 30px;
  line-height: 30px;
  padding: 1px 5px;
  box-sizing: border-box;
  border: 1px solid #e2d6c6;
  background: #fef9f7; /* Old browsers */
  background: -moz-linear-gradient(top,  #fef9f7 0%, #fbefe8 50%, #ebd9c3 51%, #f7ece3 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #fef9f7 0%,#fbefe8 50%,#ebd9c3 51%,#f7ece3 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #fef9f7 0%,#fbefe8 50%,#ebd9c3 51%,#f7ece3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9f7', endColorstr='#f7ece3',GradientType=0 ); /* IE6-9 */
}


/* blog rss */
.rss-box {
  padding: 0px;
  font-size: 16px;
}

.rss-box br {
  display: none;
}

.rss-box li {
  margin: 0 0 10px 0;
}

a.rss-item {
  display: block;
  line-height: 26px;
  padding-left: 13px;
  background: url(/images/icon-arrow4.png) no-repeat 0 6px;
  background-size: 8px;
}

a.rss-item:link {
  color: #ca2b5c !important;
  text-decoration: none;
  font-weight: bold;
}
a.rss-item:visited {
  color: #ca2b5c !important;
}

a.rss-item:hover {
  color: #ca2b5c !important;
  text-decoration: underline;
}


.rss-box .rss-date {
  line-height: 26px;
  padding-right: 20px;
}

.blogread {
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0 0 10px;
}


/* 結婚準備ガイド */
.top_dictread {
  font-size: 16px;
  padding: 10px;
}

ul.top_dict {
  padding: 0 10px 20px 10px;
}

ul.top_dict li {
  float: left;
  padding: 10px;
  font-size: 14px;
  line-height: 18px;
  width: 50%;
  height: 160px;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px dashed #ccc;
  border-right: 1px dashed #ccc;
}

ul.top_dict li:nth-child(2) {
  border-right: none;
}

ul.top_dict li:nth-child(5) {
  border-bottom: none;
}

ul.top_dict li:nth-child(6) {
  border-bottom: none;
}


ul.top_dict li .title {
  line-height: 18px;
  display: block;
  height: 36px;
  color: #ca2b5c;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0 0;
}

ul.top_dict li a:link {
  color: #ca2b5c;
}

ul.top_dict li a:hover {
  color: #ca2b5c;
}

ul.top_dict li a:visited {
  color: #ca2b5c;
}


ul.top_dict li img {
  width: 100px;
  height: 100px;
  float: left;
  margin: 0 10px 10px 0;
}