@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

/*------------------------

背景

------------------------*/

html {
	overflow: -moz-scrollbars-vertical;
}

body {
	background-color: #f3f5f8;
	word-wrap: break-word;
}

.wrap {
	width: 94%;
	max-width: 980px;
	height: auto;
	min-height: 100%;
	margin: auto;
	padding: 0;
}

header.over .wrap {
    width: 96%;
    max-width: 1200px;
    height: auto;
    min-height: 100%;
    margin: auto;
    padding: 0;
}

.min-wrap {
	width: 94%;
	max-width: 860px;
	height: auto;
	min-height: 100%;
	margin: auto;
	padding: 0;
}

.contents {
	margin-bottom: 0;
	padding: 3em 0 0;
	background-image: url(../img/pat.png);
	background-repeat: repeat;
}

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

.contents {
	padding: 1em 0 0;
}
}

article {
	margin-bottom: 0;
	padding: 3em 0;
	background-color: #fff;
}

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

article {
	padding: 1.65em 0;
	background-color: #f3f5f8;
}
}

/*------------------------

ヘッダー

------------------------*/


header {
    margin-bottom: 2px;
    background-color: #fff;
    background-image: url(../img/header-back.png);
    background-repeat: no-repeat;
    background-position: center 5px;
    box-shadow: 0 2px rgba(0, 0, 0, .06);
}


header.over {
	background-image: url(../img/header-back-over.png);
	background-repeat: no-repeat;
	background-position: center 5px;
}





img.aniversary50 {
    width: 70px !important;
    margin-right: 1rem;
    position: relative;
    bottom: 1.5rem;
}
.aniverse_flex {
    display: flex;
}
.wrap.aniverse_foot .aniverse_flex {
    justify-content: center;
}

.wrap.aniverse_foot {
    max-width: 1045px;
}

.wrap.aniverse_foot nav {
    margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {

header {
	padding-bottom: .7em;
}
	
.wrap.aniverse_foot nav {
    margin-bottom: 1rem;
}
	
img.aniversary50 {
    width: 60px !important;
    margin-right: 1rem;
    position: relative;
    bottom: 0.8rem;
}
	
	
}

header .navbar {
	margin-bottom: 0;
}

header .logo {
	margin-top: 2.5em;
}

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

header .logo {
	margin-top: 0;
	padding-top: 1.65em;
}

header .logo img {
	width: 200px;
}
}

header .navbar.navbar-right li {
	margin-right: 0;
	margin-left: 0;
	border-left: 1px solid #dde3eb;
}

header .navbar.navbar-right li:last-child {
	border-right: 1px solid #dde3eb;
}

header .navbar-right li a {
	width: 100px;
	height: 90px;
	padding: 1.5em 0;
	display: block;
	background-color: #fff;
	color: #434d54;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	text-align: center;
}

@media only screen and (min-width: 1200px) {

header .navbar-right li a:hover {
	border-top: 3px solid #00acee;
	background-color: #eef5fd;
	color: #108ccf;
	text-decoration: none;
}
}

header .navbar-right img {
	margin: 0 auto .5em;
	display: block;
}

.navigation-toggle {
	margin-top: .8em;
	margin-bottom: .3em;
	position: relative;
	z-index: 999;
	float: right;
	background-color: transparent;
}

.navigation-toggle:after {
	margin-top: -12px;
	padding-left: 2px;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 12px;
	content: '\f0c9';
	color: #108ccf;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 24px;
	line-height: 1;
}

.navigation-toggle span {
	width: 50px;
	height: 50px;
	padding: 0;
	position: relative;
	z-index: 999;
	display: block;
	border: 1px solid #108ccf;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
}

.navigation-toggle.navigation-toggle-show {
	margin-bottom: 0;
}

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

header nav.navbar-right,
header .navbar-right li,
header .navbar-right li a {
	width: 100%;
}

header .navbar.navbar-right li {
	border-bottom: 1px solid #dde3eb;
	border-left: 0;
}

header .navbar-right li a {
	height: auto;
	padding: 1em 0;
	border-bottom: 1px solid #dde3eb;
	background-color: #eef5fd;
	color: #108ccf;
	text-decoration: none;
}

header .navbar-right img {
	height: 25px;
	margin: 0 .7em 0 0;
	display: inline-block;
}
}

@media only screen and (min-width: 1060px) {

header .navbar-right a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
}

/*------------------------

メインスライダー

------------------------*/

