/* CSS Document */
html {
  font-size: 62.5%;
}

body {
  font-family: 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size:1.6rem;
}

a {
  color: #000;
	text-decoration:underline;
}
a:hover,
a:focus {
  color: #000;
	text-decoration:none;
}

h1, .h1 {
  font-size:3.0rem;
	line-height:1.2;
	word-break:break-all;
}
h2, .h2 {
  font-size:2.2rem;
	line-height:1.2;
	word-break:break-all;
}
h3, .h3 {
  font-size:1.8rem;
	line-height:1.2;
}
h4, .h4 {
  font-size:1.4rem;
	line-height:1.2;
	word-break:break-all;
}
.page-header h1,
.page-header h2,
.page-header h3,
.page-header h4,
.page-header h5,
.page-header h6 {
	margin-bottom:0;
}


p {
  word-break:break-all;
}

div {
  word-break:break-all;
}

.nav a,
nav a {
	text-decoration:none;
}
a.btn {
	text-decoration:none;
}

.dropdown-menu a {
	text-decoration:none;
}

.text-decoration-none a {
	text-decoration:none;
}
.text-decoration-none a:hover,
.text-decoration-none a:focus {
	text-decoration:underline;
}

.form-inline .form-group-sm .control-label {
	font-size: 12px;
}
@media (min-width: 768px) {
	.form-inline .form-group {
		margin-bottom:8px;
	}
}
.img-circle.border {
	border:3px solid #eee;
}

/* header */
header {
  background-color:#73cdf5;
	position:relative;
	z-index:10;
}
header.transparent {
  background:linear-gradient(rgba(0,0,255,0.7), rgba(0,0,255,0.7));
  background:-moz-linear-gradient(top, rgba(0,0,255,0.7), rgba(0,0,255,0.7));
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,255,0.7)), to(rgba(0,0,255,0.7)));
}
header h1 {
  margin:0;
  padding:0px 20px 0px;
  font-size:1.2rem;
  color:#fff;
  height:22px;
  line-height:22px;
  background-color:rgba(255,255,255,0.3);
}
header h1 small {
  color:#fff;
  margin-left:1.0em;
}
header > nav > .brand-logo {
  position: relative;
  display: block;
  float:left;
}
header > nav > .brand-logo > img {
  height:36px;
	margin:7px 0px;
}
@media (min-width: 768px) {
	header > nav {
		padding:0 20px;
	}
}

@media (max-width: 360px) {
  header h1 {
    margin:0;
    padding:5px 20px 5px;
    font-size:1.2rem;
    color:#fff;
    height:auto;
    line-height:1.2;
    background-color:rgba(255,255,255,0.2);
  }
  header h1 small:before {
    content:"\A";
    white-space: pre;
  }
  header h1 small {
    color:#fff;
    margin-left:1.0em;
  }
}

@media (max-width: 320px) {
  header h1 {
    margin:0;
    padding:5px 20px 5px;
    font-size:1.2rem;
    color:#fff;
    height:auto;
    line-height:1.2;
    background-color:rgba(255,255,255,0.2);
  }
  header h1 small:before {
    content:"\A";
    white-space: pre;
  }
  header h1 small {
    color:#fff;
    margin-left:1.0em;
  }
}


/* .nav-top */
.nav-top {
  font-family: "Open Sans", helvetica, arial, 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, Osaka, 'MS PGothic', sans-serif;
  font-weight: 700;
  font-size:1.7rem;
  position:relative;
  top:-200px;
  margin-bottom:-20px;
}
.nav-top a {
  font-weight: 700;
}
.nav-top-sm {
  font-family: "Open Sans", helvetica, arial, 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, Osaka, 'MS PGothic', sans-serif;
  font-weight: 700;
  position:relative;
  top:-40px;
  margin-bottom:-40px;
}
.nav-top-sm li {
  border-bottom:1px solid #ccc;
}

/* .nav-main */
.nav-main {
  font-family: "Open Sans", helvetica, arial, 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, Osaka, 'MS PGothic', sans-serif;
  font-weight: 400;
  font-size:1.7rem;
	letter-spacing:0.025em;
  float:left;
  margin:0 20px;
  text-align:center;
  width:auto;
}
.nav-main {
  display:inline-block;
  line-height:1;
  vertical-align:bottom;
}
.nav-main > .active > a {
 font-weight: 600;
 }
.nav-main > li {
  float:left;
}
.nav-main > li > a {
  line-height:50px;
  padding: 0px 10px;
  color:#fff;
}
.nav-main > li > a:focus,
.nav-main > li > a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.nav-main .open > a,
.nav-main .open > a:focus,
.nav-main .open > a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color:transparent;
}

/* .nav-search */
.nav-search,
.nav-search-icon {
	line-height:50px;
	position:relative;
}
.nav-search:before {
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e003";
	color:rgba(255,255,255,0.8);
	position:absolute;
	top:19px;
	left:8px;
	z-index:2;
	font-size:16px;
}
.nav-search input {
	display:inline-block;
	width:180px;
	padding-left:32px;
	color:#fff;
	background-color:rgba(255,255,255,0.2);
	border-color:rgba(255,255,255,0.5);
}

/* .nav-search-icon */
.nav-search-icon {
	margin-left:0px;
  display:inline-block;
  line-height:1;
  vertical-align:bottom;
}
.nav-search-icon > li {
  float:left;
}
.nav-search-icon > li a {
	font-size:1.2em;;
  line-height:50px;
  padding: 0px 13px;
  color:#fff;
}
.nav-search-icon > li a span {
	vertical-align:sub;
}
.nav-search-icon > li > a:focus,
.nav-search-icon > li > a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.visible-xs-sm { display:none !important; }
.hidden-xs-sm { display:block !important; }
.nav-search-icon { display:none; }
.nav-search {	display:block; }
@media (max-width: 767px) {
	.visible-xs-sm { display:block !important; }
	.hidden-xs-sm { display:none !important; }
	.nav-search-icon { display:inline-block !important; }
	.nav-search { display:none !important;	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.visible-xs-sm { display:block !important;}
	.hidden-xs-sm { display:none !important; }
	.nav-search-icon { display:inline-block !important; }
	.nav-search { display:none !important; }
}

@media (min-width: 1230px) and (max-width: 1459px) {
	.nav-search input { width:145px; !important; }
}
@media (min-width: 992px) and (max-width: 1229px) {
	.nav-search input { width:112px; !important; }
}


@media (max-width: 360px) {
  .nav-search-icon > li a {
    font-size:1.2em;;
    line-height:50px;
    padding: 0px 6px;
    color:#fff;
  }
}

@media (max-width: 320px) {
  .nav-search-icon > li a {
    font-size:1.2em;;
    line-height:50px;
    padding: 0px 6px;
    color:#fff;
  }
}

/* nav-cart */
.nav-cart {
	display:block;
	margin:0;
	float:right;
  color:#FFF;
}
.nav-cart > li {
	line-height:50px;
  float:left;
  margin-right:10px;
}
.nav-cart > li.icon {
  font-size:30px;
}
.nav-cart > li .badge {
  margin-left:10px;
}
.nav-cart > li > a {
	padding:10px 8px 9px;
	min-width:46px;
	font-size:30px;
	line-height:1;
	color:#fff;
	text-align:center;
}
.nav-cart > li > a:focus,
.nav-cart > li > a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

/* nav-icon */
.nav-icon {
	display:block;
	margin:0;
	float:right;
}
.nav-icon > li {
  float:left;
}
.nav-icon > li > a {
	padding:2px 8px 9px;
	min-width:46px;
	font-size:30px;
	line-height:1;
	color:#fff;
	text-align:center;
}
.nav-icon > li > a > span {
	vertical-align:middle;
}
.nav-icon > li > a:focus,
.nav-icon > li > a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.nav-icon > li > .badge {
  position:absolute;
  top:9px;
  left:56%;
	font-size:12px;
	font-weight:600;
  font-family: "Open Sans", helvetica, arial, 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, Osaka, 'MS PGothic', sans-serif;
}
.nav-icon > li > a img {
  width:30px;
  height:30px;
}
.nav-icon .open > a,
.nav-icon .open > a:focus,
.nav-icon .open > a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color:transparent;
}

