@charset "utf-8";

/* Common
----------------------------------------------------*/
.row {
	position: relative;
	font-size: 0;
}

.row:after {
	content: "";
	clear: both;
	display: table;
}

.column {
	position: relative;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
}

.col1 {
	width: 100%;
}

.col2 {
	width: 75%;
}

.col3 {
	width: 66.66%;
}

.col4 {
	width: 50%;
}

.col5 {
	width: 33.33%;
}

.col6 {
	width: 25%;
}

.black {
	color: #343536;
}

.section {
	padding-top: 90px;
	padding-bottom: 90px;
}

.small {
	font-size: 11px;
}

.seeMore:after {
	font-family: 'Material-Design-Iconic-Font';
	content: "\f2fb";
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	text-decoration: none;
	padding-left: 10px;
}

.overlay {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(3,4,5,0.5);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 50;
}

.videoFrame {
	max-height: 315px;
}

.videoFrame .inner {
	position: relative;
	width: 100%;
	max-width: 560px;
	max-height: 315px;
	margin: 0 auto;
	padding-top: 56.25%;
}

.videoFrame iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: 560px;
	max-height: 315px;
}


/* Alert
----------------------------------------------------*/
.alertOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(4,5,6,0.8);
	z-index: 1000;
}

.alertBox {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 90%;
	max-width: 600px;
	background: #ffe;
	border: 5px solid #fc0;
	text-align: left;
	padding: 15px;
	z-index: 1001;
	transform: translate(-50%, -50%);
}

.alertBox p {
	font-size: 14px;
	font-size: 1.4rem;
}


/* Header Hero
----------------------------------------------------*/
.headerHero {
	position: relative;
	background: url(../img/hero-bg.jpg) no-repeat center 0;
	background-size: cover;
	height: 100%;
	min-height: 700px;
	z-index: 60;
}

.headerHero .hhContents {
	position: absolute;
	top: 52%;
	left: 50%;
	width: 80%;
	max-width: 500px;
	height: auto;
	transform: translate(-50%, -50%);
}

.headerHero .hhLogo img {
	width: 100%;
	max-width: 300px;
}

.headerHero .caption {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 28px;
	color: #fff;
	margin-top: 15px;
}

.headerHero .audioPlayer {
	position: absolute;
	bottom: 0;
	color: #fff;
	width: 100%;
	padding: 5px 15px;
}

.headerHero .audioPlayer .title {
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 10px;
}

.headerHero .audioPlayer audio {
	width: 100%;
	max-width: 360px;
	height: 30px\9;
	border-radius: 3px;
}

/* IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.headerHero .audioPlayer audio:not(:target) {
	height: 30px;
}
}


/* Global Header
----------------------------------------------------*/
.globalHeader {
	height: 75px;
}

.globalHeader .ghContents {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-right: 15px;
	padding-left: 15px;
	background: #fff;
	border-bottom: 1px solid #e4e5e6;
	z-index: 100;
}

.globalHeader.sticky .ghContents {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	border-bottom: none;
	box-shadow: 0 3px 5px rgba(4,5,6,0.1);
}

.globalHeader .ghLogo {
	width: 160px;
}

.globalHeader .ghLogo img {
	height: 50px;
	margin-top: 10px;
}