.main-slider-back {
	padding: 1.65em 0 2em;
	color: rgba(255,255,255,1);
	margin-bottom: 0;
	background-color: #005c97;
	background: -webkit-linear-gradient(90deg, #005c97 10%, #363795 90%);
	background: -moz-linear-gradient(90deg, #005c97 10%, #363795 90%);
	background: -ms-linear-gradient(90deg, #005c97 10%, #363795 90%);
	background: -o-linear-gradient(90deg, #005c97 10%, #363795 90%);
	background: linear-gradient(90deg, #005c97 10%, #363795 90%);
}

.main-slider-back {
	background: linear-gradient(273deg, #067bbb, #1c2e92, #5c1783, #172383);
	background-size: 800% 800%;
	-webkit-animation: AnimationName 30s ease infinite;
	-moz-animation: AnimationName 30s ease infinite;
	-o-animation: AnimationName 30s ease infinite;
	animation: AnimationName 30s ease infinite;
}
@-webkit-keyframes AnimationName {
 0% {
background-position:0% 51%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 51%
}
}
@-moz-keyframes AnimationName {
 0% {
background-position:0% 51%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 51%
}
}
@-o-keyframes AnimationName {
 0% {
background-position:0% 51%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 51%
}
}
@keyframes AnimationName {
 0% {
background-position:0% 51%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 51%
}
}
/*
.main-slider-wrap {
	width: 882px;
	height: 450px;
	min-height: 100%;
	margin: auto;
	padding: 0;
}

.main-slider {
	width: 882px;
	height: 456px;
	overflow: hidden;
}

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

.main-slider-wrap {
	width: 100%;
	height: auto;
}

.main-slider {
	width: 100%;
	height: auto;
	overflow: hidden;
}
}

@media only screen and (min-width: 1060px) {

.main-slider a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
}
*/
/*------------------------

ニュース

------------------------*/

.top-news-wrap {
	margin-bottom: 0;
	padding: 1em;
	background-color: #108ccf;
}

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

.top-news-wrap {
	padding: .5em;
}

.top-news-wrap .wrap {
	width: 100%;
}
}

.top-news-wrap h1 {
	margin-top: .2em;
	margin-bottom: .2em;
	color: rgb(16, 140, 207);
	font-family: 'Roboto';
	font-size: 1.6rem;
	text-align: center;
}

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

.top-news-wrap h1 {
	margin-top: 0;
	margin-bottom: 0;
}
}

.top-news {
	margin-bottom: 0;
	padding: 1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	box-shadow: 0 2px rgba(0, 0, 0, .06);
}

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

.top-news {
	padding: .5em;
}
}

.top-news-list {
	height: 23px;
	overflow: hidden;
}

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

.top-news-list {
	height: auto;
	overflow: hidden;
}
}

.top-news .title,
.top-news .top-news-list,
.top-news .outside,
.top-news .list-btn {
	float: left;
}

.top-news .title {
	width: 14%;
	border-right: 1px dotted #108ccf;
	margin-right: 2%;
}

.top-news .top-news-list {
	width: 74%;
	overflow: hidden;
}

.top-news .outside {
	width: 7%;
}

.top-news .list-btn {
	width: 3%;
}

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

.top-news .top-news-list {
	width: 100%;
	overflow: hidden;
}
}

.top-news .list-btn {
	margin-top: -1px;
}

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

.top-news .title {
	border-right: 0;
}
}

@media only screen and (min-width: 1200px) {

.top-news .list-btn a:hover i {
	color: #de2c3b;
}
}

.top-news-list ul {
	margin: 0;
	padding: 0;
}

.top-news-list ul li {
	margin: .1em 0;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

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

.top-news-list ul li {
	margin: 0;
	padding: 0;
}
}

.top-news-list ul li span,
.top-news-list ul li a {
	line-height: 1.3;
}

.top-news-list a {
	color: #434d54;
}

@media only screen and (min-width: 1200px) {

.top-news .outside i:hover {
	color: #de2c3b;
}

.top-news-list a:hover {
	color: #108ccf;
	text-decoration: none;
}
}

.top-news-list .day {
	margin-right: 1em;
	color: #8f8f8f;
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
}

.top-news .list-btn a {
	color: #005eae;
	text-decoration: none;
}

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

.top-news {
	position: relative;
}

.top-news .title {
	width: 100%;
	margin-bottom: 0;
	margin-left: 0;
	float: none;
}

.top-news-list .day {
	display: block;
}

.top-news-list {
	width: 100%;
}

.top-news .outside {
	display: none;
}

.top-news .list-btn {
	position: absolute;
	top: .2em;
	right: 1.5em;
}
}

.top-news .outside p {
	margin-bottom: 0;
}

/*------------------------

チケット情報一覧

------------------------*/

.ticket-info {
	margin-bottom: 3em;
}

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

.ticket-info {
	margin-bottom: 1.65em;
}
}

.ticket-info span {
	background-color: transparent !important;
}

.pre-title,
.general-title,
.soon-title {
	margin-bottom: 1em;
	padding: 0 0 .8em 0;
	position: relative;
	font-size: 2.7rem;
	font-weight: normal;
}

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

.pre-title,
.general-title,
.soon-title {
	font-size: 2.3rem;
	font-weight: bold;
	padding: 0 0 .3em 0;
	margin-bottom: .5em;
}
}

.pre-title img,
.general-title img,
.soon-title img {
	margin-right: .5em;
	height: 30px;
}

@media only screen and (min-width: 1060px) {

.ticket-info a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
}

.pre-title {
	color: #ed0677;
}

.general-title {
	color: #108ccf;
}

.soon-title {
	color: #f3a019;
}

.pre-title:before,
.general-title:before,
.soon-title:before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 150px;
	display: block;
	border: 2px solid #dae0e9;
	content: '';
}

.pre-title:after,
.general-title:after,
.soon-title:after {
	width: 150px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: '';
}

.pre-title:after {
	border: 2px solid #ed0677;
}

.general-title:after {
	border: 2px solid #108ccf;
}

.soon-title:after {
	border: 2px solid #f3a019;
}

.ticket-info a.box {
	margin-bottom: 1.65em;
	display: block;
	background-color: rgb(255, 255, 255);
	box-shadow: 0 2px rgba(0, 0, 0, .06);
	color: #434d54;
	text-decoration: none;
}

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

.ticket-info a.box > div.units-row {
	margin-bottom: 0;
}

.ticket-info a.box {
	margin-bottom: 1em;
}
}

@media only screen and (min-width: 1200px) {

.ticket-info a.box:hover {
	background-color: rgba(255,255,255,.7);
	color: #434d54;
}
}

