@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500;700&display=swap');

@font-face {
  font-family: "YakuHanRPs";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./YakuHanRPs/woff2/YakuHanRPs-Light.woff2") format("woff2");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f,
    U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b,
    U+ff5d;
}

@font-face {
  font-family: "YakuHanRPs";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./YakuHanRPs/woff2/YakuHanRPs-Regular.woff2") format("woff2");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f,
    U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b,
    U+ff5d;
}

*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
:root {
  --back01: #0087b9;
  --back02: #001f2d;
  --main01: #ff811e;
--main02: #33bce5;
  --key01: #3f97e3;
	--key02: #ff7b9a;
	--key03: #7ab743;
  --text: #333;
  --heading: #555;
}

html{
	font-size: 10px;
	font-size: 62.5%;
}
/* html, body {height: auto;min-height: 100vh;} */
body, h1, h2, h3, h4, h5, h6, blockquote, p, form,iframe{margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6{font-weight: 700;line-height: 1.25;color: var(--heading);position: relative;}
ul,li{list-style:none;margin:0;padding:0;}
ol li{list-style-position:outside;padding:0;}
li ul, li ol{padding: 0;}
img{
	border: 0;
	width: auto;
	max-width: 100%;
	-webkit-transition: all 0.25s ease;
					transition: all 0.25s ease;
}
h1{margin: 0; padding: 0;}
del {text-decoration: line-through;}
a{
	color: var(--key01);
	-webkit-transition: all 0.25s ease;
					transition: all 0.25s ease;
}
a:hover{color: var(--main01);}
a::before,a::after{
	-webkit-transition: all 0.25s ease;
					transition: all 0.25s ease;
}
blockquote{
	margin: 0 0 0 5px;
	padding: 3px 0 3px 10px;
	border-left: 2px solid #DDD;
}
th{font-weight: normal;}
select,
input,
button,
textarea,
select,
button {
	font-size: 100%;
}
sup{vertical-align: super;}
strong, b{font-weight: 500;}
::selection {
	background: var(--main01);
	color: #fff;
}
::-moz-selection {
	background: var(--main01);
	color: #fff;
}
body {
/* 	font-family: 'Noto Sans JP', Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; */
	font-family: YakuHanRPs, 'Zen Maru Gothic', "游ゴシック", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: url(../img/back.jpg) repeat center center;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
	text-align: left;
	text-align: justify;
	text-justify: inter-ideograph;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	position: relative;
	color: var(--text);
	letter-spacing: 0.03em;
	margin: 0 auto;
	word-break: break-all;
  overflow-wrap: anywhere;
/*   word-break: normal; */
  line-break: strict;
	font-weight: 700;
}

@media (max-width: 767px) {
	body {font-size: 16px;font-size: 1.6rem;}
}


/* =====
 * header
 * ===== */
#header{position: fixed;top: 0;left: 0;z-index: 9999999;width: 100%;background-color: rgba(255,255,255,0.75);}

#gnavi{padding: 20px 5%;}

.header-nav_btn {display: none;}

#header-nav-list{border-left: 2px solid #ff8f22;}
.header-nav-list li {
	position: relative;
	line-height: 1;
	margin: 0;
	border-right: 2px solid var(--main01);
	-webkit-transition: all 0.5s ease;
					transition: all 0.5s ease;
}
.header-nav-list li a{
	display: inline-block;
	position: relative;
	font-size: 20px;
	font-size: 2.0rem;
	width: 180px;
	text-align: center;
	padding: 0 10px;
	line-height: 1;
	text-decoration: none;
	z-index: 9999;
	display: block;
	margin: 0 auto;
	font-weight: 700;
	color: var(--heading);
}

.header-nav-list li a:hover{color: #ff8f22;}

@media (min-width: 961px) {
	#header-nav_body{display: flex!important;opacity: 1!important;}
}

@media (max-width: 960px) {
/* 	#logo.is-active {z-index: 999999;} */

	#gnavi{padding: 0;}

	.header-nav-list{max-width: none;}

	#header.header li {padding: 0;}
	.header-nav {z-index: 888888;}
	#header-nav_body {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(255,255,255,0.95);
		background: url(../img/back50.jpg) repeat center center;
		padding: 0%;
/* 		overflow: hidden; */
		overflow: auto;
		display: none;
	}
	#header-nav-list {
		width: 100%;
		-webkit-transition: all 0.5s ease;
						transition: all 0.5s ease;
		padding: 0 15%;
		overflow: hidden;
		-webkit-overflow-scrolling:touch;
		border: none;
	}
/*
	.header-nav.close #header-nav_body {visibility: hidden;opacity: 0;}
	.header-nav.open #header-nav_body {visibility: visible;opacity: 1;}
*/
	#header-nav-list li {
		width: 100%;
		height: auto;
		border-left: none;
		padding: 8px 15px;
		margin: 0 0 10px;
		text-align: left;
		border: none;
	}
	#header-nav-list li.navi-sns {width: 50%;padding: 0;}
	.header-nav-list li a{
		text-align: center;
		display: inline-block;
		width: auto;
		padding: 10px;
	}
	.header-nav_btn {
		display: block;
		position: fixed;
		right: 3.5%;
		top: 20px;
		z-index: 999999;
		width: 45px;
		height: 45px;
		-webkit-transition: all 0.5s ease;
						transition: all 0.5s ease;
	}