/* footer */
footer {
  background-color:#73cdf5;
  color:#fff;
  text-align:center;
  font-size:1.6rem;
  padding:20px 0 40px 0;
  margin-top:40px;
}
footer > .brand-logo {
  position: relative;
  display: block;
	margin-top:20px;
}
footer > .brand-logo img {
  height:40px;
}
/* nav-footer */
.nav-footer {
  margin:25px 0 10px 0;
}
.nav-footer ul:before,
.nav-footer ul:after {
  display: table;
  content: " ";
}
.nav-footer ul:after {
  clear: both;
}
.nav-footer ul {
  list-style:none;
  display:inline-block;
  padding:0;
  margin:0;
}
.nav-footer ul li {
  float:none;
  border:none;
  margin-bottom:5px;
}
.nav-footer ul li+ li {
  border:none;
}
.nav-footer ul li a {
  color:#fff;
  margin:0 8px;
}
@media (min-width: 768px) {
  footer {
    font-size:1.2rem;
  }
  .nav-footer ul {
    margin-bottom:10px;
  }
  .nav-footer ul li {
    margin:0;
    float:left;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  .nav-footer ul li+ li {
    border-left: 0;
    border-right: 1px solid #fff;
  }
}

.footer-top-link {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius:5px 0 0 5px;
  bottom: 60px;
  color: #fff;
  display: block;
  font-size: .5625em;
  padding-bottom: 6px;
  position: fixed;
  right: 0;
  text-align: center;
  text-decoration: none;
  width: 45px;
  z-index: 10;
}

.footer-top-link::before {
  border: 14px solid transparent;
  border-bottom-color: #fff;
  border-left-width: 10px;
  border-right-width: 10px;
  content: " ";
  display: block;
  margin: 0px auto 10px;
  width: 0;
}

.footer-ad {
	padding:0 20px;
}

/* .nav-user */
.nav-user {
	margin-top:10px;
	margin-bottom:10px;
}
.nav-user ul a {
  font-family: "Open Sans", helvetica, arial;
  font-weight:600;
}
.nav-user ul ul a {
  font-family: 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-weight:normal;
}
.center-pills {
	display:inline-block;
}

/* nav-body */
.nav-body {
  position:relative;
  width:100%;
	text-align:center;
	font-size:1.3rem;
	border-bottom:1px #eee solid;
	overflow: hidden;
	height:33px;
	z-index:2;
}
.nav-body ul {
  display:block;
  vertical-align:bottom;
	overflow-x:auto;
	white-space:nowrap;
	-webkit-overflow-scrolling: touch;
	padding-bottom:50px;
}
.nav-body ul > li {
	display:inline;
}
.nav-body ul > li > a {
  line-height:30px;
  padding: 0px 10px;
	color:#333;
	display:inline-block;
}
.nav-body ul > li.active > a {
	border-bottom:2px solid #FF6666;
	color:#FF6666;
}
.nav-body ul > li > a:focus,
.nav-body ul > li > a:hover {
	background-color:transparent;
	color:#FF6666;
}

/* nav-main-sidebar */
.nav-main-sidebar {
  font-family: "Open Sans", helvetica, arial;
  font-weight:600;
  font-size:15px;
}

.nav-main-sidebar > ul > li.active{
 background-color: #98d0fb;
 }

/* nav-sidebar */
.nav-sidebar .list-group-item {
	margin-bottom:0px;
	border:none;
	border-top:1px solid #eee;
	color:#666;
	font-size:1.2rem;
}
.nav-sidebar .list-group-item.active,
.nav-sidebar .list-group-item.active:focus,
.nav-sidebar .list-group-item.active:hover {
	background-color:#fafafa;
  border-color: #eee;
	color:#666;
}
.nav-sidebar .list-group-item:focus,
.nav-sidebar .list-group-item:hover {
	background-color:#fcfcfc;
}
.nav-sidebar .list-group-item.active .list-group-item-text,
.nav-sidebar .list-group-item.active:focus .list-group-item-text,
.nav-sidebar .list-group-item.active:hover .list-group-item-text {
	color:#bbb;
}

.nav-sidebar .list-group-item:first-child,
.nav-sidebar .list-group-item:last-child {
	border-radius:0;
}

.nav-sidebar .list-group-item-heading {
	font-weight:600;
}
.nav-sidebar .list-group-item-text {
	font-size:1.2rem;
	color:#bbb;
}


/* main-container */
.main-container {
  min-height:600px;
}

/* work */
.works h1,
.works h2,
.works h3,
.works h4,
.works h5,
.works h6 {
  color:#F41531;
}
h1.works,
h2.works,
h3.works,
h4.works,
h5.works,
h6.works,
h1.works a,
h2.works a,
h3.works a,
h4.works a,
h5.works a,
h6.works a {
  color:#F41531 !important;
}
.works h1 a,
.works h2 a,
.works h3 a,
.works h4 a,
.works h5 a,
.works h6 a {
  color:#F41531;
  text-decoration:underline;
}

/* blog */
.blog h1,
.blog h2,
.blog h3,
.blog h4,
.blog h5,
.blog h6,
.blog h1 a,
.blog h2 a,
.blog h3 a,
.blog h4 a,
.blog h5 a,
.blog h6 a {
  color:#DC439E;
}
h1.blog,
h2.blog,
h3.blog,
h4.blog,
h5.blog,
h6.blog,
h1.blog a,
h2.blog a,
h3.blog a,
h4.blog a,
h5.blog a,
h6.blog a {
  color:#DC439E !important;
}
.blog h1 a,
.blog h2 a {
  text-decoration:none;
}
.blog h1 a:hover,
.blog h2 a:hover,
.blog h1 a:focus,
.blog h2 a:focus {
  text-decoration:underline;
}

/* event */
.event h1,
.event h2,
.event h3,
.event h4,
.event h5,
.event h6,
.event h1 a,
.event h2 a,
.event h3 a,
.event h4 a,
.event h5 a,
.event h6 a {
  color:#4A9F35;
}
h1.event,
h2.event,
h3.event,
h4.event,
h5.event,
h6.event {
  color:#4A9F35 !important;
}
.event h1 a,
.event h2 a {
  text-decoration:none;
}
.event h1 a:hover,
.event h2 a:hover,
.event h1 a:focus,
.event h2 a:focus {
  text-decoration:underline;
}

/* community */
.community h1,
.community h2,
.community h3,
.community h4,
.community h5,
.community h6,
.community h1 a,
.community h2 a,
.community h3 a,
.community h4 a,
.community h5 a,
.community h6 a {
  color:#6A3999;
}
h1.community,
h2.community,
h3.community,
h4.community,
h5.community,
h6.community {
  color:#6A3999 !important;
}
.community h1 a,
.community h2 a {
  text-decoration:none;
}
.community h1 a:hover,
.community h2 a:hover,
.community h1 a:focus,
.community h2 a:focus {
  text-decoration:underline;
}

/* follow button */
.follow-button {
	width:165px;
}
.follow-button .text-follow {
	display:inline;
}
.follow-button .text-followed {
	display:none;
}
.follow-button .text-unfollow {
	display:none;
}

.followed-button {
	color:#FF6666;
	width:165px;
}
.followed-button:hover .text-followed {
	display:none;
}
.followed-button:hover .text-unfollow {
	display:inline;
}
.followed-button .text-follow {
	display:none;
}
.followed-button .text-followed {
	display:inline;
}
.followed-button .text-unfollow {
	display:none;
}
.btn-message {
	width:165px;
}


/* label */
.label-event {
  background-color: #4A9F35;
	padding-bottom:0;
}
.label-event[href]:hover,
.label-event[href]:focus {
  background-color: #4A9F35;
}

/* label */
.label-user {
  background-color: #ccc;
	border-radius:10px;
}
.label-user[href]:hover,
.label-user[href]:focus {
  background-color: #ccc;
}

/* user-type */
.user-type {
	color:#ccc;
	font-weight:bold;
}

/* meta-data */
.meta-data img {
	vertical-align:text-bottom;
}
.meta-text {
	padding-bottom:5px;
}

/* pin */
.pin {
	position:relative;
  margin:5px;
  float: left;
  border:1px solid #ccc;
  border-radius:3px;
  box-shadow:1px 1px 3px #eee;
  background-color:#fff;
}
.pin-img img {
	width: 100%;
  height:auto;
	margin:4px auto;
}
.pin-img:first-child img {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
	margin:0;
}
.pin-img:first-child a img {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
	margin:0;
}
.pin-heading {
	padding:8px 8px 4px;
}
.pin-heading h2,
.pin-heading h3,
.pin-heading h4,
.pin-heading h5,
.pin-heading h6 {
	margin:0;
  font-size:1.6rem;
}
.pin-heading a {
	text-decoration:none;
}
.pin-heading a:hover,
.pin-heading a:focus {
	text-decoration:underline;
}
.pin-body {
	padding:4px 8px;
	margin-bottom:40px;
	font-size:1.2rem;
}
.pin-body:last-child {
	padding:4px 8px;
	margin-bottom:10px;
	font-size:1.2rem;
}
.pin-footer {
  padding:4px 8px 8px;
	position:absolute;
	bottom:0;
	left:0;
}
.pin-meta {
	border-top:1px solid #CCC;
  margin-top:5px;
	padding-top:5px;
	text-align:right;
}

/* pin-list */
.pin-list {
	margin-left:-5px;
	margin-right:-5px;
}
.pin-list .pin {
	margin:5px !important;
	width:167px !important;
}
.pin-list .pin-datetime {
	font-size:1.2rem;
}
@media (min-width: 768px) {
	.pin-list .pin {
		margin:5px !important;
		width:277px !important;
	}
	.pin-list .pin-datetime {
		font-size:1.2rem;
	}
}

@media (max-width: 360px) {
	.pin-list .pin {
		margin:5px !important;
		width:140px !important;
	}
	.pin-list .pin-datetime {
		font-size:1.2rem;
	}
}

@media (max-width: 320px) {
	.pin-list .pin {
		margin:5px !important;
		width:140px !important;
	}
	.pin-list .pin-datetime {
		font-size:1.2rem;
	}
}

/* pin-gallery */
.pin-gallery {
	margin-left:-15px;
	margin-right:-15px;
	width:100%;
}
.pin-gallery .pin {
	margin:0 15px 30px 15px;
	width:100%;
}
@media (min-width: 768px) {
	.pin-gallery {
		width:auto;
	}
	.pin-gallery .pin {
		width:46%;
	}
}
@media (min-width: 992px) {
	.pin-gallery .pin {
		width:45.8%;
	}
}
@media (min-width: 1200px) {
	.pin-gallery .pin {
		width:29.9%;
	}
}


/* gallery */
.gallery {
	position:relative;
  margin:0 5px 10px 5px;
  float: left;
  box-shadow:0px 0px 6px #aaa;
  background-color:#000;
}
.gallery * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.gallery:after {
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  content: '';
  background: #ffffff;
  position: absolute;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
}
.gallery img {
	width: 100%;
  height:auto;
	margin:0;
  position: relative;
  opacity: 1;
}
.gallery .gallery-hover {
	padding:10px;
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  padding: 10px;
  z-index: 1;
  opacity: 0;
	color:#fff;
}
.gallery .gallery-hover .gallery-body {
	font-size:1.2rem;
}
.gallery a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
	text-decoration:none;
}