.pre a.box {
	background-image: url(../img/pre-icon.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.general a.box {
	background-image: url(../img/general-icon.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.soon a.box {
	background-image: url(../img/soon-icon.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

@media only screen and (min-width: 1200px) {

.pre a.box:hover {
	background-color: #f3e5ec;
}

.general a.box:hover {
	background-color: #eef5fd;
}

.soon a.box:hover {
	background-color: #f4eee4;
}
}

.ticket-info .units-row .unit-70 {
	padding: 1.65em 1.65em 1.65em 0;
}

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

.ticket-info .units-row .unit-70 {
	padding: 1.65em;
}
}

.ticket-info a.box h1 {
	color: #434d54;
}

.ticket-info a.box h1.name {
	font-size: 3.0rem;
}

.ticket-info a.box h1.name > * {
	font-size: 3.0rem !important;
}

@media only screen and (min-width: 1200px) {

.pre a.box:hover h1.name {
	color: #ed0677;
}

.general a.box:hover h1.name {
	color: #108ccf;
}

.soon a.box:hover h1.name {
	color: #f3a019;
}
}

.pre .unit-30 img,
.general .unit-30 img,
.soon .unit-30 img {
	margin-right: .5em;
}

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

.ticket-info .box img {
	margin: 0 auto;
	display: block;
}

.ticket-info .units-row .unit-70 {
	padding: 0 1em 1em 1em;
}
}

.ticket-info h1.title {
	font-size: 1.8rem;
	line-height: 1.5;
}

.ticket-info h1.title > * {
	font-size: 1.8rem !important;
}




.ticket-info .hall {
	margin-bottom: 1.65em;
	color: #9babc3;
	font-size: 14px;
}

.ticket-info .price {
	margin: 1.65em 0;
}

.ticket-info .day {
	margin: .5em 0;
}

.pre .note {
	color: #ed0677;
	font-weight: bold;
}

.general .note {
	color: #108ccf;
	font-weight: bold;
}

.soon .note {
	color: #f3a019;
	font-weight: bold;
}

/*------------------------

動画部分

------------------------*/
.soon-title.movie-title {
	color: #15c474;
}
	
.soon-title.movie-title:after {
	border: 2px solid #15c474;
}
	
.movie-box{
		margin-top: 30px;
	}
	
.movie-box iframe{
		display: block;
		max-width: 560px;
		height: 315px;
		width: 100%;
		margin: 0;
	}

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

.movie-box iframe{
		height: 280px;
	}
}


/*------------------------

バナーエリア

------------------------*/

.ban {
	margin-bottom: 0;
	background-color: #e7ebf1;
	text-align: center;
}

.ban ul {
	margin: 0;
	font-size: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.ban li {
	margin-right: 20px;
	display: inline-block;
	list-style: none;
}


.ban li div {
	height: 100px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	layout-grid-line: 100px;
}

.ban li a img {
	background-color: #fff;
}

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

.ban{
	padding-top: 20px;
}
.ban li {
	width:50%;
	margin-right: .4em;
	margin-bottom: 20px;
	display: inherit;
}

.ban li div {
	height: auto;
	display: inherit;
	text-align: center;
	layout-grid-line: auto;
	margin: 0 auto;
}

}
/*------------------------

ページトップへ戻る

------------------------*/

.bottom-btn {
	width: 130px;
	position: fixed;
	right: 0;
	bottom: 0;
	display: none;
}

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

.bottom-btn {
	width: 100%;
	position: relative;
	bottom: 0;
	display: block;
}
}

.bottom-btn a.btn {
	width: 130px;
	height: 80px;
	padding: 1.25em 0 1.1em 0;
	border-radius: 0;
	background-color: #00acee;
	box-shadow: none;
	text-shadow: none;
}

@media only screen and (min-width: 1200px) {

.bottom-btn a.btn:hover {
	margin-top: 0;
	margin-bottom: 0;
}
}

.bottom-btn a.btn.mail-link {
	background-color: #108ccf;
}

.bottom-btn a.btn.youtube-link {
	background-color: #ff0000;
}

.bottom-btn a.btn.twitter-link {
	background-color: #111;
	padding: 1.7em 0 1.1em 0;
}

.bottom-btn a.btn.insta-link {
	background-color: #108ccf;
	padding: 24px 0;
}


.bottom-btn a.btn.youtube-link img,
.bottom-btn a.btn.twitter-link img,
.bottom-btn a.btn.mail-link img,
.bottom-btn a.btn.insta-link img{
	margin: 0 auto .7em;
	display: block;
}

#pageTop {
	padding-top: 2em;
}

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

.bottom-btn a.btn {
	width: 100%;
	display: block;
}
}

/*------------------------

フッター

------------------------*/

footer {
	height: 250px;
	padding: 3em 0;
	background-color: #fff;
	background-image: url(../img/footer-back.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

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

footer {
	height: auto;
	background-position: right bottom;
	background-size: 300%;
}
}

footer .navbar.navbar-right li {
	margin: 0;
	border-right: 1px solid #bec6cb;
}

footer .navbar li a,
footer .navbar li a span {
	padding: 0 .7em;
	display: block;
	color: #434d54;
	font-family: 'Roboto', sans-serif;
	font-size: 1.3rem;
	font-weight: bold;
	text-decoration: none;
}

@media only screen and (min-width: 1200px) {

footer .navbar a:hover {
	text-decoration: none;
}
}

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

footer .navbar.navbar-left li {
	margin: 0 auto;
	display: block;
	border-right: 0;
	text-align: center;
}

footer .navbar.navbar-right li {
	border-right: 0;
}

footer .navbar.navbar-right li a,
footer .navbar.navbar-right li a span {
	padding: 1em .7em;
	display: block;
	border-bottom: 1px solid #dde3eb;
}

footer .navbar-right li a:before {
	margin-right: .5em;
	content: '\f0da';
	font: normal normal normal 14px/1 FontAwesome;
}
}

footer .copy {
	margin-bottom: 0;
	color: rgba(0,0,0,.5);
	text-align: center;
}

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

footer .copy {
	margin-bottom: 3em;
}
}

/*------------------------

中面

------------------------*/

.inner-title {
	padding: 2em 0 1em;
	border-top: 1px solid #dde3eb;
	background-image: url(../img/pat.png);
}

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

.inner-title {
	padding: .5em 0;
}
}

.inner-title h1 {
	padding: 0;
	color: #434d54;
}

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

.inner-title h1 {
	min-height: 50px;
	vertical-align: bottom;
}
}

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

.inner-title h1 {
	margin-bottom: 0;
	line-height: 1;
}
}

.inner-title .ttl {
	margin: 0;
	padding: 0 30px 0 20px;
	color: #434d54;
	font-family: 'Roboto', sans-serif;
	font-size: 4.0rem;
	vertical-align: middle;
}

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

.inner-title .ttl {
	padding: 0 10px;
	font-size: 2.3rem;
}
}

.inner-title .cap {
	margin: 20px 0 0;
	padding: 0 20px;
	border-left: 3px solid #108ccf;
	color: #108ccf;
	font-size: 1.6rem;
	vertical-align: middle;
}

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