/* 	#header.header .header-nav_btn{top: 8px;} */
	.header-nav_menuIcon {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 25px;
		height: 25px;
		display: block;
		cursor: pointer;
	}
	.header-nav_menuIcon > span {
		display: inline-block;
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: var(--main01);
		-webkit-transition: all 0.5s;
						transition: all 0.5s;
		-webkit-transform: rotate(0deg);
						transform: rotate(0deg);
	}
	.header-nav_menuIcon > .top { top: 2px;}
	.header-nav_menuIcon > .middle { top: 11px;}
	.header-nav_menuIcon > .bottom { bottom: 2px;}
	.header-nav_menuIcon.is-active > .top {
	-webkit-transform: translateY(9px) rotate(-45deg);
					transform: translateY(9px) rotate(-45deg);
	}
	.header-nav_menuIcon.is-active > .middle {opacity: 0;}
	.header-nav_menuIcon.is-active > .bottom {
		-webkit-transform: translateY(-9px) rotate(45deg);
						transform: translateY(-9px) rotate(45deg);
	}
/* 	.header-nav_menuIcon.is-active span{background-color: #fff;} */
}

/* =====
 * contents
 * ===== */

#contents{position: relative;width: 100%;margin: 0;padding: 0;}

@media (max-width: 960px) {
	#contents{width: 100%;}
}

section h1{position: relative;line-height: 1.25;text-align: center;}

.contents{width: 100%;position: relative;z-index: 9999;padding: 0;}
.contents section{position: relative; overflow: hidden;}

h1.sec-title{font-size: 31px;font-size: 3.1rem;text-align: center;line-height: 1;margin-bottom: 25px;}
h1.sec-title::after{content: "";font-size: 45.161290322580645%;display: block;width: 100%;text-align: center;line-height: 1;margin-top: 25px;}
h1.sec-title span{display: block;line-height: 1;font-size: 14px;font-size: 1.4rem;padding-top: 25px;}

h1.sec-title.h1-icon::before{content: "";display: block;width: 185px;height: 116px;margin: 0 auto 25px;background-repeat: no-repeat;background-position: center top;background-size: contain;}

@media (max-width: 767px) {
	.sec-title{margin-bottom: 45px;}
}

.hline-span{display: block;line-height: 1;font-size: 14px;font-size: 1.4rem;color: var(--key02);margin-bottom: 30px;}

p.lead{font-size: 16px;font-size: 1.6rem;text-align: center;margin-bottom: 15px;line-height: 1.25;color: var(--heading);}