@media (min-width: 768px) {
	.gallery:hover img,
	.gallery.hover img {
		opacity: 0.4;
	}
	.gallery:hover .gallery-hover,
	.gallery.hover .gallery-hover {
		opacity: 1;
	}
	.gallery:hover:after,
	.gallery.hover:after {
		opacity:0.4;
	}
}

/* art-list */
.art-list {
	margin:0 auto;
}

.art-list .pin {
	margin:5px !important;
  width:170px !important;
}
.art-list .pin h2,
.art-list .pin h2 a {
  font-size:1.3rem;
  color:#ccc;
}
.art-list .pin .pin-created {
  font-size:0.8rem;
  color:#ccc;
	margin-bottom:4px;
}
.art-list .pin .pin-img {
	margin-bottom:74px;
}
@media (min-width: 768px) {
	.art-list .pin {
		margin:10px !important;
		width:290px !important;
	}
	.art-list .pin h2,
	.art-list .pin h2 a {
    font-size:1.6rem;
	}
  .art-list .pin .pin-created {
    font-size:1.2rem;
  }
}
@media (max-width: 360px) {
	.art-list .pin {
		margin:5px !important;
		width:150px !important;
	}
	.art-list .pin h2,
	.art-list .pin h2 a {
    font-size:1.6rem;
	}
  .art-list .pin .pin-created {
    font-size:1.2rem;
  }
}
@media (max-width: 320px) {
	.art-list .pin {
		margin:5px !important;
		width:150px !important;
	}
	.art-list .pin h2,
	.art-list .pin h2 a {
    font-size:1.6rem;
	}
  .art-list .pin .pin-created {
    font-size:1.2rem;
  }
}


.art-list .gallery {
	width:340px;
	height:auto;
}
@media (max-width: 320px) {
	.art-list .gallery {
		width:280px;
	}
}
@media (max-width: 360px) {
	.art-list .gallery {
		width:280px;
	}
}
@media (min-width: 768px) {
	.art-list {
		width:auto;
	}
	.art-list .gallery {
		width:320px;
	}
}
@media (min-width: 992px) {
	.art-list .gallery {
		width:320px;
	}
}
@media (min-width: 1200px) {
	.art-list .gallery {
		width:320px;
	}
}

/* ranking-list */
.ranking-list {
	margin:0 auto;
}
.ranking-list .pin {
	margin:5px !important;
  width:150px !important;
}
.ranking-list .pin h2,
.ranking-list .pin h2 a {
  font-size:1.3rem;
  color:#666;
}
.ranking-list .pin .pin-created {
  font-size:0.8rem;
  color:#ccc;
	margin-bottom:4px;
}
.ranking-list .pin .pin-img {
	margin-bottom:74px;
}
@media (max-width: 320px) {
	.ranking-list .pin {
		margin:5px !important;
		width:140px !important;
	}
}
@media (max-width: 360px) {
	.ranking-list .pin {
		margin:5px !important;
		width:140px !important;
	}
}
@media (min-width: 768px) {
	.ranking-list .pin {
		margin:10px !important;
		width:300px !important;
	}
	.ranking-list .pin h2,
	.ranking-list .pin h2 a {
    font-size:1.6rem;
	}
  .ranking-list .pin .pin-created {
    font-size:1.2rem;
  }
}

