@charset "UTF-8";

.smilestudio-title {
	background: url('../images/bg_smilestudio.png') no-repeat 25% center / cover;
	color: #fff;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	padding: 100px 0;
}

section {
	margin-top: 50px;
}
.smilestudio .h2Style {
	font-size: 18px;
	font-size: 1.8rem;
}
.smilestudio .h2Style span {
	padding: 0 12px;
}
.museum-title {
  display: flex;
  align-items: center;
	background: #fe7d48;
	color: white;
	font-weight: bold;
	box-shadow: 0px 0px 0px 5px #fe7d48;
	border: dashed 2px #fff;
	margin:0 0 30px 0;
	padding: 20px;
	font-size: 20px;
	font-size: 2.0rem;
}
.museum-subtitle {
  align-items: center;
	/*background: #fe7d48;*/
  width: 100%;
	/*color: white;*/
	font-weight: bold;
	margin:0 0 10px 0;
  /*padding: 10px;*/
	font-size: 18px;
	font-size: 1.8rem;
}
.museum-title-marche {
  background: #4f9bd2;
	color: white;
	font-weight: bold;
	box-shadow: 0px 0px 0px 5px #4f9bd2;
	border: dashed 2px #fff;
	margin:0 0 30px 0;
	padding: 20px;
	font-size: 20px;
	font-size: 2.0rem;
}
.museum-title small {
	color: #55311b;
}
.museum-title.title-small {
	font-size: 16px;
	font-size: 1.6rem;
}
.museum-img {
	margin-bottom: 20px;
}
.museum-img .slick-slide img {
	display: block;
	height: auto;
	width: 100%;
}
.museum-img:not(.slider) img {
	display: block;
	height: auto;
	width: 100%;
}
/* .museum-img.slick-slider .img-caption {
	position: absolute;
	bottom: 10px;
	right: 14px;
} */
.text-white {
	color: #fff;
}