.inner-title .cap {
	display: none;
}
}

.inner-title img {
	vertical-align: middle;
}

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

.inner-title img {
	width: 25px;
}
}

/*------------------------

パンくず

------------------------*/

.breadcrumbs-wrap {
	padding: .7em 0;
	background-color: #dae0e9;
}

.breadcrumbs a {
	color: #00acee;
	text-decoration: underline;
}

.breadcrumbs span {
	color: rgba(7,48,71,.77);
}

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

.breadcrumbs-wrap {
	padding: .3em 0;
}

.breadcrumbs {
	margin-top: 0;
	margin-bottom: 0;
}
}

/*------------------------

スケジュール

------------------------*/

.schedule-list .units-row .unit-20.day {
	width: 15.6%;
}

.schedule-list .units-row .unit-60 {
	width: 55.800000000000004%;
}

.schedule-list .units-row .unit-20.hall {
	width: 22.6%;
}

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

.schedule-list .units-row .unit-20.day,
.schedule-list .units-row .unit-60,
.schedule-list .units-row .unit-20.hall {
	width: 100%;
	margin-bottom: 1em;
	margin-left: 0;
	float: none;
}

.schedule-list .units-row .unit-20.hall {
	margin-bottom: 0;
}
}

.schedule-list a {
	padding-top: 1.65em;
	display: block;
	border-bottom: 1px solid #d9dee1;
	color: #434d54;
	text-decoration: none;
}

.schedule-list a:hover {
	background-color: #eef5fd;
	color: #108ccf;
}

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

.schedule-list a {
	margin-bottom: 1em;
	padding: 1em;
	border: 1px solid #d9dee1;
	border-bottom: 2px solid #dde3eb;
	background-color: #fff;
	background-image: url(../img/general-icon.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.schedule-list a > .units-row {
	margin-bottom: 0;
}
}

.schedule-list .day {
	font-weight: bold;
}

.schedule-list .name {
	margin-bottom: .5em;
	padding-right: 1em;
	color: #108ccf;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.3;
}

.schedule-list .name > * {

	font-size: 1.6rem !important;

}

.schedule-list .title {
	line-height: 1.5;
}

.schedule-list .title > * {
	font-size: 14px !important;
}


@media only screen and (max-width: 767px) {
/*
.schedule-list .name {
	font-size: 1.4em;
}*/
.schedule-list .name > * {
	font-size: 1.6rem !important;
}
	
}

.schedule-list .hall {
	color: #9babc3;
}

/*------------------------

スケジュール詳細

------------------------*/

.schedule-detail {
	padding: 3em 0;
	background: -webkit-linear-gradient(90deg, #005c97 10%, #363795 90%);
	background: -moz-linear-gradient(90deg, #005c97 10%, #363795 90%);
	background: -ms-linear-gradient(90deg, #005c97 10%, #363795 90%);
	background: -o-linear-gradient(90deg, #005c97 10%, #363795 90%);
	background: linear-gradient(90deg, #005c97 10%, #363795 90%);
	color: rgba(255,255,255,1);
}

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

.schedule-detail {
	margin-bottom: 0;
	padding: 1em 0 0;
}

.schedule-detail .units-row .unit-40,
.schedule-detail .units-row .unit-60 {
	margin-bottom: 0;
}
}

.schedule-detail h1 {
	margin-bottom: 1em;
	color: #a4daf7;
	font-size: 3.0rem;
	line-height: 1.35;
	letter-spacing: 1px;
}

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

.schedule-detail h1 {
	margin-bottom: .5em;
}
}

.schedule-detail h1.head-lines01 {
	color: #fff;
	font-size: 2.3rem;
	font-weight: normal;
	letter-spacing: 2px;
}

.schedule-detail h1 img {
	vertical-align: middle;
}

.schedule-detail table {
	margin-bottom: 0;
}

.schedule-detail table {
	border-spacing: 1em;
	border-collapse: separate;
}

.schedule-detail th,
.schedule-detail td {
	padding: 0 25px;
	border: 0;
	text-align: left;
	vertical-align: top;
	word-wrap: break-word;
	word-break: break-all;
}

.schedule-detail th {
	width: 100px;
	border-right: 1px solid rgba(255,255,255,.3);
	font-weight: bold;
	text-align: center;
	letter-spacing: .2em;
}

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

.schedule-detail th {
	width: 100%;
	padding: .3em 0;
	border: 0;
	background-color: #108ccf;
	color: #fff;
	font-size: 1.3rem;
}

.schedule-detail td {
	padding: 0;
	padding-top: 1em;
}
}

.schedule-detail td a {
	display: block;
	color: rgba(255,255,255,1);
}

.schedule-detail td a:hover {
	color: #00acee;
}

iframe[name='google_conversion_frame'] {
	width: 0 !important;
	height: 0 !important;
	margin-top: -13px;
	float: left;
	font-size: 0 !important;
	line-height: 0 !important;
}

.schedule-detail .unit-40 img {
	margin-bottom: 1.65em;
}

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

.schedule-detail .unit-40 img {
	margin-bottom: 0;
}
}

.schedule-detail p {
	margin-top: .5em;
	font-size: 1.2rem;
}
.schedule-detail p a{
	color: #E7EE00;
}
.schedule-detail p a:hover {
	color: #EE0000;
}

.schedule-detail-text {
	margin-bottom: 3em;
}

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

.schedule-detail-text {
	line-height: 2;
}
}

.schedule-detail .bxslider {
	margin: 0;
	padding: 0;
}

.schedule-detail .bxslider li {
	margin: 0;
	padding: 0;
	list-style: none;
}

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

.schedule-detail .bxslider li {
	margin-bottom: 1em;
}
}