.container-1920,
.container-xl,
.container-l,
.container-m,
.container-s,
.container-mini,
.container {position: relative;margin: 0 auto;padding: 0;}
.container-1920{width: 100%;max-width: 1920px;}
.container-xl{width: 90%;max-width: 1440px;}
.container-l{width: 90%;max-width: 1192px;}
.container-m{width: 1040px;}
.container-s{max-width: 800px;}
.container-mini{width: 600px;}
.container{width: 960px;}
@media (max-width: 1080px) {
	.container-xl{max-width: 980px;}
	.container-l{max-width: 900px;}
}
@media (max-width: 1040px) {
	.container-m{width: 85%;}
}

@media (max-width: 960px) {
	.container,.container-s{width: 85%;}
}
@media (max-width: 767px) {
	.container,.container-m{width: 87.25%;}
	.container-mini{width: 85%;}
}

#mainimg {
	position: relative;
	margin: 0px;
	padding: 130px 0 30px;
	z-index: 0;
	width: 100%;
	background: url(../img/main.jpg) no-repeat center center;
	background-size: cover;
}
#mainimg-body{
	position: relative;
	padding: 0;
	overflow: hidden;
}
#mainimg-body h1{position: relative;line-height: 1;width: 100%;max-width: 530px;margin: 0 auto 40px;}
#mainimg-body h1 img {display: block;width: 100%;/* filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.75)); */}

#main-copy {position: relative;}
.maincopy {width: 50%;padding: 0 2.5%;}
.maincopy img{display: block;width: 100%;}

@media (max-width: 767px) {
	#mainimg {padding-top: 90px;}
}


#slider{position: relative;}
.slick-slide img{width: 100%!important;}


#intro{padding: 90px 0 0;}
#intro-txt{position: relative;width: 50%;padding: 60px 0;padding-right: 40px;font-size: 18px;font-size: 1.8rem;font-weight: 500;}
#intro-txt::before{content: "";display: block;width: 50vw;height: 100%;position: absolute;top: 0;right: 0;background-color: rgba(255,255,255,0.85);border-radius: 0 60px 60px 0;}
#intro-txt h2 {font-size: 26px;font-size: 2.6rem;color: var(--main01); margin-bottom: 25px;text-align: left;}
#intro-txt p{position: relative;}
#intro-txt p:first-of-type{margin-bottom: 1.8rem;}

#intro-news{position: relative;width: 50%;padding-left: 40px;}
#intro-news h2 {margin-bottom: 20px;}
#intro-news h2 img{display: block;width: 100%;max-width: 480px;margin: 0 auto;}
#intro-news li:first-child{margin-right: 25px;}
#intro-news a {position: relative;display: block;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));}
#intro-news a img{position: relative;display: block;}
#intro-news a:hover{opacity: 0.5}

@media (max-width: 960px) {
	#intro-txt{width: 100%;margin-bottom: 60px;}
	#intro-txt::before {width: 95vw;}
	#intro-news {width: 100%;padding: 0 0 15px;}
}
@media (max-width: 767px) {
	#intro{padding-top: 60px;}
	#intro-txt {padding: 45px 5% 45px 0;}
}

#schedule{padding: 150px 0 0;}
#schedule::before{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 210px;left: 0;background: url(../img/back70.jpg) repeat center center;}
#schedule h1{color: var(--key01);}
#schedule h1::before{background-image: url(../img/section-b.svg)}
#schedule h1::after{content: "SCHEDULE";}
#schedule p.lead{margin-bottom: 15px;}