.museum-period {
	margin-bottom: 20px;
}
.museum-period .label {
	border-radius: 0;
	background: #55311b;
	border: dashed 1px #ddd4ce;
	box-shadow: 0px 0px 0px 3px #55311b;
	display: inline-block;
	padding: 5px 10px;
}
.museum-period-date {
	margin-bottom: 5px;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.museum-period-subdata {
	margin-bottom: 12px;
	padding-right: 0.5em;
	padding-left: 1rem;
}
.tsl-imageBox .row > div.main-museum p.museum-period-date {
	font-size: 16px;
	font-size: 1.6rem;
}
.museum-period .closingday {
	color: #fa3d36;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.tsl-imageBox .row > div p.closingday {
	font-size: 12px;
	font-size: 1.2rem;
}
.museum-detail {
	margin-bottom: 0px;
}
.museum-detail .label {
	border-radius: 0;
	background: #55311b;
	border: dashed 1px #ddd4ce;
	box-shadow: 0px 0px 0px 3px #55311b;
	display: inline-block;
	padding: 5px 10px;
}
.museum-detail-msg {
	background: linear-gradient(to bottom, rgba(241, 235, 229, 0) 21px, #c7cacc 21px, #c7cacc 22px, rgba(241, 235, 229, 0) 0);
	background-size: 50px 24px;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.tsl-imageBox .row > div p.museum-detail-msg {
	line-height: 24px;
}
.museum-list {
	margin-top: 30px;
	padding-top: 30px;
}
.tsl-imageBox .row > div.museum-list {
	padding-bottom: 5px;
}
.museum-list article {
	background: #fff;
	background: url('../images/bg_paper.jpg') repeat;
	margin-bottom: 30px;
	padding: 10px 20px;
}
.tsl-imageBox .row > div.museum-list p.text-brown {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #55311b;
	text-align: center;
}

/* ▼ 2019.01.31追加 ▼ */
.toyosuma50th {
	position: relative;
	padding-bottom: 60px;
}
h3.museum-title.title-small.toyosuma50th small {
	font-size: 13px;
	font-size: 1.3rem;
}
.toyosuma50th-img {
	position: absolute;
	width: 60px;
	height: auto;
	bottom: 5px;
	left: 15%;
}
.popup-img {
	position: absolute;
	width: 150px;
	height: auto;
	bottom: -20px;
	right: 15px;
}
.museum-detail-2col {
	background: #f7f7f7;
	border: solid 1px #e3e6e9;
	border-radius: 4px;
	padding: 10px 5px;
}
.tsl-imageBox .museum-detail .museum-detail-2col .row > div {
	padding-top: 5px;
	padding-bottom: 0;
}
.museum-detail-2col dl {
	margin-bottom: 0px;
}
.museum-detail-2col dl dt {
	float: left;
}
.museum-detail-2col dl dd::after {
	clear: both;
}
.museum-detail-2col dl.col45 dd {
	padding-left: 45px;
}
.museum-detail-2col dl.col60 dd {
	padding-left: 55px;
}
/* ▲ 2019.01.31追加 ▲ */

.gallery-link {
  border-radius: 6px;
  /*background: #fe7d48;*/
  background: #f57d3e;
  padding: 20px;
	margin: 30px 0 40px 0;
}
.gallery-link-navi {
  color: white;
  text-align: center;
  font-size: 1.5rem;
  margin: 0;
}
.gallery-btn {
	border-radius: 6px;
	color: #fff;
	display: block;
	font-size: 1.9rem!important;
	font-weight: bold;
	text-align: center;
  /*padding: 30px 0;*/
	/*background: #fe7d48;*/
	border: solid 1px #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.26);
	padding: 15px 10px;
	transition: all 0.3s;
}
.gallery-btn:hover {
	/*color: #22150c;*/
  color: white;
  opacity: 0.6;
}
.gallery-btn-museum {
	background: #fe7d48;
	box-shadow: 0px 0px 0px 5px #fe7d48;
  /*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);*/
}
.gallery-btn-museum:hover {
	background: rgba(251, 149, 94, 0.5);
	border: dashed 2px #fe7d48;
	box-shadow: 0px 0px 0px 5px rgba(251, 149, 94, 0.5);
  /*box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);*/
}
.gallery-btn-workshop {
	background: #00a629;
	box-shadow: 0px 0px 0px 5px #00a629;
}
.gallery-btn-workshop:hover {
	background: rgba(158, 203, 45, 0.5);
	border: dashed 2px #00a629;
	box-shadow: 0px 0px 0px 5px rgba(158, 203, 45, 0.5);
}
.gallery-btn-marche {
	background: #6699cc;
	box-shadow: 0px 0px 0px 5px #6699cc;
}
.gallery-btn-marche:hover {
	background: rgba(102, 153, 204, 0.5);
	border: dashed 2px #6699cc;
	box-shadow: 0px 0px 0px 5px rgba(102, 153, 204, 0.5);
}
.smilestudio-detail {
	margin-top: 30px;
}
.tsl-imageBox .row > div p.label-museum,
.tsl-imageBox .row > div p.label-workshop {
	display: inline-block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50px;
	/*font-weight: normal;*/
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.label-museum + .label-workshop {
	margin-left: 20px;
}
.label-museum {
	background: #fe7d48;
}
.label-workshop {
	background: #00a629;
}
.panel-smilestudio {
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 30px;
	padding: 20px 15px 10px;
}
.panel-smilestudio .label {
	background: #e79901;
	display: block;
	font-weight: normal;
	padding: 8px 0;
}
.panel-smilestudio .panel-body p:first-of-type {
	margin-bottom: 10px;
}
.smilestudio-notice {
	margin: 0 auto 20px;
}
.smilestudio-contact {
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: 15px auto 20px;
	padding: 20px 15px 10px;
}
.smilestudio-contact .h3Style {
	font-size: 16px;
	font-size: 1.6rem;
}
.tel-link {
	color: #fa3d36;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-left: 5px;
}
a.tel {
	font-size: 18px;
	font-size: 1.8rem;
}

/* museum.html */
.contents-title-museum {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	background: #fcf0ea;
	border-top: dashed 2px #fe7d48;
	border-bottom: dashed 2px #fe7d48;
	box-shadow: 0px 0px 0px 4px #fcf0ea;
	padding: 15px 20px;
}
.contents-title-museum small {
	font-size: 16px;
	font-size: 1.6rem;
}
.gallery-museum {
	padding: 20px;
	background: url('../images/bg_paper.jpg') repeat;
}
.gallery-museum article {
	background: #fff;
	box-shadow: 1px 1px 3px rgba(124, 93, 47, 0.6);
	margin-bottom: 0px;
	padding: 25px;
}
.gallery-museum .museum-title {
	color: #fff;
	text-shadow: 0 0 5px rgba(153, 60, 9, 0.95);
	background: #fe7d48;
	box-shadow: 0px 0px 0px 5px #fe7d48;
}
.gallery-museum .museum-title small {
	color: #fff;
}
.gallery-museum .museum-img {
	padding-right: 20px;
	padding-left: 20px;
}

.label-smilestudio {
	background: rgba(231, 153, 1, 0.5);
	color: #55311b;
	border-radius: 4px;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 20px;
	padding: 6px 12px;
}

.museum-link {
	list-style: none;
	margin-bottom: 50px;
	padding-left: 0;
}
.museum-link .btn-museum-link {
	background: #ddd4ce;
	box-shadow: 0px 0px 0px 2px #ddd4ce;
	border: dashed 1px #fe7d48;
	color: #55311b;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	margin-bottom: 10px;
	transition: all 0.3s;
}
.museum-link .btn-museum-link:hover {
	color: #22150c;
	background: rgba(251, 149, 94, 0.2);
	box-shadow: 0px 0px 0px 2px rgba(251, 149, 94, 0.2);
}
.museum-link .btn-museum-link.current {
	color: #22150c;
	background: rgba(251, 149, 94, 0.5);
	box-shadow: 0px 0px 0px 2px rgba(251, 149, 94, 0.5);
}

/* workshop.html */
.contents-title-workshop {
  font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	background: #d9f7e0;
	border-top: dashed 2px #00a629;
	border-bottom: dashed 2px #00a629;
	box-shadow: 0px 0px 0px 4px #d9f7e0;
  padding: 15px 20px;
}
.contents-title-workshop small{
  font-size: 16px;
	font-size: 1.6rem;
}
.gallery-workshop {
	padding-top: 30px;
	background: url('../images/bg_paper.jpg') repeat;
}
.gallery-workshop article {
  background: #fff;
	box-shadow: 1px 1px 3px rgba(70, 85, 43, 0.6);
	margin-bottom: 0px;
	padding: 25px;
}
.gallery-workshop .museum-title {
	color: #fff;
	text-shadow: 0 0 5px rgba(67, 99, 4, 0.95);
	background: #00a629;
	box-shadow: 0px 0px 0px 5px #00a629;
}
.gallery-workshop .museum-title::after {
	border-color: #9ecb2d;
}
.gallery-workshop .museum-title small {
	color: #fff;
}
.gallery-workshop .museum-img {
	padding-right: 20px;
	padding-left: 20px;
}

.workshop .label-smilestudio {
	background: rgba(235, 226, 111, 0.5)
}
.workshop .museum-link .btn-museum-link {
	border: dashed 1px #00a629;
}
.workshop .museum-link .btn-museum-link:hover {
	color: #22150c;
	background: rgba(158, 203, 45, 0.2);
	box-shadow: 0px 0px 0px 2px rgba(158, 203, 45, 0.2);
}
.workshop .museum-link .btn-museum-link.current {
	color: #22150c;
	background: rgba(158, 203, 45, 0.5);
	box-shadow: 0px 0px 0px 2px rgba(158, 203, 45, 0.5);
}

/* marche */
.contents-title-marche {
  font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	background: #bad7ed;
	border-top: dashed 2px #6699cc;
	border-bottom: dashed 2px #6699cc;
	box-shadow: 0px 0px 0px 4px #bad7ed;
  padding: 15px 20px;
}
.contents-title-marche small{
  font-size: 16px;
	font-size: 1.6rem;
}

.gallery-marche {
	padding-top: 30px;
	background: url('../images/bg_paper.jpg') repeat;
}
.gallery-marche article {
  background: #fff;
	box-shadow: 1px 1px 3px rgba(70, 85, 43, 0.6);
	margin-bottom: 0px;
	padding: 25px;
}
.gallery-marche .museum-title {
	color: #fff;
	text-shadow: 0 0 5px rgba(67, 99, 4, 0.95);
	background: #00a629;
	box-shadow: 0px 0px 0px 5px #00a629;
}
.gallery-marche .museum-title::after {
	border-color: #9ecb2d;
}
.gallery-marche .museum-title small {
	color: #fff;
}
.gallery-marche .museum-img {
	padding-right: 20px;
	padding-left: 20px;
}

/* smile studio*/
.about-smilekan-box {
  width: 100%;
  background: white url("../images/bg_about-smilekan.png") repeat-x center;
  background-size:cover;
}
.about-smilekan {
  margin-bottom: 50px;
}
.ttl-point {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
.btn-raised {
  display: inline-block;
  background-color: #0066cc;
  color: #FFF;
  font-size: 1em;
  line-height: 1;
  text-decoration: none;
  letter-spacing: 0.05em;
  padding: 10px 20px;
  border-radius: 3px;
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  transition: .3s ease-out;
}
.btn-raised:hover {
    color: #FFF;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}

@media (min-width: 640px) {
	/* 画面幅 640px以上 */
	section {
		margin-top: 0px;
	}
	.smilestudio .h2Style {
		font-size: 28px;
		font-size: 2.8rem;
	}
	.smilestudio .h2Style span {
		padding: 0 24px;
	}

	.smilestudio-title {
		font-size: 38px;
		font-size: 3.8rem;
		margin-bottom: 50px;
		padding: 150px 0;
	}
	.museum-title {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 1.5;
		margin-bottom: 30px;
	}
	.museum-title.title-small {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 24px;
	}
	.main-museum .museum-title small {
		padding-left: 20px;
	}
	.museum-period-date {
		padding-left: 1em;
	}
	.museum-period .closingday {
		padding-left: 1em;
	}
	.museum-detail-msg {
		background: linear-gradient(to bottom, rgba(241, 235, 229, 0) 23px, #c7cacc 23px, #c7cacc 24px, rgba(241, 235, 229, 0) 0);
		background-size: 50px 26px;
		padding-right: 0.875em;
		padding-left: 0.875em;
	}
	.tsl-imageBox .row > div p.museum-detail-msg {
		line-height: 26px;
	}
	.museum-list .col-md-6:nth-of-type(2n+1) {
		padding-right: 15px;
		padding-left: 30px;
	}
	.museum-list .col-md-6:nth-of-type(2n) {
		padding-right: 30px;
		padding-left: 15px;
	}
	.tsl-imageBox .row > div.museum-list p.text-brown {
		font-size: 20px;
		font-size: 2.0rem;
	}

	.gallery-link {
		margin: 30px 0 20px 0;
	}
	.gallery-btn {
		font-size: 24px;
		font-size: 2.4rem;
		/*margin: 20px 20px 0px;*/
		/*padding: 60px 0;*/
	}

	.tsl-imageBox .row > div p.label-museum,
	.tsl-imageBox .row > div p.label-workshop {
		border-radius: 75px;
		height: 150px;
		width: 150px;
		line-height: 150px;
		font-size: 24px;
		font-size: 2.4rem;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.label-museum + .label-workshop {
		margin-left: 50px;
	}
	.smilestudio-msg {
		text-align: center;
	}
	.panel-smilestudio {
		margin-top: 15px;
	}
	.panel-smilestudio .panel-body p:first-of-type {
		margin-bottom: 0;
	}
	.smilestudio-notice {
		margin-top: 15px;
	}
	.smilestudio-contact {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.smilestudio-contact .h3Style {
		font-size: 24px;
		font-size: 2.4rem;
	}
	.smilestudio-contact .contact-tel {
		font-size: 20px;
		font-size: 2.0rem;
		text-align: center;
	}
	.tel-link {
		font-size: 24px;
		font-size: 2.4rem;
		margin-left: 15px;
	}
	.smilestudio-contact ul {
		width: 280px;
		margin: 15px auto;
	}

	/* ▼ 2019.01.31追加 ▼ */
	.toyosuma50th {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.museum-title.title-small.toyosuma50th {
		font-size: 20px;
		font-size: 2.0rem;
		line-height: 26px;
	}
	h3.museum-title.title-small.toyosuma50th small {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.toyosuma50th-img {
		bottom: 45px;
		left: 500px;
		width: 70px;
	}
	.popup-img {
		bottom: 10px;
		right: -30px;
		width: 220px;
	}
	.museum-detail-2col {
		padding-left: 20px;
	}
	.tsl-imageBox .museum-detail .museum-detail-2col .row > div {
		padding-top: 10px;
	}
	/* ▲ 2019.01.31追加 ▲ */

	/* museum.html */
	.contents-title-museum {
		text-align: center;
		font-size: 28px;
		font-size: 2.8rem;
		border-top-width: 3px;
		border-bottom-width: 3px;
		box-shadow: 0px 0px 0px 8px #fcf0ea;
		padding: 25px 0;
	}
	.contents-title-museum small {
		font-size: 24px;
		font-size: 2.4rem;
	}
	.gallery-museum .col-md-6:nth-of-type(2n+1) {
		padding-right: 15px;
		padding-left: 30px;
	}
	.gallery-museum .col-md-6:nth-of-type(2n) {
		padding-right: 30px;
		padding-left: 15px;
	}

	.museum-link {
		text-align: center;
	}
	.museum-link li {
		display: inline-block;
		width: 30%;
	}
	.museum-link li + li {
		margin-left: 15px;
	}


	/* workshop.html */
	.contents-title-workshop {
    text-align: center;
		font-size: 28px;
		font-size: 2.8rem;
		border-top-width: 3px;
		border-bottom-width: 3px;
		box-shadow: 0px 0px 0px 8px #d9f7e0;
    padding: 25px 0;
	}
	.contents-title-workshop small {
		font-size: 24px;
		font-size: 2.4rem;
	}
  
	.gallery-workshop .col-md-6:nth-of-type(2n+1) {
		padding-right: 15px;
		padding-left: 30px;
	}
	.gallery-workshop .col-md-6:nth-of-type(2n) {
		padding-right: 30px;
		padding-left: 15px;
	}
  
  /* marche */
	.contents-title-marche {
    text-align: center;
		font-size: 28px;
		font-size: 2.8rem;
		border-top-width: 3px;
		border-bottom-width: 3px;
		box-shadow: 0px 0px 0px 8px #bad7ed;
    padding: 25px 0;
	}
	.contents-title-marche small {
		font-size: 24px;
		font-size: 2.4rem;
	}
  .gallery-marche .col-md-6:nth-of-type(2n+1) {
		padding-right: 15px;
		padding-left: 30px;
	}
	.gallery-marche .col-md-6:nth-of-type(2n) {
		padding-right: 30px;
		padding-left: 15px;
	}

}