.schedule-detail .tools-alert-blue {
	width: 358px;
	max-width: 100%;
	background-color: rgba(211,227,251,0.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	line-height: 1.4;
}

.schedule-detail .tools-alert-blue img {
	margin-bottom: 0;
}

.schedule-detail .tools-alert-blue .day {
	color: rgba(255,255,255,0.52);
}

.schedule-detail .tools-alert-blue .artist {
	border-bottom: 1px solid rgba(255,255,255,0.52);
	padding-bottom: .5em;
}

.schedule-detail .tools-alert-blue .title {
	margin-top: .5em;
	font-weight: bold;
	font-size: 1.6rem;
}

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

.schedule-detail .tools-alert-blue {
	width: 100%;
}

.schedule-detail .tools-alert-blue .units-row > div {
	margin-bottom: 0;
}

.schedule-detail .tools-alert-blue .day {
	margin-top: .5em;
}
}

/*------------------------

スケジュール詳細　記事部分 フォント強制設定

------------------------*/

.schedule-detail-text,
.schedule-detail-text p,
.schedule-detail-article,
.schedule-detail-article p {
	color: #000000;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

/*------------------------

新着情報

------------------------*/

.news-list .units-row {
	margin-bottom: 0;
	padding: 1.65em 0;
	display: block;
	border-bottom: 1px solid #d9dee1;
	color: #434d54;
	text-decoration: none;
}

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

.news-list .units-row {
	padding: 1em 0;
}
}

.news-list .units-row .unit-90 {
	width: 86.7%;
}

.news-list .units-row .unit-10 {
	width: 10.3%;
}

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

.news-list .units-row .unit-90,
.news-list .units-row .unit-10 {
	width: 100%;
	margin-bottom: 0;
	margin-left: 0;
	float: none;
}
}

.news-list .day {
	font-weight: bold;
}

.news-list a {
	display: block;
}

/*------------------------

コラム一覧

------------------------*/

.column-profile {
	margin-bottom: 0;
	padding: 3em 0;
	background: -webkit-linear-gradient(-90deg, #43cea2 10%, #185a9d 90%);
	background: -moz-linear-gradient(-90deg, #43cea2 10%, #185a9d 90%);
	background: -ms-linear-gradient(-90deg, #43cea2 10%, #185a9d 90%);
	background: -o-linear-gradient(-90deg, #43cea2 10%, #185a9d 90%);
	background: linear-gradient(-90deg, #43cea2 10%, #185a9d 90%);
	color: #fff;
}

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

.column-profile {
	padding: .5em 0;
}
}

.column-profile .name {
	margin-top: .5em;
	margin-bottom: 1em;
	color: #fff;
	font-size: 25px;
}

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

.column-profile .name {
	margin-bottom: .5em;
}
}

.column-profile .nameSub {
	color: rgba(255,255,255,.5);
	font-family: 'Roboto', sans-serif;
	font-size: 1.6rem;
	font-style: italic;
	letter-spacing: .2em;
}

.column-profile .description {
	margin-top: 10px;
	padding-top: 20px;
	position: relative;
}

.column-profile .description:after {
	width: 45px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	border-top: 1px solid rgba(255,255,255,.2);
	content: '';
}

.column-profile .description a {
	color: #fff;
}

.column-profile .description a:hover {
	text-decoration: none;
}

.pagination li {
	color: #434d54;
}

.pagination span,
.pagination li.active a,
.pagination li.active a:hover {
	background-color: #e7ebf1;
	cursor: text;
	color: #434d54;
}

.pagination li a:hover {
	background-color: #108ccf;
}

.pagination b {
	padding: 7px 9px;
	display: block;
	border-radius: 2px;
	color: #434d54;
	line-height: 1;
	text-decoration: none;
}

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

.pagination {
	width: 94%;
	height: auto;
	min-height: 100%;
	margin: auto;
	padding: 0;
}

.pagination .page {
	width: 100%;
	display: block;
}
}

/*------------------------

コラム詳細

------------------------*/

.column-detali {
	margin-bottom: 0;
}

.column-detali .wrap {
	width: 94%;
	max-width: 860px;
	height: auto;
	min-height: 100%;
	margin: auto;
	padding: 0;
}

.column-detali p {
	font-size: 1.6rem;
	line-height: 1.8;
}

/*------------------------

トピックス

------------------------*/

.topics .units-row {
	margin-bottom: 0;
	padding: 3em 0;
	border-bottom: 1px dotted #c6c8cb;
}

.topics .title {
	font-size: 1.8rem;
	line-height: 1.61;
	font-weight: 600;
	color: #434d54;
}

.topics .day {
	margin-bottom: 1em;
}

.topics p {
	color: rgba(67,77,84,.70);
}

.topics .tools-alert {
	margin-bottom: 0;
	padding: 1.65em;
	font-size: 1.6rem;
	line-height: 1.8;
}

.topics .unit-80 {
	width: 76.4%;
}

.topics .unit-20 {
	width: 20.6%;
}

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

.topics .units-row .unit-80,
.topics .units-row .unit-20 {
	width: 100%;
	margin-bottom: 1em;
	margin-left: 0;
	float: none;
}

.topics .units-row .unit-80 {
	margin-bottom: 0;
}

.topics img {
	margin: 0 auto;
	display: block;
}

.topics .tools-alert {
	background-color: #fff;
}

.topics > .units-row {
	margin-bottom: 0;
	padding: 1em 0;
}
}

/*------------------------

よくあるご質問

------------------------*/


.block-faq dl {
	width: 100%;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px dotted #c6c8cb;
}

.block-faq dl:last-child,
.block-faq dl.block-item-last {
	margin-bottom: 0;
	border-bottom: 1px solid #e2e6e8;
}

.block-faq dt {
	margin-bottom: 13px;
	padding-left: 38px;
	position: relative;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

.block-faq dt:before {
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	margin-right: 14px;
	margin-left: -38px;
	padding-top: 5px;
	padding-right: 1px;
	position: relative;
	top: -2px;
	display: inline-block;
	border-radius: 50%;
	background-color: #108ccf;
	content: 'Q';
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
}

.block-faq dd {
	padding-left: 38px;
	position: relative;
}

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

.block-faq dd:before {
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	margin-right: 14px;
	margin-left: -38px;
	padding-top: 5px;
	position: relative;
	top: -2px;
	display: inline-block;
	border-radius: 50%;
	background-color: #c8cfd3;
	content: 'A';
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
}

/*------------------------

ホール

------------------------*/

.hall-wrap {
	width: 94%;
	max-width: 860px;
	height: auto;
	min-height: 100%;
	margin: auto;
	padding: 0;
}

.hall-list .units-row {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px dotted #c6c8cb;
}

.hall-list h1 {
	margin-bottom: 1.65em;
	border: 0;
	font-size: 1.9rem;
}

.hall-list h1 a {
	display: block;
	text-decoration: none;
}

.hall-list h1 a:after {
	margin-left: 1em;
	padding: .1em .7em;
	background-color: #108ccf;
	content: 'GOOGLE MAP';
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 1.1rem;
	text-align: center;
	letter-spacing: .1em;
}

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

.hall-list h1 {
	margin-bottom: 1em;
	border: 0;
	font-size: 2.3rem;
}

.hall-list h1 a:after {
	display: none;
}
}

.hall-list h1 a:hover:after {
	background-color: #de2c3b;
}

.hall-list ul {
	margin: 0;
}

.hall-list ul li {
	margin-bottom: .5em;
	list-style: none;
}

.hall-list .add:before,
.hall-list .tel:before,
.hall-list .url:before {
	width: 100px;
	margin-right: 1em;
	padding: .1em .7em;
	display: inline-block;
	background-color: #c8cfd3;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	text-align: center;
	letter-spacing: .2em;
}

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

.hall-list .add:before,
.hall-list .tel:before,
.hall-list .url:before {
	width: 100%;
	display: block;
	text-align: left;
}
}