@media (max-width: 320px) {
.ranking-list {
	width:300px;
}
}
@media (min-width: 359px) {
.ranking-list {
	width:360px;
}
}
@media (min-width: 539px) {
.ranking-list {
	width:540px;
}
}
@media (min-width: 719px) {
.ranking-list {
	width:720px;
}
}
@media (min-width: 1079px) {
.ranking-list {
	width:1080px;
}
}
@media (min-width: 1439px) {
.ranking-list {
	width:1440px;
}
}
@media (min-width: 1799px) {
.ranking-list {
	width:1800px;
}
}
@media (min-width: 2159px) {
.ranking-list {
	width:2160px;
}
}

.pin.ranking1 {
	border-color:#CB9A00;
	background-color:#FFFCF7;
}
.pin.ranking2 {
	border-color:#999;
	background-color:#FCFCFC;
}
.pin.ranking3 {
	border-color:#976646;
	background-color:#FEFAF7;
}


/* message-list */
.message-list a {
	text-decoration:none;
}

/* box */
.box {
	position:relative;
  margin:0 5px 20px;
  float: left;
  box-shadow:1px 1px 3px #eee;
  background-color:#fff;
}
.box-img img {
	width: 100%;
  height:auto;
	margin:4px auto;
}
.box-img:first-child img {
	margin:0;
}
.box-img:first-child a img {
	margin:0;
}
.box-heading {
	padding:8px 8px 4px;
}
.box-heading h2,
.box-heading h3,
.box-heading h4,
.box-heading h5,
.box-heading h6 {
	margin:0;
  font-size:1.6rem;
}
.box-heading a {
	text-decoration:none;
}
.box-heading a:hover,
.box-heading a:focus {
	text-decoration:underline;
}
.box-body {
	padding:4px 8px;
	margin-bottom:40px;
	font-size:1.2rem;
}
.box-body:last-child {
	padding:4px 8px;
	margin-bottom:10px;
	font-size:1.2rem;
}
.box-footer {
  padding:4px 8px 8px;
	position:absolute;
	bottom:0;
	left:0;
}
.box-meta {
  margin-top:5px;
}
.box-meta img {
  width:22px;
}

/* user-box */
.user-box {
	position:relative;
  margin:0 5px 20px;
  float: left;
  box-shadow:1px 1px 3px #eee;
  background-color:#fff;
}
.user-box-img img {
	width: 100%;
  height:auto;
	margin:4px auto;
}
.user-box-icon {
	position:relative;
	top:-55px;
	margin:0;
  font-size:1.6rem;
	text-align:center;
	margin-bottom:-62px;
}
.user-box-icon h2 {
	margin:5px 0;
  font-size:1.6rem;
}
.user-box-icon a {
	text-decoration:none;
}
.user-box-heading {
	text-align:center;
	font-size:1.2rem;
	color:#aaa;
	padding:8px 8px 4px;
	margin-bottom:40px;
}
.user-box-footer {
  padding:4px 8px 8px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:4px;
}
.user-box-footer > div {
	width:100%;
	margin-top:5px;
	padding-top:5px;
	border-top:1px solid #eee;
}

/* box-dashed */
.box-dashed {
    border: 1px #e5e5e5 dashed;
    padding: 10px;
}
.box-dashed.panel-danger {
  border-color: #ebccd1;
}
.box-dashed.panel-primary {
  border-color: #337ab7;
}

/* box-info */
.box-info dl {
  margin-top:10px;
  margin-bottom:0px;
}
.box-info dl dt {
  margin-bottom:3px;
}
.box-info dl dd {
  margin-bottom:15px;
}
@media (min-width: 768px) {
	.box-info dl dt {
	  margin-bottom:5px;
		width:120px;
	}
	.box-info dl dd {
		margin-left:140px;
	  margin-bottom:8px;
	}
}

/* table */
.table.table-vm td,
.table.table-vm th {
  vertical-align:middle;
}

/* table-shipping */
.table-shipping th {
	font-weight:300;
	color:#999;
}

/* pagination */
.pagination > li > a,
.pagination > li > span {
  color: #666;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #666;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  background-color: #fff;
  border-color: #ddd;
}

/* anchor */
/*
.page-header a {
  display:block;
  margin-top:-100px;
  padding-top:100px;
}
@media (min-width: 768px) {
  .page-header a {
    margin-top:-80px;
    padding-top:80px;
  }
}
*/

/* banner */
.bannerBox {
  display:block;
  margin-bottom:20px;
}
.bannerBoxSizeText {
  display:block;
  margin-top:5px;
}

/* user-icon */
.media.user-icon {
  margin:0;
}
.media.user-icon img {
  width:18px;
  height:18px;
	max-width: none;
}
.media.user-icon.sm img {
  width:12px;
  height:12px;
	max-width: none;
}
.media.user-icon .media-body {
  font-size:1.2rem;
}
.media.user-icon.sm .media-body {
  font-size:1.1rem;
}
.media.user-icon .media-left {
	padding-right:5px;
}

/* panel-side */
.panel-side h2 {
  margin:0;
  font-size:1.6rem;
}
.panel-side .media .media-body h3 {
  margin:0;
  margin-bottom:3px;
  font-size:1.8rem;
}
.panel-side .media .media-body p {
  font-size:1.4rem;
}
.panel-side.mini .media .media-body h3 {
  margin:0;
  margin-bottom:3px;
  font-size:1.2rem;
}
.panel-side.mini .media .media-body p {
  font-size:1.0rem;
}

/* blog */
.blog-title h2 {
	margin-top:0;
	margin-bottom:5px;
	font-size:1.8rem;
}
.blog-title .user-icon a {
	color:#ccc;
}
.blog-img {
  text-align:center;
}
.blog-img img {
	max-width:100%;
	height:auto;
}
.blog-body {
  margin-top:0;
	overflow:hidden;
	font-size:1.4rem;
	color:#888;
}
.blog-date {
  color:#ccc;
  font-size:1.1rem;
}
.blog-footer {
	position:relative;
	bottom:0px;
	right:0px;
}
@media (max-width: 767px) {
	.blog-title h2 {
		font-size:1.4rem;
	}
  .blog-body p {
		font-size:1.2rem;
		max-height:50px;
		overflow:hidden;
  }
}

/* media */
.media-list-img {
  text-align:center;
}
.media-list-img img {
	max-width:100%;
	height:auto;
}
.media-list-body {
  margin-top:0;
}
.media-list-body p {
  padding-bottom:10px;
  border-bottom: 1px solid #eee;
}
.media-list-body p:last-child {
  padding-bottom:0;
  border-bottom:none;
}
.media-list-body h2 {
  margin-top:3px;
}
.media-list-date {
  color:#ccc;
  font-size:1.2rem;
}
@media (max-width: 767px) {
	.media-list-body h2 {
		margin-top:3px;
		font-size:1.4rem;
		margin-bottom:5px;
	}
  .media-list-body {
    margin-top:0;
		font-size:1.2rem;
  }
	.media-list-date {
		font-size:1.0rem;
	}
}

/* panel-default */
@media (max-width: 767px) {
	.panel-default.remove-xs {
		border-color:transparent;
	}
	.panel-body.remove-xs {
		padding:0;
	}
}


/* panel-work */
.panel-works {
  border-color: #F41531;
}
.panel-works > .panel-heading {
  color: #fff !important;
  background-color: #F41531;
  border-color: #F41531;
}
.panel-works > .panel-heading h2,
.panel-works > .panel-heading h3,
.panel-works > .panel-heading h4 {
  color: #fff !important;
}
.panel-works > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #F41531;
}
.panel-works > .panel-heading .badge {
  color: #F41531;
  background-color: #fff;
}
.panel-works > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #F41531;
}
.panel-works h2,
.panel-works h3,
.panel-works h2 a,
.panel-works h3 a {
  color: #F41531;
}