.theater{position: relative;line-height: 1.5;margin-bottom: 60px;}
/* .theater:last-child{margin-bottom: 0;} */
.theater h2{position: relative;font-size: 28px;font-size: 2.8rem;line-height: 1.25;color: var(--key01);background-color: #fff;padding: 7px 5px 8px 105px;margin-bottom: 15px;border-radius: 10px;overflow: hidden;}
.theater h2 span{position: absolute;top: 0;left: 0;background-color: var(--key01);color: #fff;font-size: 18px;font-size: 1.8rem;width: 90px;text-align: center;height: 100%;}
.schedule{width: 74.038461538461538%;}
.s-list{position: relative;}
.s-list h3{font-size: 24px;font-size: 2.4rem;line-height: 1.25;color: var(--heading);padding-bottom: 10px;border-bottom: 2px solid var(--heading);margin-bottom: 9px;}
.s-list span{font-size: 75%;}
.s-block{width: 48.701298701298701%;}
.s-date{font-size: 24px;font-size: 2.4rem;line-height: 1.25;font-weight: 500;}
h4.s-date{padding-bottom: 9px;margin-bottom: 6px;border-bottom: 2px dotted #888;color: var(--text);}
td.s-date{width: 80px;}

.s-title{font-size: 21px;font-size: 2.1rem;color: var(--key01);text-align: left;line-height: 1.25;}
.s-title li:not(:last-child){margin-bottom: 5px;}
.s-list-item:not(:last-child){margin-bottom: 15px;}
.s-list-img{padding-top: 30px;}
.s-img{width: calc(50% - 1px);}
.s-list-item table{width: 100%;}
.s-list-item td{vertical-align: top;padding-bottom: 5px;}

.theater-data{width: 24.038461538461538%;}
.flyer{margin-bottom: 5px;}
.flyer a,
.flyer a img{display: block;width: 100%;}
.theater-data p{font-size: 14px;font-size: 1.4rem;font-weight: 500;line-height: 1.5;margin-bottom: 8px;}
.flyer a:hover{opacity: 0.5}

.cast{padding-top: 10px;}
.cast:nth-of-type(2){padding-top: 5px;}
.cast-img{width: 80px;border-radius: 6px;overflow: hidden}
.cast-name{width: calc(100% - 80px);font-size: 18px;font-size: 1.8rem;padding-left: 10px;padding-bottom: 5px;}
.cast-name .cast-roll{color: var(--key02);}

.s-list-item td .cast{padding-bottom: 15px;} 

.s-title2{font-size: 18px;font-size: 1.8rem;color: var(--key01);line-height: 1.25;}
.s-title2 li{margin-bottom: 5px;}
.s-title2 li:first-child{color: var(--heading);}

.at-nagano{font-size: 20px;font-size: 2.0rem;color: var(--heading);line-height: 1.25;padding-top: 5px;}
.at-nagano span{color: var(--key02);}

#c-kagoshima {padding-top: 5px;}
#c-kagoshima .cast-name{width: 100%;padding-left: 0;padding-bottom: 5px;}

@media (max-width: 960px) {
	.s-block{width: 100%;margin-bottom: 20px;}
	.s-list-img{padding-top: 0;}
	#t-fukuoka .s-list-img,
	#t-kagoshima .s-list-img{padding-top: 20px;}
}
@media (max-width: 767px) {
	#schedule{padding: 90px 0 0;}
	#schedule::before{top: 150px;}
	.schedule{width: 100%;margin-bottom: 20px;}
	.theater h2{padding-left: 90px;padding-right: 15px;}
	.theater h2 span{width: 75px;}
	.theater-data{width: 100%;}
}

#price{position: relative;max-width: 600px;margin: 0 auto;padding: 0 15px 20px;text-align: center;}
#price::before{content:"";display: block;width: 100%;height: calc(100% - 60px);position: absolute;top: 60px;left: 0;background-color: #fff;border-radius: 25px;}
#price h2 {position: relative;text-align: center;line-height: 1;margin-bottom: 10px;}
#price h2 img{display: block;width: 200px;margin: 0 auto;}
#price p {position: relative;font-weight: 500;line-height: 1.5;}
#price p#p-yen{font-size: 56px;font-size: 5.6rem;color: var(--key01);line-height: 1;font-weight: 700;margin-bottom: 10px;}
#price p#p-yen span{font-size: 50%;}
#price p#p-fuku{color: var(--key01);}


#program{position: relative;padding:120px 0 0;overflow: visible;background: url(../img/back50.jpg) repeat center center;}
#program::before{content: "";display: block;width: 100%;height: 180px;position: absolute;top: 0px;left: 0;background: url(../img/back70.jpg) repeat center center;}
#program h1{color: var(--key02);}
#program h1::before{background-image: url(../img/section-p.svg)}
#program h1::after{content: "SCREEN";}
#program p.lead{margin-bottom: 30px;}

.program-list{position: relative;padding: 30px 0;border-bottom: 2px dotted #888;}
.program-list:first-of-type{padding-top: 0;}
.program-list:last-of-type{padding-bottom: 0;border: none;}

.program-img{position: relative;width: 46.153846153846154%;}
.program-img img{border-radius: 10px;overflow: hidden}
.program-txt{position: relative;width: 50%;font-weight: 500;line-height: 1.5;}
.program-txt h2{font-size: 26px;font-size: 2.6rem;color: var(--key02);line-height: 1.25;margin-bottom: 15px;}
.program-txt h3{font-size: 18px;font-size: 1.8rem;color: var(--key02);line-height: 1.25;margin-bottom: 20px;}

.program-txt p.billing{font-size: 12px;font-size: 1.2rem;margin-bottom: 20px;}

#p-silent{position: relative;max-width: 720px;margin: 0 auto;}
#p-silent .program-txt{width: 100%;}

#p-hachi p{letter-spacing: 0.02em}

@media (max-width: 767px) {
	#program {padding-top: 90px;}
	#program::before{height: 150px;}
	.program-img{width: 100%;margin-bottom: 15px;}
	.program-txt{width: 100%;}
}


#note{position: relative;padding:120px 0 90px;overflow: visible;background: url(../img/back70.jpg) repeat center center;}
#note::before{content: "";display: block;width: 100%;height: 180px;position: absolute;top: 0px;left: 0;background: url(../img/back50.jpg) repeat center center;}
#note h1{color: var(--key03);}
#note h1::before{background-image: url(../img/section-g.svg)}
#note h1::after{content: "GUIDE NOTE";}
#note p.lead{margin-bottom: 30px;}
#note h2{font-size: 26px;font-size: 2.6rem;line-height: 1.25;color: var(--key03);text-align: center;margin-bottom: 30px;}

.note-01-img{width: 46.875%;}
.note-01-img {filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));}
.note-01-txt{width: 50%;padding-top: 75px;}

#note-02{position: relative;padding-top: 60px;margin-bottom: 30px;}
#note-02 h2{font-size: 21px;font-size: 2.1rem;max-width: 800px;margin: 0 auto 30px;border-bottom: 2px dotted var(--key03);padding-bottom: 10px;}

#note-list{position: relative;}
#note-list::after{content: "";display: block;width: 23.958333333333333%;}
#note-list li{width: 23.958333333333333%;margin-bottom: 30px;}
.note-list-img {margin-bottom: 15px;}
.note-list-img img{box-shadow: 3px 3px 3px rgba(0,0,0,0.3);}
.note-list-txt h3{font-size: 15px;font-size: 1.5rem;color: var(--key03);margin-bottom: 7px;text-align: center;line-height: 1.25;}
.note-list-txt p{font-weight: 500;font-size: 12px;font-size: 1.2rem;line-height: 1.5;color: #111;}

#note-credit{font-size: 14px;font-size: 1.4rem;line-height: 1.5;text-align: center;}

@media (max-width: 960px) {
	.note-01-img{width: 75%;margin: 0 auto;}
	.note-01-txt{width: 80%;margin: 0 auto;padding-top: 30px;}
}
@media (max-width: 767px) {
	#note {padding-top: 90px;}
	#note::before{height: 150px;}
	.note-01-img{width: 100%;}
	.note-01-txt{width: 100%;}
	#note-list li {width: 48%;}
}

#archive {position: relative;padding: 90px 0;background-color: #fff;}
#archive h1 {color: var(--key01);margin-bottom: 60px;}
#archive h1::after{content: "ARCHIVE";}
#archive li{font-size: 28px;font-size: 2.8rem;padding: 0 30px;}

#bunka-logo{display: inline-block;transform: translate(0px, 3px);}
#logos li{padding: 0 20px}
#logos img{display: block;}
@media (max-width: 767px) {
	#logos li{width: 50%;}
}



/* =====
 * footer
 * ===== */

#footer{padding: 60px 0 0;background-color: #43bccf;color: #fff;text-align: center;font-size: 14px;font-size: 1.4rem;}
#footer a{color: #fff;}
#footer a:hover{color: #43bccf;background-color: #fff;}
#footer dd{margin-bottom: 20px;}
#footer .container{padding-bottom: 80px;}
#copyright{padding: 20px;font-weight: 700;line-height: 1;font-size: 12px;font-size: 1.2rem;background-color: #eb6d9a;}



/* =====
 * Parts
 * ===== */
.btn{
	font-size: 21px;
	font-size: 2.1rem;
	position: relative;
	text-align: center;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 360px;
	line-height: 1.25;
	text-decoration: none;
	-webkit-transition: all 0.25s ease;
					transition: all 0.25s ease;
	padding: 11px 30px 13px;
	letter-spacing: 0.06em;
	color: #fff;
	background-color: transparent;
/* 	border: 1px solid transparent; */
	border-radius: 25px;
}
a > .btn{text-decoration: none;}
.btn:hover,a:hover .btn{opacity: 1}

.btn-p{color: #fff;background-color: var(--key02);}
.btn-p:hover{color: #fff;background-color: var(--main01);}

.btn-w{background-color: #fff;}
.btn-w:hover,a:hover .btn-w{color: #fff;background-color: #e13828;}


/* =====
 * MISC
 * ===== */

.flist{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.row-reverse{
-webkit-flex-direction:row-reverse;
		-ms-flex-direction:row-reverse;
				flex-direction:row-reverse;
}
.space-between{
-webkit-box-pack: justify;
	 -ms-flex-pack: justify;
 justify-content: space-between;
}
.align-center{
	-webkit-box-align: center;
		 -ms-flex-align: center;
-webkit-align-items: center;
				align-items: center;
}
.justify-center{
			 -webkit-box-pack: center;
			-webkit-flex-pack: center;
					-ms-flex-pack: center;
			-webkit-box-align: center;
-webkit-justify-content: center;
				justify-content: center;
}
.align-top{
	-webkit-box-align:flex-start;
		 -ms-flex-align:flex-start;
-webkit-align-items:flex-start;
				align-items:flex-start;
}
.align-bottom{
	-webkit-box-align:flex-end;
		 -ms-flex-align:flex-end;
-webkit-align-items:flex-end;
				align-items:flex-end;
}
.justify-end{
 -webkit-box-pack: end;
		-ms-flex-pack: end;
	justify-content: flex-end;
}

.mb0{	margin-bottom: 0!important;}
.mb5{	margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}
.mb35{margin-bottom: 35px!important;}
.mb40{margin-bottom: 40px!important;}
.mb45{margin-bottom: 45px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.pb0{padding-bottom: 0 !important;}

.relative{position: relative;}
.fz10{font-size: 10px;font-size: 1.0rem;}
.fz11{font-size: 11px;font-size: 1.1rem;}
.fz12{font-size: 12px;font-size: 1.2rem;}
.fz16{font-size: 16px;font-size: 1.6rem;}
.fz18{font-size: 18px;font-size: 1.8rem;}

img.w100{display: block;width: 100%;}

/* Clearfix */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: " ";
	display: table;
	width: 100%;
}
.clearfix:after,
.container:after,
.row:after {
	clear: both;
}

/* Float */
.left   {float: left;}
.right  {float: right;}
.center {margin-right: auto !important; margin-left: auto !important;}

@media (max-width: 480px) {
	.left,.right{float: none;}	
}

/* Text Alignment */
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {
	text-align: justify;
	text-justify: inter-ideograph;
	-webkit-text-size-adjust: 100%;
}
.text-nowrap {white-space: nowrap;}

/* Visibility */
.disn {display: none;}

.visible-s,
.visible-s-block,
.visible-xs,
.visible-xs-block {display: none!important;}

@media (max-width: 960px) {
	.visible-s,
	.visible-s-block {display: block!important;}
	.hidden-s {display: none!important;}
}
@media (max-width: 767px) {
	.visible-xs,
	.visible-xs-block {display: block!important;}
	.hidden-xs {display: none!important;}
}