.hall-list .add:before {
	content: 'ADDRESS';
}

.hall-list .tel:before {
	content: 'TEL';
}

.hall-list .url:before {
	content: 'URL';
}

.hall-list .url a:after {
	margin-left: .5em;
	display: inline-block;
	content: '\f08e';
	color: #108ccf;
	font-family: FontAwesome;
}

/*------------------------

お問い合わせ

------------------------*/

.contact-wrap {
	width: 94%;
	max-width: 600px;
	height: auto;
	min-height: 100%;
	margin: auto;
	padding: 0;
}

.contact-list .units-row {
	margin-bottom: 2em;
	padding-bottom: 25px;
	border-bottom: 1px dotted #c6c8cb;
}

.contact-list h1 {
	margin-bottom: 1.65em;
	border: 0;
	font-size: 1.9rem;
}

.contact-list {
	margin-bottom: 1em;
	border: 0;
}

.contact-list ul {
	margin: 0;
}

.contact-list ul li {
	margin-bottom: .5em;
	list-style: none;
	color: #7a8b95;
	font-family: 'Roboto', sans-serif;
	font-size: 1.6rem;
	letter-spacing: .1em;
}

.contact-list .url a {
	font-size: 1.4rem;
	letter-spacing: 0;
}

.contact-list small {
	margin-left: 1em;
}

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

.contact-list small {
	display: block;
}
}

.contact-list .info:before,
.contact-list .contact:before,
.contact-list .url:before {
	width: 120px;
	margin-right: 1em;
	padding: .1em .7em;
	position: relative;
	top: -2px;
	display: inline-block;
	background-color: #c8cfd3;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	text-align: center;
	letter-spacing: .2em;
}

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

.contact-list .info:before,
.contact-list .contact:before,
.contact-list .url:before {
	width: 100%;
	display: block;
	text-align: left;
}
}

.contact-list .info:before {
	content: '受付';
}

.contact-list .contact:before {
	content: 'お問い合わせ';
}

.contact-list .url:before {
	content: 'URL';
}

.contact-list .url a:after {
	margin-left: .5em;
	display: inline-block;
	content: '\f08e';
	color: #108ccf;
	font-family: FontAwesome;
}

/*------------------------

会社概要

------------------------*/

.company {
	margin-bottom: 0;
}

.company .wrap {
	width: 94%;
	max-width: 860px;
	height: auto;
	min-height: 100%;
	margin: auto;
	padding: 0;
}

.table th,
.table td {
	padding: 15px 25px;
	border: 1px solid #e2e6e8;
	text-align: left;
	vertical-align: top;
	word-wrap: break-word;
	word-break: break-all;
}

.table th {
	background-color: #f3f5f8;
	color: #434a54;
	font-weight: bold;
}

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

.table {
	border-bottom: 1px solid #e2e6e8;
}

.table th,
.table td {
	border-bottom: 0;
}

.table td {
	background-color: #fff;
}
}

.table ul {
	margin: 0 0 0 1em;
}

/*------------------------

ボタン

------------------------*/

.btn.btn-big,
.btn.btn-big.btn-blue,
.btn.btn-big.btn-red {
	padding: 1.25em 4em 1.1em 4em;
}

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

.btn.btn-big,
.btn.btn-big.btn-blue,
.btn.btn-big.btn-red {
	padding: 1.25em 2em 1.1em 2em;
}
}

.btn,
input.btn {
	padding: 1.25em 2.65em 1.1em 2.65em;
	border: 0;
	border-radius: 3px;
	background-color: #a1aab0;
	box-shadow: 0 3px 0 0 #66727a;
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 1.333;
	text-shadow: 0 2px 0 rgba(0, 0, 0, .2);
}

@media only screen and (min-width: 1060px) {

.btn:hover,
input.btn:hover {
	margin-top: 3px;
	margin-bottom: -3px;
	background-color: #66727a;
	box-shadow: none;
	color: rgba(204,204,204,1.00);
	text-decoration: none;
}
}

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

.btn:hover,
input.btn:hover {
	padding: 1.25em 2.65em 1.1em 2.65em;
	border: 0;
	border-radius: 3px;
	background-color: #a1aab0;
	box-shadow: 0 3px 0 0 #66727a;
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 1.333;
	text-shadow: 0 2px 0 rgba(0, 0, 0, .2);
}
}