/* panel-blog */
.panel-blog {
  border-color: #DC439E;
}
.panel-blog > .panel-heading {
  color: #fff !important;
  background-color: #DC439E;
  border-color: #DC439E;
}
.panel-blog > .panel-heading h2,
.panel-blog > .panel-heading h3,
.panel-blog > .panel-heading h4 {
  color: #fff !important;
}
.panel-blog > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #DC439E;
}
.panel-blog > .panel-heading .badge {
  color: #DC439E;
  background-color: #fff;
}
.panel-blog > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #DC439E;
}
.panel-blog h2,
.panel-blog h3,
.panel-blog h2 a,
.panel-blog h3 a {
  color: #DC439E;
}
.panel-blog h2 a {
	text-decoration:none;
}
.panel-blog h2 a:hover,
.panel-blog h2 a:focus {
	text-decoration:underline;
}

/* panel-event */
.panel-event {
  border-color: #4A9F35;
}
.panel-event > .panel-heading {
  color: #fff !important;
  background-color: #4A9F35;
  border-color: #4A9F35;
}
.panel-event > .panel-heading h2,
.panel-event > .panel-heading h3,
.panel-event > .panel-heading h4 {
  color: #fff !important;
}
.panel-event > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #4A9F35;
}
.panel-event > .panel-heading .badge {
  color: #4A9F35;
  background-color: #fff;
}
.panel-event > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #4A9F35;
}
.panel-event h2,
.panel-event h3,
.panel-event h2 a,
.panel-event h3 a {
  color: #4A9F35;
}

/* panel-community */
.panel-community {
  border-color: #6A3999;
}
.panel-community > .panel-heading {
  color: #fff !important;
  background-color: #6A3999;
  border-color: #6A3999;
}
.panel-community > .panel-heading h2,
.panel-community > .panel-heading h3,
.panel-community > .panel-heading h4,
.panel-community > .panel-heading h2 a,
.panel-community > .panel-heading h3 a,
.panel-community > .panel-heading h4 a {
  color: #fff !important;
	text-decoration:none;
}
.panel-community > .panel-heading h2 a:hover,
.panel-community > .panel-heading h3 a:hover,
.panel-community > .panel-heading h4 a:hover,
.panel-community > .panel-heading h2 a:focus,
.panel-community > .panel-heading h3 a:focus,
.panel-community > .panel-heading h4 a:focus {
	text-decoration:underline;
}
.panel-community > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #6A3999;
}
.panel-community > .panel-heading .badge {
  color: #6A3999;
  background-color: #fff;
}
.panel-community > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #6A3999;
}
.panel-community h2,
.panel-community h3,
.panel-community h2 a,
.panel-community h3 a {
  color: #6A3999;
}
.panel-community h2 a {
	text-decoration:none;
}
.panel-community h2 a:hover,
.panel-community h2 a:focus {
	text-decoration:underline;
}


/* panel-black */
.panel-black {
  border-color: #000;
}
.panel-black > .panel-heading {
  color: #fff !important;
  background-color: #000;
  border-color: #000;
}
.panel-black > .panel-heading h2,
.panel-black > .panel-heading h3,
.panel-black > .panel-heading h4 {
  color: #fff !important;
}
.panel-black > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #000;
}
.panel-black > .panel-heading .badge {
  color: #000;
  background-color: #fff;
}
.panel-black > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #000;
}
.panel-black h2,
.panel-black h3,
.panel-black h2 a,
.panel-black h3 a {
  color: #000;
}
.panel-black h2 a {
	text-decoration:none;
}
.panel-black h2 a:hover,
.panel-black h2 a:focus {
	text-decoration:underline;
}


/**
 * 繧ｫ繝�繧ｴ繝ｪ繝ｪ繧ｹ繝�
 *
 */
.catlist {
	border-top:1px solid #E4E4E4;
	border-bottom:1px solid #E4E4E4;
  font-size:1.2rem;
	min-height:30px;
	background-color:#f9f9f9;
	background-repeat: repeat;
  margin:0;
	display:block;
}
.catlist dt {
	display:block;
	float:left;
	background-image: url(/img/common/bg_catlist_dt.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding:0 9px;
	line-height:30px;
}
.catlist dd {
	display:block;
	float:left;
	padding-left:9px;
	line-height:30px;
}

/**
 * 繧ｿ繧ｰ繝ｪ繧ｹ繝�
 *
 */
.taglist {
  font-size:1.2rem;
	min-height:20px;
  margin:0;
	margin-top:6px;
  margin-bottom:20px;
	display:block;
}
.taglist dt {
	line-height:20px;
	display:block;
	float:left;
	background-image: url(/img/common/bg_tagedit.png);
	background-position: left center;
	background-repeat: no-repeat;
	width:94px;
	padding-left:7px;
}
.taglist dd {
	line-height:20px;
	display:block;
	float:left;
	padding-left:9px;
}

#tagedit {
	padding:5px 0;
	border-bottom:1px solid #E4E4E4;
  font-size:1.2rem;
}
#tagedit a {
  text-decoration:underline;
}
#tagedit_end {
	margin-bottom:8px;
}

/* edit_tag */
#edit_tag {
  margin-top:5px;
}
#edit_tag td {
  padding:0 2px;
}

#loop_timer {
  margin-left:5px;
}

/* item */
.item-meta {
  margin-top:5px;
	text-align:center;
}
.item-meta img {
  width:22px;
  vertical-align:text-top;
}
.item-meta span {
  margin-left:3px;
  margin-right:5px;
}

/* user-profile */
.user-profile th {
  white-space:nowrap;
  color:#999;
  font-size:1.2rem;
  font-weight:normal;
  vertical-align:middle !important;
  text-align:right;
}
.user-profile td {
  color:#999;
  font-size:1.2rem;
}

/* table-event */
.table-event th {
  white-space:nowrap;
}

/* report_image_thumbnail */
#report_image_thumbnail {
  display:inline-block;
}

/* img-responsive */
@media (max-width: 767px) {
  .img-responsive,
  .thumbnail > img,
  .thumbnail a > img,
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    display: block;
    max-width: 100% !important;
    height: auto;
  }

  #report_image_thumbnail img {
    width:90px;
    height:90px;
  }
}

/* miniuserlist */
.miniuserlist {
  text-align:center;
}
.miniuserlist ul {
  display:inline-block;
  vertical-align:middle;
  margin:0;
  margin-left:-4px;
  margin-top:-4px;
}

.miniuserlist ul li {
  padding:0;
	margin-top:4px;
	margin-left:4px;
	width:26px;
	height:26px;
  display:block;
  float:left;
}

/* topic */
.topic-datetime {
  white-space:nowrap;
}

/* commentbox */
.commentbox {
	border-top:1px solid #eee;
	padding-top:10px;
}
.commentbox:first-child {
	border:none;
	padding-top:0;
}