.globalHeader .ghSpacer {
	-webkit-box-flex: 1; /* old */
	-moz-box-flex: 1; /* old */
	-ms-flex: 1; /* ie10 */
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.globalHeader .ghNavButton {
	display: none;
	width: 75px;
	text-align: center;
	cursor: pointer;
}

.globalHeader .ghNavButton .zmdi {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 74px;
}

.globalHeader .ghNav {
	display: block;
}

.globalHeader .ghNav .navItem {
	display: inline-block;
	text-align: center;
	color: inherit;
	padding: 15px;
}

.globalHeader .ghNav .navItem .label {
	font-size: 16px;
	font-size: 1.6rem;
}

.globalHeader .ghNav .navItem .caption {
	font-size: 12px;
	font-size: 1.2rem;
	color: #646566;
}


/* Contents
----------------------------------------------------*/
.main .section {
	background: #f4f5f6;
}

.main .section:nth-child(2n) {
	background: #fff;
}

.sectionHeader {
	margin-bottom: 45px;
}

.sectionHeader .subTitle {
	color: #646566;
}

.sectionCover {
}

.sectionCover .coverImage img {
	width: 100%;
	max-width: 300px;
	box-shadow: 0 0 30px rgba(3,4,5,0.1);
}

.sectionEntry {
}

.sectionEntry .entryInfo {
	width: 100%;
	max-width: 680px;
	margin: 30px auto 0;
}

.sectionEntry .entryInfo .sectionCopy {
	background: #FFF;
	border-bottom: 3px solid #171B46;
	border-radius: 5px 5px 0 0;
	padding: 30px;
}

.sectionEntry .entryInfo .caption {
	text-align: left;
}

.sectionNews {
}

.sectionNews .sectionCopy {
	text-align: center;
}

.sectionNews .sectionCopy .caption {
	margin-top: 45px;
}

.sectionNews .sectionCopy .caption h3 {
	margin-bottom: 10px;
}

.sectionVideo .credit {
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 15px;
}

.sectionNotice {
}

.sectionNotice .sectionCopy {
	text-align: left;
}

.sectionNotice .block {
	margin-top: 30px;
}

.sectionNotice .block:first-child {
	margin-top: 0;
}

.sectionNotice .block > .title {
	margin-bottom: 5px;
}

.sectionSummary {
}

.sectionSummary .sectionCopy > * {
	margin-top: 30px;
}

.sectionSummary .sectionCopy > *:first-shild {
	margin-top: 0;
}

.sectionSummary .image {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.sectionSummary .image img {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.sectionSummary .caption {
	text-align: left;
}

.sectionSchedule {
}

.sectionSchedule .caption {
	text-align: left;
}

.scheduleContainer {
}

.scheduleContainer .scheduleBlock {
	background: #f4f5f6;
	border-radius: 5px;
	margin-top: 60px;
	padding: 30px;
}

.scheduleContainer .scheduleBlock:first-child {
	margin-top: 0;
}

.scheduleBlock .area {
	display: inline-block;
	font-size: 13px;
	font-size: 1.3rem;
	border: 1px solid #343536;
	padding: 0 10px;
	line-height: 24px;
	margin-bottom: 10px;
}

.scheduleBlock > .title {
	font-size: 32px;
	font-size: 3.2rem;
	margin-bottom: 15px;
}

.scheduleBlock .theaterInfo {
}

.scheduleBlock .theaterInfo .phone {
	display: inline-block;
	font-size: 20px;
	font-size: 2rem;
	color: inherit;
	margin: 0 15px;
}

.scheduleBlock .theaterInfo .phone .zmdi {
	font-size: 24px;
	font-size: 2.4rem;
	vertical-align: middle;
	margin-right: 10px;
}

.scheduleBlock .theaterInfo .mapNav {
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	color: inherit;
	margin: 0 15px;
}

.scheduleBlock .theaterInfo .mapNav .zmdi {
	font-size: 24px;
	font-size: 2.4rem;
	vertical-align: middle;
	margin-right: 10px;
}

.scheduleBlock .theaterInfo .mapDetail {
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}

.scheduleBlock .theaterInfo .mapDetail.opened {
	opacity: 1;
}

.scheduleBlock .theaterInfo .mapDetail .map {
	display: none;
	width: 100%;
	max-width: 600px;
	height: 400px;
	margin: 15px auto 0;
}

.scheduleBlock .theaterInfo .mapDetail.opened .map {
	display: block;
}

.scheduleBlock .date {
	font-size: 20px;
	font-size: 2rem;
	margin-top: 30px;
}

.scheduleBlock .table {
	margin-top: 15px;
}

.scheduleBlock .table img {
	width: 100%;
	max-width: 400px;
}

.scheduleBlock .price {
	display: inline-block;
	background: #fff;
	border: 3px solid #646566;
	border-radius: 5px;
	width: 100%;
	max-width: 600px;
	margin: 30px auto;
	padding: 30px;
}

.scheduleBlock .price .title {
	display: inline-block;
	border: 1px solid #343536;
	border-radius: 15px;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 0 15px;
	line-height: 20px;
	margin-bottom: 10px;
}

.scheduleBlock .price .priceList {
}

.scheduleBlock .price .priceList li {
	display: inline;
	margin: 0 15px;
}

.scheduleBlock .price .priceList li .label {
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	background: #343536;
	padding: 0 15px;
	margin-right: 10px;
	line-height: 24px;
	color: #fff;
	vertical-align: middle;
}

.scheduleBlock .price .priceList li .num {
	display: inline-block;
	font-size: 24px;
	font-size: 2.4rem;
	vertical-align: middle;
}

.scheduleBlock .price .priceList li .tax {
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	vertical-align: middle;
	margin-top: 5px;
	margin-left: 5px;
}

.scheduleBlock .price .nb {
	font-size: 13px;
	font-size: 1.3rem;
	margin-top: 5px;
}

.scheduleBlock .ticketContainer {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center; /* old */
	-moz-box-pack: center; /* old */
	-ms-flex-pack: center; /* ie10 */
	-webkit-justify-content: center;
	justify-content: center;
}

.scheduleBlock .ticketContainer .ticketBlock {
	background: #fff;
	border-radius: 5px;
	width: 50%;
	padding: 30px 15px;
	margin: 15px;
}

.scheduleBlock .ticketContainer .ticketBlock .title {
	margin-bottom: 15px;
}

.scheduleBlock .ticketContainer .ticketBlock .subTitle {
	margin-top: -15px;
	margin-bottom: 15px;
}

.scheduleBlock .ticketContainer .ticketBlock ul {
}

.scheduleBlock .ticketContainer .ticketBlock ul li {
	margin-top: 30px;
}

.scheduleBlock .ticketContainer .ticketBlock ul li h4 {
	display: inline-block;
	border: 1px solid #343536;
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 15px;
	padding: 0 10px;
}

.scheduleBlock .ticketContainer .ticketBlock ul li h5 {
	font-size: 13px;
	font-size: 1.3rem;
	margin-top: -5px;
}

.scheduleBlock .ticketContainer .ticketBlock ul li a {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
}

.scheduleBlock .ticketContainer .ticketBlock ul li p {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
}

.sectionSchedule .advance {
	background: #171B46;
	border-radius: 5px;
	color: #fff;
	margin-top: 60px;
	padding: 15px;
}

.sectionSchedule .advance .title {
	font-size: 18px;
	font-size: 1.8rem;
}

.sectionSchedule .advance p {
	font-size: 24px;
	font-size: 2.4rem;
}

.sectionSns {
}

.sectionSns .snsContainer {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	margin-top: 30px;
}

.sectionSns .snsContainer:first-child {
	margin-top: 0;
}

.sectionSns .snsBlock {
	background: #f4f5f6;
	border-radius: 5px;
	width: 100%;
	margin: 0 15px;
	padding: 30px 20px 20px;
}

.sectionSns .snsBlock .header {
	margin-bottom: 15px;
}

.sectionSns .snsBlock .header .subTitle {
	color: #646566;
}

.sectionSns .confetti .article {
	display: table;
	width: 100%;
	background: #fff;
	color: inherit;
	height: 220px;
}

.sectionSns .confetti .article .image {
	display: table-cell;
	width: 40%;
	max-width: 400px;
	height: 100%;
}

.sectionSns .confetti .article .image .imageFrame {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sectionSns .confetti .article .image .imageFrame img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

.sectionSns .confetti .article .image .imageFrame.leftAlign img {
	left: 0;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
}

.sectionSns .confetti .article .detail {
	position: relative;
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding: 30px;
}

.sectionSns .confetti .article .detail:before {
	content: "";
	position: absolute;
	top: 30px;
	left: -30px;
	border-width: 15px;
	border-style: solid;
	border-color: transparent #fff transparent transparent;
}

.sectionSns .confetti .article .detail .date {
	font-size: 14px;
	font-size: 1.4rem;
	color: #646566;
	margin-bottom: 5px;
}

.sectionSns .confetti .article .detail .title {
	margin-bottom: 15px;
}

.sectionSns .confetti .article .detail .caption {
	font-size: 14px;
	font-size: 1.4rem;
}

.sectionCast {
}

.sectionCast .gridContainer {
	text-align: left;
}

.sectionCast .column {
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 60px;
}

.sectionCast .gridHeadContainer .column {
	padding-right: 30px;
	padding-left: 30px;
	margin-bottom: 60px;
}

.sectionCast .part {
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	color: #343536;
}

.sectionCast .sectionCopy .title {
	text-align: center;
	margin-bottom: 15px;
}

.sectionCast .castImage {
	text-align: center;
	margin-bottom: 15px;
}

.sectionCast .castImage img {
	width: 100%;
	max-width: 180px;
}

.sectionCast .gridHeadContainer .castImage img {
	width: 100%;
	max-width: 300px;
}

.sectionCast .caption {
	text-align: left;
}

.sectionCast .videoFrame {
	max-height: 200px;
	margin-top: 30px;
}

.sectionCast .videoFrame .inner,
.sectionCast .videoFrame iframe {
	max-width: 360px;
	max-height: 200px;
}

.sectionMusician .gridContainer {
	text-align: left;
}

.sectionMusician .column {
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 60px;
}

.sectionMusician .part {
	text-align: center;
	font-size: 14px;
	color: #343536;
}

.sectionMusician .sectionCopy .title {
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 15px;
}

.sectionMusician .staffImage {
	text-align: center;
	margin-bottom: 15px;
}

.sectionMusician .staffImage img {
	width: 100%;
	max-width: 180px;
}

.sectionMusician .caption {
	text-align: left;
}

.sectionStaff {
}

.sectionStaff .gridContainer {
	text-align: left;
}

.sectionStaff .column {
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 60px;
}

.sectionStaff .part {
	text-align: center;
	font-size: 14px;
	color: #343536;
}

.sectionStaff .sectionCopy .title {
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 15px;
}

.sectionStaff .staffImage {
	text-align: center;
	margin-bottom: 15px;
}

.sectionStaff .staffImage img {
	width: 100%;
	max-width: 180px;
}

.sectionStaff .caption {
	text-align: left;
}

.sectionContact {
	background: #F4F5F6;
}

.sectionContact .contactContainer {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
}

.sectionContact .contactBox {
	width: 50%;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	margin: 0 auto;
	padding: 30px;
}

.sectionContact .contactBox .link {
	display: inline-block;
	color: inherit;
	margin: 15px 15px 0;
}

.sectionContact .contactBox .link .zmdi {
	font-size: 24px;
	font-size: 2.4rem;
	vertical-align: middle;
	margin-right: 10px;
}

.sectionCredit {
}

.creditList {
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
}

.castList {	
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

.creditList dt,.castList dt {
	width: 280px;
	float: left;
	clear: both;
	text-align: right;
	padding-top: 1px;
	padding-right: 30px;
	margin-bottom: 5px;
	color: #949596;
	font-size: 14px;
	font-size: 1.4rem;
}

.creditList dd ,.castList dd{
	margin-left: 280px;
	text-align: left;
	margin-bottom: 5px;
	font-size: 16px;
	font-size: 1.6rem;
}

.creditList a ,.castList a{
	color: inherit;
}

.reviewList {
	text-align: left;
	list-style: circle;
	margin-left: 20px;
}

.reviewList > li {
	margin-top: 15px;
}

.reviewList > li:first-child {
	margin-top: 0;
}

.chart {margin:20px 0; padding: 20px 0; background: #FFF;}
.chart{padding:20px 0;}
.chart img{max-width:100%;}

/* Footer
----------------------------------------------------*/
.globalFooter {
	position: relative;
	background: #141516;
	color: #fff;
}

.globalFooter .gfContents {
	padding-top: 60px;
	padding-bottom: 60px;
}

.globalFooter .designer {
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
}

.globalFooter .copyright {
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 30px;
}

.globalFooter .designer a {
	color: #fff;
}

.globalFooter .gfContents .toTop {
	position: absolute;
	top: -30px;
	left: 50%;
	width: 120px;
	height: 30px;
	background: #141516;
	border-radius: 5px 5px 0 0;
	margin-left: -60px;
	padding: 0 15px;
}

.globalFooter .gfContents .toTop:hover {
	opacity: 1;
}

.globalFooter .gfContents .toTop .zmdi {
	font-size: 48px;
	font-size: 4.8rem;
	color: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.globalFooter .gfContents .toTop:hover .zmdi {
	opacity: 0.6;
}


@media screen and (max-width: 980px) {

/* Global Header
----------------------------------------------------*/
.globalHeader .ghContents {
	padding-right: 0;
	padding-left: 0;
}

.globalHeader .ghNavButton {
	display: block;
}

.globalHeader .ghNav {
	display: none;
	position: absolute;
	top: 74px;
	left: 0;
	background: #fff;
	width: 100%;
	padding-bottom: 15px;
	box-shadow: 0 3px 5px rgba(4,5,6,0.1);
	z-index: 100;
}

.globalHeader .ghNav .navItem {
	display: block;
	text-align: center;
	color: inherit;
	padding: 15px 20px;
}

.globalHeader .ghNav .navItem .label {
	font-size: 16px;
	font-size: 1.6rem;
}

.globalHeader .ghNav .navItem .caption {
	font-size: 12px;
	font-size: 1.2rem;
	color: #646566;
}


/* Contents
----------------------------------------------------*/
.scheduleBlock .ticketContainer {
	display: block;
}

.scheduleBlock .ticketContainer .ticketBlock {
	width: 100%;
	margin: 15px 0 0;
}

}


@media screen and (max-width: 768px){

/* Common
----------------------------------------------------*/
.col1,.col2,.col3,.col4,.col5,.col6 {
	width: 100%;
}

.section {
	padding-top: 45px;
	padding-bottom: 45px;
}


/* Header
----------------------------------------------------*/
.headerHero {
	padding-top: 120px;
}


/* Global Header
----------------------------------------------------*/
.globalHeader .ghLogo {
	width: 120px;
}


/* Contents
----------------------------------------------------*/
.sectionEntry {
	padding-top: 0;
}

.sectionEntry .caption {
	text-align: left;
}

.sectionEntry .entryInfo .sectionCopy {
	padding: 15px;
}

.scheduleBlock {
	margin-top: 30px;
	padding: 30px 20px 20px;
}

.scheduleBlock .date {
	font-size: 16px;
	font-size: 1.6rem;
}

.scheduleBlock > .title {
	font-size: 24px;
	font-size: 2.4rem;
}

.scheduleBlock .theaterInfo .phone {
	display: block;
	margin: 15px 0 0;
}

.scheduleBlock .theaterInfo .mapNav {
	display: block;
	margin: 15px 0 0;
}

.scheduleBlock .price .title {
	margin-bottom: 0;
}

.scheduleBlock .price .priceList li {
	display: block;
	margin: 5px 0 0;
}

.scheduleBlock .ticketContainer {
	display: block;
}

.scheduleBlock .ticketContainer .ticketBlock {
	width: 100%;
	padding: 30px 15px;
	margin: 15px 0 0;
}

.sectionSchedule .advance {
	margin-top: 30px
}

.sectionSchedule .advance .title {
	font-size: 16px;
	font-size: 1.6rem;
}

.sectionSchedule .advance p {
	font-size: 18px;
	font-size: 1.8rem;
}

.sectionSns .snsContainer {
	display: block;
}

.sectionSns .snsBlock {
	width: 100%;
	margin: 30px 0 0;
}

.sectionSns .confetti .article {
	display: block;
	height: auto;
}

.sectionSns .confetti .article .image {
	display: block;
	width: 100%;
	max-width: none;
	height: 240px;
}

.sectionSns .confetti .article .image .imageFrame img {
}

.sectionSns .confetti .article .detail {
	display: block;
	text-align: left;
	padding: 30px;
}

.sectionSns .confetti .article .detail:before {
	top: -30px;
	left: 30px;
	margin-top: 0;
	border-color: transparent transparent #fff transparent;
}

.sectionSns .confetti .article .detail .date {
	font-size: 14px;
	font-size: 1.4rem;
	color: #646566;
	margin-bottom: 5px;
}

.sectionSns .confetti .article .detail .title {
	margin-bottom: 15px;
}

.sectionSns .confetti .article .detail .caption {
	font-size: 14px;
	font-size: 1.4rem;
}

.sectionCast .column,
.sectionCast .header .column,
.sectionCast .gridHeadContainer .column,
.sectionMusician .column,
.sectionStaff .column {
	/*padding: 0;*/
}

.creditList {
	max-width: 350px;
}

.creditList dt {
	width: 140px;
	padding-right: 15px;
	font-size: 11px;
}

.creditList dd {
	margin-left: 140px;
	font-size: 13px;
}

.castList {
	max-width: 230px;
}

.castList dt {
	width: 140px;
	padding-right: 15px;
	font-size: 11px;
}

.castList dd {
	margin-left: 140px;
	font-size: 13px;
}

.castList dd img{
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}


.sectionContact .contactContainer {
	display: block;
}

.sectionContact .contactBox {
	width: 100%;
	margin: 15px 0 0;
}

.sectionContact .contactBox .link {
	display: block;
	margin: 15px 0 0;
}


/* Footer
----------------------------------------------------*/
.globalFooter .gfContents {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}

.globalFooter .copyright {
	text-align: center;
}

.globalFooter .designer {
	text-align: center;
	margin-top: 15px;
}

}

@media screen and (max-width: 768px) {

.sectionNews .sectionCopy {
	text-align: left;
}

.sectionSns .snsBlock iframe.twitter-timeline-rendered {
	width: 668px !important;
}

}

@media screen and (max-width: 767px) {

.sectionSns .snsBlock iframe.twitter-timeline-rendered {
	width: 330px !important;
}

}

@media screen and (max-width: 413px) {
	
.sectionSns .snsBlock iframe.twitter-timeline-rendered {
	width: 296px !important;
}

}

@media screen and (max-width: 374px) {
	
.sectionSns .snsBlock iframe.twitter-timeline-rendered {
	width: 248px !important;
}

}
@media screen and (max-width: 319px) {
	
.sectionSns .snsBlock iframe.twitter-timeline-rendered {
	width: 220px !important;
}

}