.btn.btn-blue {
	padding: 1.25em 2.65em 1.1em 2.65em;
	border: 0;
	border-radius: 3px;
	background-color: rgb(0, 94, 174);
	box-shadow: 0 3px 0 0 rgba(0, 59, 110, 1);
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 1.333;
	text-shadow: 0 2px 0 rgba(0, 0, 0, .2);
}

@media only screen and (min-width: 1060px) {

.btn.btn-blue:hover {
	margin-top: 3px;
	background-color: rgba(0,81,150,1.00);
	box-shadow: none;
	color: rgba(168,185,220,1.00);
	text-decoration: none;
}
}

.btn.btn-red,
input[type='submit'].btn-red {
	padding: 1.25em 2.65em 1.1em 2.65em;
	border: 0;
	border-radius: 3px;
	background-color: #de2c3b;
	box-shadow: 0 3px 0 0 #a91a26;
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 1.333;
	text-shadow: 0 2px 0 rgba(0, 0, 0, .2);
}

@media only screen and (min-width: 1060px) {

.btn.btn-red:hover,
input[type='submit'].btn-red:hover {
	margin-top: 3px;
	margin-bottom: -3px;
	background-color: #a91a26;
	box-shadow: none;
	text-decoration: none;
}
}

/*------------------------

テーブル

------------------------*/

table td {
	word-break: break-all;
}

@media (max-width: 767px) {

th,
 td {
	width: 100%;
	display: block;
}

th {
	width: 100%;
	display: block;
	background-color: #eee;
}

table .width-90,
 table .width-80,
 table .width-75,
 table .width-70,
 table .width-66,
 table .width-65,
 table .width-60,
 table .width-50,
 table .width-40,
 table .width-35,
 table .width-33,
 table .width-30,
 table .width-25,
 table .width-20,
 table .width-10 {
	width: 100%;
}
}

/*------------------------

フォーム

------------------------*/

input[type='text'],
input[type='password'],
input[type='email'],
input[type='url'],
input[type='phone'],
input[type='tel'],
input[type='number'],
input[type='datetime'],
input[type='date'],
input[type='month'],
input[type='color'],
input[type='time'],
input[type='search'],
input[type='datetime-local'] {
	padding: .7em .5em;
	border: 1px solid #ddd;
	border-radius: 3px;
}

label,
select {
	cursor: pointer;
}

input[type='submit'],
input[type='reset'],
input[type='button'] {
	font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Lucida Grande', 'Lucida Sans Unicode', 'ＭＳ Ｐゴシック', Arial, Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	-webkit-appearance: button;
}

.form {
	width: 100%;
	margin-bottom: 3em;
	background-color: #fff;
}

.form .label {
	float: right;
}

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

.form {
	margin-bottom: 1.65em;
}
}

.form th,
.form td {
	padding: 1em;
	border: 1px solid #e5e5e5;
	text-align: left;
}

.form th {
	width: 200px;
	background-color: #f7f7f7;
}

.form th.red {
	background-color: #ffe1e4;
	color: #000;
}

.form td.red {
	background-color: #fff4f5;
}

@media (max-width: 767px) {

.form th,
.form td {
	width: 100%;
	margin-top: -1px;
	display: block;
}

.form td input[type='text'] {
	width: 100%;
}

.form td input[type='text'].width-20 {
	width: 40%;
}
}

.form ul,
.form li {
	margin-bottom: 0;
}

.form li {
	margin-top: .5em;
	margin-bottom: .5em;
}

.btn-area {
	margin: 0 auto;
	text-align: center;
}

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

.btn-area .btn {
	width: 100%;
	margin-bottom: 1em;
	display: block;
}
}

.tools-alert-black {
	padding: 1.65em;
}

.tools-alert-black p {
	margin-bottom: 0;
}

.tools-alert-black i {
	color: #de2c3b;
}

/*------------
radio
------------*/

[type='radio']:checked,
[type='radio']:not(:checked) {
	visibility: hidden;
}

[type='radio']:checked + label,
[type='radio']:not(:checked) + label {
	padding-left: 28px;
	position: relative;
	display: inline-block;
	cursor: pointer;
	color: #666;
	line-height: 20px;
}

[type='radio']:checked + label:before,
[type='radio']:not(:checked) + label:before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
	content: '';
}

[type='radio']:checked + label:after,
[type='radio']:not(:checked) + label:after {
	width: 12px;
	height: 12px;
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	background: #005eae;
	content: '';
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

[type='radio']:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

[type='radio']:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*------------------------

リスト

------------------------*/

.list-flat {
	margin-bottom: 0;
}

.list-flat li {
	margin-bottom: 1em;
}

.list-flat li:last-child {
	margin-bottom: 0;
}

.list-left li {
	margin-right: 1em;
	float: left;
}

.list-left li:last-child {
	margin-right: 0;
}

.link {
	margin: 0;
}

.link li {
	list-style: none;
	line-height: 1.35;
}

.link li a {
	margin-left: 1em;
	display: block;
	text-decoration: none;
	text-indent: -1em;
}

.link li a:before {
	margin-right: .5em;
	content: '\f0da';
	color: #e60013;
	font: normal normal normal 14px/1 FontAwesome;
}

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

.link li {
	margin-bottom: 1.65em;
	float: none;
}

.link li a {
	display: block;
}
}

.list-before li:before {
	width: 1em;
	margin-left: -1em;
	padding: .5em 0;
	display: block;
	float: left;
	content: '';
	color: #007f2d;
	font-family: 'FontAwesome';
	text-align: center;
}

.list-before li.second:before {
	width: 1em;
	margin-left: 0;
	padding: .5em 0;
	display: block;
	float: left;
	content: '';
	color: #007f2d;
	font-family: 'FontAwesome';
	text-align: center;
}

.list-after li {
	padding-right: 15px;
	position: relative;
}

.list-after li:after {
	margin-top: -12px;
	position: absolute;
	top: 50%;
	right: 10px;
	content: '';
	color: #007f2d;
	font-family: 'FontAwesome';
}

.list-centered {
	text-align: center;
}

.list-centered ul {
	display: inline-block;
	zoom: 1;
}

/*------------------------

画像

------------------------*/