/* youtube */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* gallery-list-sm */
.gallery-list-sm {
	text-align:center;
}
.gallery-list-sm ul {
	display:inline-block;
	width:330px;
	margin:0 -10px;
}
.gallery-list-sm ul li {
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
.gallery-list-sm img {
	width:90px;
	height:90px;
}
@media (min-width: 768px) {
	.gallery-list-sm ul {
		width:660px;
	}
	.gallery-list-sm img {
		width:120px;
		height:120px;
	}
}
@media (min-width: 992px) {
	.gallery-list-sm ul {
		width:530px;
	}
}
@media (min-width: 1200px) {
	.gallery-list-sm ul {
		width:780px;
	}
}

/* gallery-list */
.gallery-list {
	text-align:center;
}
.gallery-list ul {
	display:inline-block;
	width:310px;
	margin:0 -10px;
}
.gallery-list ul li {
	position:relative;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
.gallery-list img {
	width:140px;
	height:auto;
}
.gallery-list .btn-delete {
	font-size:2.2rem;
	position:absolute;
	top:-10px;
	right:-8px;
	z-index:100;
}
.gallery-list .btn-delete a {
	line-height:0;
	padding:0;
	margin:0;
	background-color:#fff;
	display:block;
	border-radius:50%;
	color:#d00;
}

@media (min-width: 768px) {
	.gallery-list ul {
		width:640px;
	}
	.gallery-list img {
		width:200px;
		height:auto;
	}
}
@media (min-width: 992px) {
	.gallery-list ul {
		width:640px;
	}
}
@media (min-width: 1200px) {
	.gallery-list ul {
		width:850px;
	}
}

/* favorite-list*/
.favorite-list img {
	max-width:100%;
	height:auto;
}

/* edit-list */
.edit-list img {
	max-width:100%;
	height:auto;
}

/* item-list */
.item-list {
	display:inline-block;
	margin:0 -10px;
}
.item-list span {
	display:block;
	margin-left:10px;
	margin-bottom:10px;
	width:120px;
	float:left;
}
.item-list span img {
	max-width:100%;
	height:auto;
}
.item-list a {
	display:inline-block;
}
@media (max-width: 767px) {
	.item-list {
		margin:0 -6px;
	}
	.item-list span {
		width:105px;
	}
}

/* content-list */
.content-list {
}
.content-list img {
	max-width:100%;
	height:auto;
}

/* storage-list */
.storage-list {
	display:inline-block;
	width:310px;
	margin:0 -10px;
}
.storage-list span {
	display:block;
	margin-left:10px;
	margin-bottom:10px;
	width:140px;
	float:left;
}
.storage-list span img {
	width:100%;
	height:100%;
}
.storage-list span div.w200h200 {
	width:140px;
	height:140px;
}
.storage-list span div.w200h200 img {
	width:400px;
	height:400px;
}
.storage-list a {
	display:inline-block;
}

@media (min-width: 768px) {
	.storage-list {
		width:640px;
	}
	.storage-list span {
		width:200px;
	}
	.storage-list span div.w200h200 {
		width:200px;
		height:200px;
	}
	.storage-list span div.w200h200 img {
		width:300px;
		height:300px;
	}
}
@media (min-width: 1200px) {
	.storage-list {
		width:auto;
	}
}

.storage-list.single {
	width:150px;
	margin-left:-10px;
	display:inline-block;
}
@media (min-width: 768px) {
	.storage-list.single {
		width:210px;
		margin-left:-10px;
		display:inline-block;
	}
}
@media (min-width: 1200px) {
	.storage-list.single {
		width:210px;
		margin-left:-10px;
		display:inline-block;
	}
}


/* user-list */
.user-list {
}
.user-list .box {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}


/* item-view */
.item-view {
	background-color:#000;
	position:relative;
	text-align:center;
}
.item-prev,
.item-next {
	font-size:3.0rem;
	color:#ddd;
	position:absolute;
	height:100%;
	width:100px;
}
.item-prev {
	top:0px;
	left:0px;
}
.item-next {
	top:0px;
	right:0px;
}
.item-prev a,
.item-next a {
	position:relative;
	color:#ddd;
	display:block;
	height:100%;
	opacity:0;
}
.item-prev a:hover,
.item-next a:hover {
	-webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
	opacity:0.8;
}
.item-prev a *,
.item-next a * {
	position:absolute;
	top:50%;
	left:30%;
}
img.item-main {
	display:inline;
	position:relative;
	height:auto;
	width:auto;
	max-height:100%;
	max-width:100%;
}
.movie-container {
	margin:0 100px;
}
.nico-container {
	background-color:#fff;
	margin-top:200px;
}
@media (max-width: 767px) {
	.item-view {
		background-color:#fff;
		position:relative;
		text-align:center;
	}
	.item-prev,
	.item-next {
		font-size:2.6rem;
		color:#000;
		position:static;
		width:50%;
		float:left;
	}
	.item-prev {
	}
	.item-next {
	}
	.item-prev a,
	.item-next a,
	.item-prev div,
	.item-next div {
		color:#000;
		position:static;
		opacity:1;
		padding:15px 0px 20px;
	}
	.item-prev a *,
	.item-next a * {
		position:static;
	}
	.movie-container {
		margin:0;
	}
}

/* profile-section */
.profile-section {
	text-align:center;
	position:relative;
	height:430px;
	overflow:visible;
	top:-50px;
	margin-bottom:20px;
	z-index: -1;
}
.profile-cover {
	position:relative;
	height:400px;
}
.profile-icon {
	position:relative;
	display:inline-block;
	top:-110px;
}
.cover {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
@media (max-width: 767px) {
	.profile-section {
		text-align:center;
		position:relative;
		height:330px;
		overflow:visible;
	}
	.profile-cover {
		position:relative;
		height:300px;
	}
}

/* 縺ｵ縺阪□縺� */
/* balloon top-right */
.balloon-top-right {
	position: relative;
	display: inline-block;
	padding: 5px 15px;
	margin-right:20px;
	width: auto;
	max-width: 80%;
	color: #00326B;
	text-align: left;
	background: #BDE8FF;
	border-radius: 10px;
}
.balloon-top-right:before {
	content: "";
	position: absolute;
	top: -1px;
	right: -16px;
	margin-left: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: #BDE8FF;
	border-radius: 30px 0 30px 0;
	z-index: -1;
	-webkit-transform: rotate(18deg);
	   -moz-transform: rotate(18deg);
	    -ms-transform: rotate(18deg);
	     -o-transform: rotate(18deg);
	        transform: rotate(18deg);
}
.balloon-top-right:after {
	content: "";
	position: absolute;
	top: -13px;
	right: -13px;
	margin-left: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: #FFF;
	border-radius: 30px 0 30px 0;
	z-index: -1;
	-webkit-transform: rotate(51deg);
	   -moz-transform: rotate(51deg);
	    -ms-transform: rotate(51deg);
	     -o-transform: rotate(51deg);
	        transform: rotate(51deg);
}
/* balloon top-left */
.balloon-top-left {
	position: relative;
	display: inline-block;
	padding: 5px 15px;
	margin-left:20px;
	width: auto;
	max-width: 80%;
	color: #666;
	text-align: left;
	background: #ededed;
	border-radius: 10px;
}
.balloon-top-left:before {
	content: "";
	position: absolute;
	top: -1px;
	left: -16px;
	margin-left: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: #ededed;
	border-radius: 0 30px 0 30px;
	z-index: -1;
	-webkit-transform: rotate(-18deg);
	   -moz-transform: rotate(-18deg);
	    -ms-transform: rotate(-18deg);
	     -o-transform: rotate(-18deg);
	        transform: rotate(-18deg);
}
.balloon-top-left:after {
	content: "";
	position: absolute;
	top: -13px;
	left: -13px;
	margin-left: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: #FFF;
	border-radius: 0 30px 0 30px;
	z-index: -1;
	-webkit-transform: rotate(-51deg);
	   -moz-transform: rotate(-51deg);
	    -ms-transform: rotate(-51deg);
	     -o-transform: rotate(-51deg);
	        transform: rotate(-51deg);
}
@media (max-width: 767px) {
	.balloon-top-left,
	.balloon-top-right {
		max-width: 65%;
	}
}
.sub-text {
	display:inline-block;
	padding:0 10px;
	font-size:1.1rem;
	color:#aaa;
}
.sub-text a {
  text-decoration:none;
	color:#aaa;
}
.sub-text a:hover {
  text-decoration:underline;
}

/* activity-list */
.activity-list {
}
.activity-item {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #e4e4e4;
}
.activity-item:last-child {
	border:none;
}
.activity-img {
	position:relative;
	width:320px;
	max-width:100%;
	display:inline-block;
}
.activity-img a {
	display:inline-block;
}
.activity-img img {
	width:100%;
	height:auto;
}
.activity-time {
	text-align:right;
	font-size:1.1rem;
	color:#aaa;
	margin-bottom:5px;
}
.activity-bravo{
	right:-10px;
	bottom:-10px;
	position:absolute;
	width:60px;
}
.activity-bravo img {
	width:100%;
	height:auto;
}


/* 繝輔か繝ｼ繝�髢｢騾｣ */
div.str_counter {
	position:relative;
	padding-top:15px;
}
form .counter{
	position:absolute;
	right:0;
	top:0;
	font-size:12px;
	font-weight:bold;
	color:#ccc;
}
form .warning{
	color:#F90;
}
form .exceeded{
	color:#e00;
}

@media (max-width: 767px) {
	input[type=file] {
		width:100%;
	}
}

/* button */
.btn-ghost {
  background: transparent;
}
.btn-ghost.btn-default {
  color: #777;
}
.btn-ghost.btn-primary {
  color: #337ab7;
}
.btn-ghost.btn-success {
  color: #5cb85c;
}
.btn-ghost.btn-info {
  color: #5bc0de;
}
.btn-ghost.btn-warning {
  color: #f0ad4e;
}
.btn-ghost.btn-danger {
  color: #d9534f;
}
.btn-ghost.btn-white {
  color: #fff;
  border: 1px solid #fff;
}
.btn-ghost.btn-white:hover {
  color: #fff;
  background-color:rgba(255,255,255,0.2);
}
.btn-ghost.btn-black {
  color: #fff;
  border: 1px solid #337ab7;
  background-color:rgba(51,122,183,0.4);
}
.btn-ghost.btn-black:hover {
  color: #fff;
  background-color:rgba(51,122,183,0.6);
}
.btn-ghost.btn-primary:hover,
.btn-ghost.btn-success:hover,
.btn-ghost.btn-info:hover,
.btn-ghost.btn-warning:hover,
.btn-ghost.btn-danger:hover {
  color: #fff;
}

/* 繧ｷ繝ｧ繝�繝� */
.product-noimage img {
  max-width:100%;
  display:block;
  margin:auto;
  border:1px solid #eee;
}
.panel-product {
  margin-bottom:30px;
  box-shadow: 2px 2px 5px #ccc;
  padding:10px;
}
.panel-product img {
  max-width:100%;
  max-height:200px;
  display:block;
  margin:auto;
}
.panel-product h2 {
  margin-top:5px;
  margin-bottom:0px;
  font-size:1.6rem;
  line-height:1.6;
}
.panel-product h3 {
  margin-top:5px;
  margin-bottom:0px;
  font-size:1.2rem;
  line-height:1.6;
  text-indent:0.4em;
}
.panel-product a {
  text-decoration:none;
}
.panel-product a:hover {
  text-decoration:underline;
}
.panel-link {
  display:table;
  height:60px;
  width:100%;
}
.panel-link h2 {
  font-size:1.8rem;
  display:table-cell;
  text-align:center;
  vertical-align:middle;
}
.product-price-normal {
  text-align:right;
}
/*
.product-price-normal small {
  font-size:65%;
  vertical-align:middle;
}
*/
.product-price-sale {
  text-align:right;
  font-weight:700;
}
.table-product-detail th {
  white-space:nowrap;
}
.table-product-detail td {
  width:100%;
}
img.img-cart-list {
  max-width:100%;
}
.table-cart-list {
  margin-bottom:0px;
}
.table-cart-list th {
  text-align:center;
}

/* eccube */
.price-default small {
  font-size:0.6em;
}

.price-sale {
  font-size: 2.8rem;
  color:#DE5D50;
  font-weight:700;
}
.price-sale small {
  font-size:0.6em;
}

.table>tbody>tr>td.text-middle,
.table>tbody>tr>th.text-middle,
.table>tfoot>tr>td.text-middle,
.table>tfoot>tr>th.text-middle,
.table>thead>tr>td.text-middle,
.table>thead>tr>th.text-middle {
  vertical-align: middle;
}

.btn-circle {
  border-radius:100%;
  width:2.2em;
  height:2.2em;
  padding:0px;
  line-height:2.2em;
}

.color-gray {
  color:#888;
}

/* nav-category */
.nav-category ul {
  padding-left:0px;
  list-style: none;
}

.nav-category a {
	border-top:1px solid #eee;
  display:block;
  padding:10px;
	color:#666;
	font-size:1.2rem;
}
.nav-category a.active {
  font-weight:bold;
  color:#000;
}

.nav-category ul>li>a {text-indent:0em;}
.nav-category ul>li>ul>li>a {text-indent:0.4em;}
.nav-category ul>li>ul>li>ul>li>a {text-indent:0.8em;}
.nav-category ul>li>ul>li>ul>li>ul>li>a {text-indent:1.2em;}
.nav-category ul>li>ul>li>ul>li>ul>li>ul>li>a {text-indent:1.6em;}
.nav-category ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>a {text-indent:2.0em;}
.nav-category ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>a {text-indent:2.4em;}
.nav-category ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>a {text-indent:2.8em;}
.nav-category ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>a {text-indent:3.2em;}
.nav-category ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>a {text-indent:3.6em;}

/* category-image */
.category-image-783 {
  background-image:url(../shop/upload/save_image/top/category-image-783.jpg);
  background-repeat:no-repeat;
  background-position:bottom right;
}
.category-image-7 {
  background-image:url(../shop/upload/save_image/top/category-image-7.jpg);
  background-repeat:no-repeat;
  background-position:bottom right;
}
.category-image-681 {
  background-image:url(../shop/upload/save_image/top/category-image-681.jpg);
  background-repeat:no-repeat;
  background-position:bottom right;
}
.category-image-1 {
  background-image:url(../shop/upload/save_image/top/category-image-1.jpg);
  background-repeat:no-repeat;
  background-position:bottom right;
}
.category-image-9 {
  background-image:url(../shop/upload/save_image/top/category-image-9.jpg);
  background-repeat:no-repeat;
  background-position:bottom right;
}
.category-image-4 {
  background-image:url(../shop/upload/save_image/top/category-image-4.jpg);
  background-repeat:no-repeat;
  background-position:bottom right;
}
.category-image-10 {
  background-image:url(../shop/upload/save_image/top/category-image-10.jpg);
  background-repeat:no-repeat;
  background-position:bottom right;
}

/* nav-footer-list */
.nav-footer-list {
  text-align:left;
}
.nav-footer-list a {
  color:#000;
  text-decoration:none;
}
.nav-footer-list a:hover {
  text-decoration:underline;
}
.nav-list {
  background-color:#D1E7F5;
  margin-top:-20px;
  padding:20px;
}
.nav-list h4 {
  padding-bottom:4px;
  border-bottom:1px dashed #000;
}
.nav-list ul {
  font-size:1.2rem;
  line-height:1.5;
}

/* order-step */
.order-step h3 strong {
  font-family:"Open Sans";
  font-weight:700;
  border-left:10px solid #808080;
  padding-left: 10px;
}

/* side-anchor */
.side-anchor a {
  text-decoration:none;
}
.side-anchor a:hover {
  text-decoration:underline;
}
.side-anchor h4 {
  padding-bottom:4px;
  border-bottom:1px dashed #000;
}
.side-anchor ul {
  font-size:1.2rem;
  line-height:1.5;
}

/* 豎守畑 */
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt15 { margin-top:15px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; }
.mt110 { margin-top:110px !important; }
.mt120 { margin-top:120px !important; }
.mt130 { margin-top:130px !important; }
.mt140 { margin-top:140px !important; }
.mt150 { margin-top:150px !important; }
.mt160 { margin-top:160px !important; }
.mt170 { margin-top:170px !important; }
.mt180 { margin-top:180px !important; }
.mt190 { margin-top:190px !important; }
.mt200 { margin-top:200px !important; }
.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb15 { margin-bottom:15px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }
.mb90 { margin-bottom:90px !important; }
.mb100 { margin-bottom:100px !important; }
.mb110 { margin-bottom:110px !important; }
.mb120 { margin-bottom:120px !important; }
.mb130 { margin-bottom:130px !important; }
.mb140 { margin-bottom:140px !important; }
.mb150 { margin-bottom:150px !important; }
.mb160 { margin-bottom:160px !important; }
.mb170 { margin-bottom:170px !important; }
.mb180 { margin-bottom:180px !important; }
.mb190 { margin-bottom:190px !important; }
.mb200 { margin-bottom:200px !important; }
.mr0 { margin-left:0px !important; }
.mr5 { margin-left:5px !important; }
.mr15 { margin-left:15px !important; }
.mr10 { margin-left:10px !important; }
.mr20 { margin-left:20px !important; }
.mr30 { margin-left:30px !important; }
.ml0 { margin-left:0px !important; }
.ml5 { margin-left:5px !important; }
.ml15 { margin-left:15px !important; }
.ml10 { margin-left:10px !important; }
.ml20 { margin-left:20px !important; }
.ml30 { margin-left:30px !important; }

@media (max-width: 767px) {
	.mt0-xs { margin-top:0px !important; }
	.mt20-xs { margin-top:20px !important; }
	.mt40-xs { margin-top:40px !important; }
	.mt80-xs { margin-top:80px !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.mt0-sm { margin-top:0px !important; }
	.mt20-sm { margin-top:20px !important; }
	.mt40-sm { margin-top:40px !important; }
	.mt80-sm { margin-top:80px !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.mt0-md { margin-top:0px !important; }
	.mt20-md { margin-top:20px !important; }
	.mt40-md { margin-top:40px !important; }
	.mt80-md { margin-top:80px !important; }
}
@media (min-width: 1200px) {
	.mt40-lg { margin-top:40px !important; }
}

.sz8  { font-size:0.8rem !important; }
.sz10 { font-size:1.0rem !important; }
.sz12 { font-size:1.2rem !important; }
.sz14 { font-size:1.4rem !important; }
.sz16 { font-size:1.6rem !important; }
.sz18 { font-size:1.8rem !important; }
.sz20 { font-size:2.0rem !important; }
.sz22 { font-size:2.2rem !important; }
.sz24 { font-size:2.4rem !important; }
.sz26 { font-size:2.6rem !important; }
.sz28 { font-size:2.8rem !important; }
.sz30 { font-size:3.0rem !important; }
.sz32 { font-size:3.2rem !important; }
.sz34 { font-size:3.4rem !important; }
.sz36 { font-size:3.6rem !important; }
.sz38 { font-size:3.8rem !important; }
.sz40 { font-size:4.0rem !important; }

.row-0 {
	margin-left:0;
	margin-right:0;
}
.row-0 > div{
	padding-left:0;
	padding-right:0;
}

.row-5 {
	margin-left:-5px;
	margin-right:-5px;
}
.row-5 > div{
	padding-left:5px;
	padding-right:5px;
}

.row-10 {
	margin-left:-10px;
	margin-right:-10px;
}
.row-10 > div{
	padding-left:10px;
	padding-right:10px;
}

/* shadow */
.shadow {
  box-shadow:0px 0px 4px #ccc;
}

/* alert */
.alert a {
  text-decoration:underline;
}

/* underline */
.underline {
  padding-bottom:15px;
  border-bottom: 1px solid #eee;
}

/* notice */
.notice h2 {
  margin-top:10px;
  font-size:2.0rem;
}
.notice p {
  font-size:1.4rem;
}

/* error-message */
.error-message {
  clear: both;
  color: #c00;
  margin-top:4px;
  display:block;
}

/* required */
.required {
  color: #c00;
}

/* height-none */
.height-none span,
.height-none div {
	height:auto !important;
}

/* more */
a.more {
	text-decoration:none;
}
a.more:hover,
a.more:focus {
	text-decoration:underline;
}

/* hover-none */
a.hover-none {
	text-decoration:none;
}
a.hover-none:hover,
a.hover-none:focus {
	text-decoration:none;
}


/* badge */
.badge-important {
	background-color:#E60404;
}

/* img_cancel */
#img_cancel {
	display:block;
}

/* fancybox */
.fancybox {
	cursor:zoom-in;
}

/* helvetica */
.helvetica {
  font-family: "Open Sans", helvetica, arial !important;
	font-weight:300;
}
.helvetica.strong {
	font-weight:600 !important;
}
.normal {
	font-weight:300 !important;
}

h1 .helvetica,
h2 .helvetica,
h3 .helvetica,
h4 .helvetica {
	font-size:1.15em;
}
@media (max-width: 767px) {
	h1 .helvetica,
	h2 .helvetica,
	h3 .helvetica,
	h4 .helvetica {
		font-size:1.0em;
	}
}

/* bravo-seal */
.bravo-seal-list li {
	float:left;
	margin:2px;
	cursor:pointer;
}
.bravo-seal img {
	width:50px;
	height:50px;
}
.bravo-seal-list img.user-icon {
  width:24px;
  height:24px;
	max-width: none;
}
.btn-bravo-seal {
	opacity:0.4;
}
.bravo-selected {
	opacity:1 !important;
}

.other-service li {
	margin-bottom:10px;
}
.other-service img {
	width:55px;
}

/* lines-on-sides */
.lines-on-sides {
  display: table;
  text-align: center;
  white-space: nowrap;
}
.lines-on-sides:after,
.lines-on-sides:before {
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  -webkit-background-clip: padding;
  background-clip: padding;
}
.lines-on-sides:after {
  border-left: 1em solid transparent;
}
.lines-on-sides:before {
  border-right: 1em solid transparent;
}

/* sns-box */
.sns-box {
	text-align:center;
	margin-bottom:20px;
}
.sns-box a {
  font-family: "Open Sans", helvetica, arial, 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, Osaka, 'MS PGothic', sans-serif;
	font-weight:600;
	font-size:1.0rem;
	color: #fff;
	display: inline-block;
	line-height: 16px;
	min-width:55px;
	padding: 0px 2px 1px;
	overflow: hidden;
	position: relative;
	transition: all .15s ease-in-out;
	text-decoration:none;
	text-align:center;
	border-radius:2px;
}
.sns-box a:hover {
  opacity: .6;
  filter: alpha(opacity=60);
}
.twitter-btn {
	background-color: #00aced;
}
.fb-btn {
	background-color: #3b5998;
}
.gplus-btn {
	background-color: #dd4b39;
}
.hatena-btn {
	background-color: #246dba;
	font-weight:300 !important;
}
.tumblr-btn {
	background-color: #32506d;
}

/* img-border */
.img-border {
	border:1px solid #ccc;
}

.glyphicon-fw {
	display:inline-block;
	width:2.4rem;
	text-align:center;
}

/* btn-filter */
a.btn-filter {
	color:inherit;
	display:inline-block;
	position:relative;
	font-size:85%;
	margin-left:2px;
}

.ws-norwap {
	white-space:nowrap;
}

/* overflow-text */
.overflow-text {
	white-space:nowrap;
	max-width:350px;
	overflow:hidden;
	text-overflow:ellipsis;
}

/* abel-block */
.label-block {
	display:block;
	line-height:1.5;
}

/* badge */
.badge-red{
  background-color: red;
}
.badge-orange{
  background-color: orange;
}
.badge-limegreen{
  background-color: limegreen;
}