@media only screen and (min-width: 1060px) {

a:hover img {
	opacity: .7;
	filter: alpha(opacity=70);
	-moz-opacity: .7;
}
}

img.left {
	margin-right: 1em;
}

img.right {
	margin-left: 1em;
}

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

img.img-100 {
	width: 100%;
}
}

/*------------------------

レイアウト

------------------------*/

.v-bottom {
	position: absolute !important;
	right: 0;
	bottom: 0;
}

.v-center {
	width: 100%;
	display: table;
}

.v-center p,
.v-center > div,
.v-center img {
	padding: 0 .5em;
	display: table-cell;
	vertical-align: middle;
}

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

.v-center img {
	min-width: 150px;
	margin: 0;
	padding: 0 10px;
}
}

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

.v-center p,
 .v-center div {
	width: 100%;
	margin: 0 0 1.6em;
	padding: 0;
	display: block;
	text-align: left;
}

.v-center img {
	margin: 0 0 1.6em;
	padding: 0;
	display: block;
}
}

img {
	vertical-align: bottom;
}

.img-centered img {
	margin: 0 auto;
	display: block;
}

.btn-centered {
	text-align: center;
}

/*------------------------

Typography

------------------------*/

a {
	color: #108ccf;
}

i {
	margin: 0 .5em;
	color: #005eae;
}

em,
i {
	font-style: normal;
}

.red {
	color: #c3000f;
}

.color-333 {
	color: #333;
}

.head-lines01 {
	margin-bottom: 1em;
	padding-bottom: .5em;
	padding-left: 21px;
	border-bottom: 2px solid #108ccf;
	color: #434d54;
	font-size: 2.4rem;
	line-height: 1.35;
	letter-spacing: 1px;
}

.head-lines01:before {
	width: 16px;
	height: 16px;
	margin-right: 9px;
	margin-left: -25px;
	display: inline-block;
	border: 4px solid #108ccf;
	border-radius: 50%;
	content: '';
}

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

.head-lines01 {
	margin-bottom: .5em;
}
}

.head-lines02 {
	margin-bottom: 1em;
	color: #434d54;
	font-size: 1.6rem;
	line-height: 1.35;
	letter-spacing: 1px;
}

.head-lines03 {
	margin-bottom: 1em;
	color: #108ccf;
}

/*------------------------

フォントサイズ

------------------------*/

html {
	font-size: 62.5%;   /*10px reset*/
}

body {
	color: #434d54;
	/*-----------
    font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Lucida Grande', 'Lucida Sans Unicode', 'ＭＳ Ｐゴシック', Arial, Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -------------*/
	font-family: Arial, Roboto, 'Droid Sans', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	font-size: 1.4rem;
	line-height: 1.8;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

body {
	font-size: 14px;    /*13px* base　chromeのみページ変遷時にhtml設定を読み込まないバグのためのハック*/
}
}

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

body {
	font-size: 1.6rem;  /*16px* base*/
}
}

.font06 {
	font-size: .6rem;
}

.font07 {
	font-size: .7rem;
}

.font08 {
	font-size: .8rem;
}

.font09 {
	font-size: .9rem;
}

.font10 {
	font-size: 1.0rem;
}

.font11 {
	font-size: 1.1rem;
}

.font12 {
	font-size: 1.2rem;
}

.font13 {
	font-size: 1.3rem;
}

.font14 {
	font-size: 1.4rem;
}

.font15 {
	font-size: 1.5rem;
}

.font16 {
	font-size: 1.6rem;
}

.font17 {
	font-size: 1.7rem;
}

.font18 {
	font-size: 1.8rem;
}

.font19 {
	font-size: 1.9rem;
}

.font20 {
	font-size: 2.0rem;
}

.font21 {
	font-size: 2.1rem;
}

.font22 {
	font-size: 2.2rem;
}

.font23 {
	font-size: 2.3rem;
}

.font24 {
	font-size: 2.4rem;
}

.font25 {
	font-size: 2.5rem;
}

.font26 {
	font-size: 2.6rem;
}

.font27 {
	font-size: 2.7rem;
}

.font28 {
	font-size: 2.8rem;
}

.font29 {
	font-size: 2.9rem;
}

.font30 {
	font-size: 3.0rem;
}

.font31 {
	font-size: 3.1rem;
}

.font32 {
	font-size: 3.2rem;
}

/*------------------------

余白

------------------------*/

.mt-05 {
	margin-top: -5px;
}

.mt05 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt70 {
	margin-top: 70px;
}

.mt100 {
	margin-top: 100px;
}

.mt_20 {
	margin-top: -20px;
}

.mtb05 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.mtb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.mtb15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.mtb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mtb30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.mb05 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.ml05 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.ml30 {
	margin-left: 30px;
}

.mr05 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.pt40 {
	padding-top: 40px;
}

/*------------------------

表示・非表示

------------------------*/

.display-no {
	display: none;
}

br.sp_only {
	display: none;
}

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

br.both {
	display: block;
}

br.sp_only {
	display: block;
}
}

.hidden {
	display: none;
	visibility: hidden;
}

.visible-phone {
	display: none !important;
}

.visible-tablet {
	display: none !important;
}

.hidden-desktop {
	display: none !important;
}

.visible-desktop {
	display: inline-block !important;
}

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

.hidden-desktop {
	display: inherit !important;
}

.visible-desktop {
	display: none !important;
}

.visible-tablet {
	display: inherit !important;
}

.hidden-tablet {
	display: none !important;
}
}

@media (max-width: 767px) {

.hidden-desktop {
	display: inherit !important;
}

.visible-desktop {
	display: none !important;
}

.visible-phone {
	display: inherit !important;
}

.hidden-phone {
	display: none !important;
}
}

/*------------------------

clearfix

------------------------*/

.clearfix:before,
.clearfix:after {
	height: 0;
	display: block;
	overflow: hidden;
	content: '.';
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
} /* IE < 8 */

/*------------------------

print

------------------------*/

@media print {

.wrap,
.wrap-1440 {
	width: 980px;
}
}