@charset "UTF-8";
	
blockquote,body,dd,dir,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,listing,menu,ol,p,plaintext,pre,ul,xmp{
	margin:0;
	padding: 0;
	list-style: none;
}
article,aside,footer,header,hgroup,li,main,nav,section{
	display:block;
}
q:after,q:before{
	content:none;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
@media screen and (max-width:679px) {
	table,
	table th {
		width: auto !important;
	}
	table.dot_table{
		width: 80% !important;
	}
	table.responsive tr{
		display: block;
	}
	table.responsive th,
	table.responsive td{
		text-align:left;
		width:96% !important;
		display: list-item;
		list-style:none;
	}
	table.responsive tr table{
		display: table;
	}
	table.responsive th table th,
	table.responsive td table td{
		width:auto !important;
		display: table-cell;
	}
	table.noresponsive tr{
		display: table-row;
	}
	table.noresponsive th,
	table.noresponsive td{
		text-align:left;
		width:100% !important;
		display: table-cell;
		list-style:none;
	}
	table.noresponsive tr table{
		display: table;
	}
	table.noresponsive th table th,
	table.noresponsive td table td{
		width:auto !important;
		display: table-cell;
	}
}
img{
/*	height:auto !important;*/
}
@media screen and (min-width:481px){
	.pc_only{
		display:block;
	}
	.sp_only{
		display:none;
	}
}
@media screen and (max-width:480px){
	.pc_only{
		display:none;
	}
	.sp_only{
		display:block;
	}
}

dir,fieldset,legend,menu,ol,ul{
	padding:0
}
.effect-fade {
	opacity : 0;
	transform : translate(0, 100px);
	transition : all 300ms;
}

.effect-fade.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
	transition-duration: 500ms;
}
.is-visibled{
	opacity:1;
	transform:scale(1)
}
*,:after,:before{
	box-sizing:border-box;
}
html{
	font:400 16px/1.625 "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
	color:#000;
	-webkit-font-smoothing:antialiased;
	-webkit-print-color-adjust:exact;
	-webkit-text-size-adjust:100%;
}
a{
	text-decoration:none;
	color:inherit;
}
a:hover{
	text-decoration:underline;
}

article a{
	color:#004893;
	text-decoration:underline;
	cursor: pointer;
}
article a:hover{
	text-decoration:underline;
}
article a:link,article a:vlink{
	color:#004893;
}
article a:hover,article a:active{
	color:#4488d1;
}
hr{
	border:none;
	border-top:2px solid #000;
	width: 60%;
	display: inline-block;
	height: 1.5em;
}

img{
	height:auto;
	max-width:100%;
	vertical-align:bottom;
	margin-left: auto;
	margin-right: auto;
}

.wrapper{
	background-color:transparent;
}
.header{
	position:relative;
	z-index:2;
	height:90px;
}
.header .header-wrap{
	position:absolute;
	top:90px;
	left:0;
	width:100%;
	background-color:#0068b7;
	border-bottom:1px solid rgba(0,0,0,.2);
	transition:background-color .5s,transform 125ms;
	transform:translateY(-100%);
}
.header .header-inner{
	display:-ms-flexbox;
	display:flex;
	margin:0 auto;
	padding:18px 10px 18px 20px;
	max-width:1064px;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-align:center;
	align-items:center;
}
.header .site-logo{
	position:relative;
	line-height:1;
}
.header .site-logo a{
	display:block;
	transition:opacity .15s;
}
.header .site-logo__rikoran{
	position:absolute;
	top:50%;
	left:0;
	z-index:-1;
	opacity:0;
	transform:translateY(-50%)
}
.header.is-fixed .header-wrap{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background-color:rgba(0,104,183,1);
	color:#FFFFFF;
	transform:translateY(0);
	transition:background-color .5s,transform .5s
}
.header.is-fixed .site-logo__asari{
	opacity:0
}
.header.is-fixed .site-logo__rikoran{
	z-index:0;
	opacity:1;
	padding-left: 8px;
	padding-top: 10px;
}
.header.is-fixed .site-logo__rikoran img{
	/*width:192px !important;*/
}
.footer{
	padding:30px 0;
	background-color:#fff;
}
.footer .footer-wrap{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #e1e1e1;
}
.footer .footer-inner{
	display:-ms-flexbox;
	display:flex;
	margin:0 auto;
	padding:0 20px;
	max-width:1200px;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-align:center;
	align-items:center;
}
.footer .site-logo{
	display:-ms-flexbox;
	display:flex;
	font-size:.875rem;
	-ms-flex-align:center;
	align-items:center;
}
.footer .site-logo img{
	margin-right:18px;
}
.footer .related-link-list{
	display:-ms-flexbox;
	display:flex;
}
.footer .related-link-list__item:not(:last-child){
	margin-right:10px
}
.footer .related-link-list__item a{
	display:block;
	line-height:1;
}
.footer .footer-nav{
	margin-bottom:15px;
}
.footer .footer-nav__item{
	font-size:.875rem
}
.footer .footer-nav__item:not(:last-child){
	margin-right:30px;
}
.footer .copy-right{
	font-size:.875rem;
}
@media screen and (min-width:1200px){
}
@media screen and (min-width:768px){
	.header .menu{
		margin:0;
		min-height:3.5em;
/*		width:80%; 感染症メニュー確保用*/
		padding-right:5px;
	}
	.sp{
		display:none;
	}
}
@media screen and (max-width:767px){
	
	.pc{
		display:none;
	}
	.header{
		height:82px;
	}
	.header .header-wrap{
		top:82px;
	}
	.header .header-inner{
		padding:10px;
	}
	.header .site-logo img{
		width:auto;
/*		height:25px*/
	}
	.header .menu{
		margin:-10px
	}
	.header .menu .menu-btn{
		position:relative;
		display:-ms-flexbox;
		display:flex;
		width:44px;
		height:44px;
		-ms-flex-direction:column;
		flex-direction:column;
		-ms-flex-pack:center;
		justify-content:center;
		-ms-flex-align:center;
		align-items:center
	}
	.header .menu .menu-btn__bar{
		position:absolute;
		top:50%;
		left:50%;
		display:block;
		width:15px;
		height:2px;
		background-color:#FFFFFF;
		transform:translate(-50%,-50%)
	}
	.header .menu .menu-btn__bar--top{
		margin-top:-4px;
		transition:transform .3s
	}
	.header .menu .menu-btn__bar--middle{
		transition:opacity .3s
	}
	.header .menu .menu-btn__bar--bottom{
		margin-top:4px;
		transition:transform .3s
	}
	.header .menu .menu-btn.is-opened .menu-btn__bar{
		position:absolute;
		top:50%;
		left:50%;
		margin-top:0
	}
	.header .menu .menu-btn.is-opened .menu-btn__bar--top{
		transform:translate(-50%,-50%) rotate(45deg)
	}
	.header .menu .menu-btn.is-opened .menu-btn__bar--middle{
		opacity:0
	}
	.header .menu .menu-btn.is-opened .menu-btn__bar--bottom{
		transform:translate(-50%,-50%) rotate(-45deg)
	}
	.header.is-fixed .site-logo__yuta{
		padding-left:10px;
	}
	.header .site-logo__yuta img{
		height:50px !important
	}
	.footer{
		padding:20px 0 15px
	}
	.footer .footer-wrap{
		margin-bottom:15px;
		padding-bottom:15px
	}
	.footer .footer-inner{
		-ms-flex-wrap:wrap;
		flex-wrap:wrap
	}
	.footer .site-logo{
		display:block;
		padding-left:40px;
		max-width:calc(100% - 114px)
	}
	.footer .site-logo img{
		position:relative;
		left:-40px;
		margin:0 0 3px;
		width:auto;
		height:25px
	}
	.footer .related-link-list__item{
		width:24px
	}
	.footer .related-link-list__item:not(:last-child){
		margin-right:6px
	}
	.footer .footer-nav{
		width:100%
	}
	.footer .footer-nav__item{
		display:block
	}
	.footer .footer-nav__item:not(:last-child){
		margin:0 0 6px
	}
	.footer .copy-right{
		width:100%;
		font-size:.75rem
	}
	.c-information{
		margin-top:20px
	}
	.c-information__headline{
		margin-bottom:4px;
		font-size:.875rem
	}
	.c-information__text{
		font-size:.875rem;
		line-height:1.5
	}
	.c-tel-button{
		display:block
	}
	.c-headline-1{
		padding-top:36px;
		background-size:auto 30px
	}
	.c-headline-1:after,.c-headline-1:before{
		margin-top:15.5px
	}
	.c-headline-1 span img{
		margin:0 10px;
		width:auto;
		height:24px
	}
	.c-headline-2 span{
		padding-bottom:2px;
		font-size:1.125rem;
		line-height:1.5;
		border-bottom-width:3px
	}
	.c-headline-3{
		font-size:18px;
		margin-bottom:8px
	}
	.c-cloud{
		display:none
	}
}
main{
	width: 1200px;
}
article,.contact{
max-width: 1064px;
margin: 0 auto;
}


section{
}
.staff_title,
.schedule_title,
.access_title{
}

.sakuhin_title{
}

/*---------------ここからmainイメージ部分-------------------------------*/
.main_back{
}
section.section_main{
	padding:0;
	margin-bottom: 30px;
	text-align:center;
	background-image: radial-gradient(circle at 50% 25%, rgba(253, 254, 254, 1) 10%, rgba(220, 225, 230, 1) 50%, rgba(198, 205, 215, 1) 90%);
	box-shadow: 0px 0px 20px 15px #0a1446;
	overflow: hidden;
}
.main_back_PC{
	position:relative;
	width:100%; 
	max-width:1064px; 
	margin:0 auto;
}
.main_back_PC .main_img {
	position:relative;
	top:0%;
	right:0%;
	max-height:100%;
	width:100%;
}
.main_copy,
.main_date,
.main_img01,
.main_img02,
.main_img03,
.main_img04,
.main_img05,
.main_img06,
.main_img07,
.main_img10,
.main_img11,
.main_img12{
	position:absolute;
	top:0%;
	right:0%;
	max-height:100%;
	width:auto;
}

/* main animation */


.anim-box-img01,
.anim-box-img02 {
  animation: slideIn-img01 2s cubic-bezier(0.25,0,0.75,1) 1 forwards;
}
@keyframes slideIn-img01 {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}


.anim-box-img03 {
  animation: slideIn-img03 1.8s cubic-bezier(0,1,1,1) 1 forwards;
}
@keyframes slideIn-img03 {
  0% {
	transform-origin:49% 21%;
	transform:scale(0.7);
	opacity: 0;
  }
  100% {
	transform:scale(1);
    opacity: 1;
  }
}
.anim-box-img05 {
  animation: slideIn-img05 2s cubic-bezier(0,1,1,1) 1 forwards;
}
@keyframes slideIn-img05 {
  0% {
	transform-origin:41% 59%;
	transform:scale(0.7);
	opacity: 0;
  }
  100% {
	transform:scale(1);
    opacity: 1;
  }
}
.anim-box-img07 {
  animation: slideIn-img07 2.5s cubic-bezier(0,1,1,1) 1 forwards;
}
@keyframes slideIn-img07 {
  0% {
	transform-origin:55% 13%;
	transform:scale(0.7);
	opacity: 0;
  }
  100% {
	transform:scale(1);
    opacity: 1;
  }
}

.anim-box-img04,
.anim-box-img06 {
  animation: slideIn-img04 2s cubic-bezier(1,0,.5,1) 1 forwards;
}
@keyframes slideIn-img04 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.anim-box-img10,
.anim-box-img11,
.anim-box-img12 {
  animation: slideIn-img10 3.5s cubic-bezier(.9,-0.49,.61,1.23) 1 forwards;
}
@keyframes slideIn-img10 {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.anim-box-copy {
  animation: slideIn-copy 3.5s cubic-bezier(1,-1,1,1) 1 forwards;
}
@keyframes slideIn-copy {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.anim-box-date {
  animation: slideIn-date 6.5s cubic-bezier(1,-1,1,1) 1 forwards;
}
@keyframes slideIn-date {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.anim-box-main {
  animation: slideIn-main 5s cubic-bezier(1,-1,1,1) 1 forwards;
}
@keyframes slideIn-main {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*---------------ここから本文部分-------------------------------*/
.blue_back::before {
    content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-image: url(../img/background.png), linear-gradient(180deg, rgba(29, 81, 152, 1) 10%, rgba(50, 113, 173, 1) 90%);
}
@media screen and (max-width:480px){
	.blue_back::before{
/*		background-image: url(../img/background_sp.png);*/
	}
}
.shiro_back{/*白背景 ８箇所*/
	background-color: #fff;
	box-sizing: border-box;
}

#sec1,
#sec2,
#sec3,
#sec4,
#sec5,
#sec6,
#sec7,
#sec8,
#sec9,
#sec10,
#sec11{
	padding:30px;
	margin:0 auto 30px;
	border-radius: 60px;
	max-width:1064px;
}
@media screen and (max-width:480px){
#sec1,
#sec2,
#sec3,
#sec4,
#sec5,
#sec6,
#sec7,
#sec8,
#sec9,
#sec10,
#sec11{
	padding:20px;
	border-radius: 30px;
}
}
.section_2{
	background-color: #d3edfb;
}
.section_3{
	background-color: #fffbc7;
}
.section_6{
	background-color: #bbc4e4;
}
.section_7{
	background-color: #fadce9;
}
.section_8{
	background-color: #fbdac8;
}
.section_9{
	background-color: #d5ead8;
}
.section_10{
	background-color: #fbe6ef;
}
.section_11{
	background-color: #ffffff;
}

h2{
	text-align: center;
	margin:0 0 20px;
}
h2 img{
	margin:0 auto;
}
.section_2 h2 img,
.section_3 h2 img,
.section_7 h2 img,
.section_9 h2 img{
	max-height:140px;
}
.section_6 h2 img{
	max-height:170px;
}
.section_8 h2 img{
	max-height:110px;
}
.section_10 h2 img{
	max-height:120px;
}

h3{
	text-align:center;
	font-size:1.75rem;
	font-weight: bold;
}


/* section 1 news*/
.section_1{
	background-color: #fff;
}
.section_1 h2{
	font-weight: bold;
	font-size: 1.75rem;
}
.section_1 article{
}
.section_1 table{
	width:100%;
	max-width: 900px;
	box-sizing: border-box;
	padding:18px 20px 18px 20px;
}
.section_1 table td a{
	color: #575757;
}

/* section 2~section 4_2 上演にあたり~あらすじ*/

.section_2 article,
.section_3 article{
	max-width: 700px;
	margin: 0 auto;
	font-size: 1.1em;
}

/* section 6  スタッフ*/

.table_staff1,
.table_staff2{
	width: 100%;
	table-layout: fixed;
}
@media screen and (max-width:679px) {
	.table_staff1,
	.table_staff2 {
		width: 100% !important;
	}
}
.table_staff1 td{
	padding: 0.5em 1em;
	font-size: 1.5em;
	line-height: 1em;
}
.table_staff2 td{
	padding: 0.5em 0 0.5em 1em;
	font-size: 1.5em;
	line-height: 1em;
}
.table_staff2 td:first-child{
	padding: 0.5em 1em 0.5em 0;
}
@media screen and (max-width:767px){
	.table_staff1 td,
	.table_staff2 td{
		padding: 0.3em 0 0.3em 0.5em;
		font-size: 1.0rem;
	}
	.table_staff2 td:first-child{
		padding: 0.3em 0.5em 0.3em 0;
	}
}
@media screen and (max-width:480px){
	.table_staff1 td,
	.table_staff2 td{
		font-size:1.0rem;
	}
}
@media screen and (max-width:340px){
	.table_staff1 td,
	.table_staff2 td{
		font-size:0.8rem;
	}
}

/* section 7  キャスト*/

.table_cast1{
	width: 100%;
	table-layout: fixed;
}
.table_cast2{
	width: 25em;
	margin: 0 auto;
	table-layout: fixed;
}
@media screen and (max-width:679px) {
	.table_cast1 {
		width: 100% !important;
	}
}
.table_cast1 th,
.table_cast2 th,
.table_cast1 td,
.table_cast2 td{
	padding: 0.5em 1.5em;
	font-size: 1.5rem;
	line-height: 1em;
}
@media screen and (max-width:767px){
	.table_cast2{
		width: 16em;
	}
	.table_cast1 th,
	.table_cast2 th,
	.table_cast1 td,
	.table_cast2 td{
		padding: 0.3em 1em;
		font-size: 1.0rem;
	}
}
.table_cast1 th{
	font-weight: bold;
	text-align: right;
}
/*.table_cast2 td:first-child{
	text-align: right;
}*/
@media screen and (max-width:480px){
	.table_cast1 th,
	.table_cast2 th,
	.table_cast1 td,
	.table_cast2 td{
		padding: 0.3em 1em;
		font-size:1.0em;
	}
}
@media screen and (max-width:340px){
	.table_cast1 th,
	.table_cast2 th,
	.table_cast1 td,
	.table_cast2 td{
		padding: 0.3em 1em;
		font-size:0.8em;
	}
}
.section_7 h3{
	padding-top: 40px;
}
.section_7 p{
	text-align: center;
}


/* section 8  公演日程*/

.section_8 .schedule_img{
	width: 472px;
	max-width:100%;
}

/* section 9  チケット情報*/

.section_9{
	text-align: center;
}
.section_9 h3{
	font-size: 1.6rem;
	color:#c30d23;
	font-weight: bold;
	margin-top: 0.5rem;
}
.section_9 h4{
	font-size: 1.6rem;
	font-weight: normal;
}
@media screen and (max-width:480px){
	.section_9 h3,
	.section_9 h4{
		font-size: 1.4rem;
	}
}
.section_9 h5{
	font-size: 1.8rem;
	font-weight: bold;
}
.section_9 .date{
	font-size: 2rem;
	font-weight: bold;
	line-height: 2rem;
}
.section_9 .date span{
	font-size: 1.2rem;
}
.section_9 .plice{
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.2em;
}
.section_9 .plice span{
	font-size: 1.2rem;
}

/* section 10  前売り券について*/

.section_10 .notes{
	max-width:60%;
}
@media screen and (max-width:480px){
	.section_10 .notes{
		max-width:100%;
	}
}
.section_10 h3{
	padding-top: 30px;
}
.section_10 h4{
	font-size: 1.5rem;
	font-weight: bold;
}
.section_10 p{
	font-size: 1.5rem;
}
/*.section_10 a{
	font-size: 1.5rem;
}*/
@media screen and (max-width:480px){
	#sec12 table{
		font-size:0.7em;
	}
}
.tel_yoyaku,
.tyokusetu{
	padding-top: 25px;
}
.tel_yoyaku small{
	font-weight: bold;
}
.tyokusetu{
	padding-bottom: 50px;
}
.pia_ticket{
	padding-top: 60px;
	padding-bottom: 10px;
}
.pia_ticket h4{
	padding-top: 50px;
}
.seven_tentou{
	padding-top: 40px;
	padding-bottom: 80px;
}
.buy_attention{
	padding-top: 45px;
}
.buy_attention table{
	width: 60%;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 80px;
}
.chirashi{
	padding-bottom: 50px;
}
.chirashi img{
	padding-bottom: 30px;
}
.chirashi br{
	display: none;
}
.chirashi a{
	color: #000;
}
.please{
	padding-top: 70px;
	padding-bottom: 75px;
}
.please p{
	font-size: 1.125rem;
	padding-top: 30px;
	padding-bottom: 50px;
}
.please a{
	font-size: 1.125rem;
}
.please .btn1 a{
	background-color: #4a4a4a;
	color: #fff;
	font-weight: bold;
	font-size: 1.3125rem;
	padding: 10px 70px 10px 70px;
	border-radius: 5px;
}


.section_14 h3{
	font-size: 1.6em;
	color:#f8c284;
}
@media screen and (max-width:480px){
	.section_14 h3{
		font-size: 1.4em;
	}
}
.section_14 .tsuika_area{
	border:solid white 2px;
	max-width:490px;
	padding:1em 1em;
	margin:0 auto;
}
@media screen and (max-width:480px){
	.section_14 .tsuika_area{
		margin:10px;
		padding:10px;
	}
}


.tuduki_btn img{
	padding-top: 45px;
	padding-bottom: 45px;
	cursor: pointer;
}
.section_4_2{
	padding-bottom: 120px;
	display: none;
}


/* section 11  劇場アクセス*/
.section_11 h2 img{
	max-height:40px;
	border-bottom: #000 3px solid;
}
@media screen and (max-width:480px){
	.section_11 h2 img{
		max-height:30px;
	}
}

.section_11 article{
	padding-bottom: 20px;
}
.access_title{
	text-align: center;
}
.maps img:nth-child(1){
	padding-top: 50px;
	padding-bottom: 50px;
}
.maps img:nth-child(2){
	padding-bottom: 40px;
}


/* section 12  お問い合わせ*/
.section_12{
	padding-top:0;
}
@media screen and (max-width:480px){
	.section_12{
		margin-top:-5px;
	}
}
.contact{
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #dfeaf8;
/*	border-top: #366694 1px solid;*/
}
.contact h2{
/*	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;*/
	font-size: 2.5rem;
	font-weight: bold;
	padding-bottom: 10px;
}
@media screen and (max-width:480px){
	.contact h2{
		font-size: 2rem;
	}
}


/*--------------------------------*/
.b-accordion_navigation{
	background-color:#004893;
	font-size:1.6em;
	padding:5px 0 5px 1.5em;
	background-image:url('../img/icon_slidedown.png');
	background-position:right 20px center;
	background-repeat:no-repeat;
	border-radius:10px;
	margin-bottom:10px;
}
.b-accordion_navigation:hover{
	background-color:#4488d1;
	cursor:pointer;
	text-decoration:none;
}
.b-accordion_navigation a,
.b-accordion_navigation a:hover,
.b-accordion_navigation a:active{
	text-decoration:none;
}
.column{
	color:#060606;
	padding:5px 2em;
	margin-bottom:10px;
}

/* section 6 */
.section_6 .slide_box{
	max-width:750px;
	margin:30px auto 20px;
}
.section_6 .slide_box img{
	width:100%;
	border: 1px solid #DDDDDD;
	margin-bottom: 2px;
}
/* section 7 */
/* section 13 */
section.section_13{
	color: #FFFFFF;
	background-color: #080059;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* navigation */
.header .header-nav ul{
	padding-left:20px;
	font-weight:bold;
	color:#FFFFFF;
}
.header .header-nav ul#nav_ul_main{
	padding-top:20px;
}
.header .header-nav ul#nav_ul_float,
.header .header-nav ul#nav_ul_float2,
.header .header-nav ul#nav_ul_float3{
	padding:10px 20px 10px;
	position:absolute;
background-color:rgba(0,104,183,0.9);
	box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.2);
}
.header .header-nav ul#nav_ul_float2{
	margin-left:8em;
}
.header .header-nav ul#nav_ul_float3{
	margin-left:17em;
}
.header .header-nav ul#nav_ul_float.hide,
.header .header-nav ul#nav_ul_float2.hide,
.header .header-nav ul#nav_ul_float3.hide{
	display:none;
}
.header .header-nav ul li{
	display:inline-block;
	border-right:1px solid #B8BEBA;
}
.header .header-nav ul li:first-child{
	border-left:1px solid #B8BEBA;
	border-right:1px solid #B8BEBA;
}
.header .header-nav ul li a{
	display:inline-block;
	padding-left:6px;
	padding-right:9px;
}
.header .header-nav ul#nav_ul_float li,
.header .header-nav ul#nav_ul_float2 li,
.header .header-nav ul#nav_ul_float3 li{
	display:block;
	width:auto;
	border-left:1px solid #B8BEBA;
	font-weight:normal;
	font-size:1.1vw;
	padding:0 5px;
}
.header .header-nav ul#nav_ul_float li a,
.header .header-nav ul#nav_ul_float2 li a,
.header .header-nav ul#nav_ul_float3 li a{
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;
}
.header .header-nav #covid_msg{
	float:right;
	margin-top:10px;
	color:#060606;
	background:#FFFFFF;
	text-align:center;
	font-size:90%;
	/*border:1px solid #222222;
	border-radius:4px;*/
}
.header .header-nav #covid_msg a{
	display:inline-block;
	padding:5px 5px;
	width:100%;
	font-size:12px;
	color:#19446F;
}
#covid_sp{
	margin-top:5px;
	font-size:80%;
}
.font-small{
	font-size:0.8rem !important;
}

#nav_ul_main_sp{
	padding-right:20px;
	background-color:rgba(0,0,148,0.9);
}
#nav_ul_main_sp li{
	width:100%;
	border:none;
	border-bottom:1px solid #B8BEBA;
}
#nav_ul_main_sp li.nav_sp_sub{
	padding-left:2em;
	font-size:90%;
	font-weight:normal;
}
#nav_ul_main_sp li a{
	display:block;
	width:100%;
	padding:8px 0 8px;
}
#covid_sp a{
	border: 1px solid #222222;
	border-radius: 4px;
	text-align:center;
}
@media screen and (min-width:768px){
	.header .header-nav li{
		display: inline-block ;
		font-size:1.3vw
	}
	.header .header-nav ul#nav_ul_float li,
	.header .header-nav ul#nav_ul_float2 li,
	.header .header-nav ul#nav_ul_float3 li{
		font-size:1.3vw
	}
	.header .header-nav li.hide{
		display: none;
	}
	.header .header-nav #covid_msg{
		font-size:1.3vw
	}
	.header .header-nav ul#nav_ul_float2{
		margin-left:8em;
	}
	.header .header-nav ul#nav_ul_float3{
		margin-left:15em;
	}
	.header .header-nav #covid_msg a{
		/*font-size:0.8vw;*/
	}
}
@media screen and (min-width:900px){
	.header .header-nav li{
		display: inline-block ;
		font-size:1.3vw;
	}
	.header .header-nav ul#nav_ul_float li,
	.header .header-nav ul#nav_ul_float2 li,
	.header .header-nav ul#nav_ul_float3 li{
		font-size:1em;
	}
	.header .header-nav #covid_msg{
		font-size:1em;
	}
	.header .header-nav ul#nav_ul_float2{
		margin-left:13em;
	}
	.header .header-nav ul#nav_ul_float3{
		margin-left:23em;
	}
}
@media screen and (min-width:1200px){
	.header .header-nav li,
	.header .header-nav #covid_msg{
		font-size:100%;
	}
}
@media screen and (max-width:767px){
	.header .header-nav{
		position:absolute;
		display:none;
		top:100%;
		left:0;
		width:100%;
		box-shadow:0 5px 5px 0 rgba(0,0,0,.1);
/*		background-color:#ffffff;*/
		border-top:1px solid #45839b
	}
	.header .header-nav li{
		font-size:0.875rem;
	}
}

/*ここから舩津レスポンシブ*/
@media screen and (max-width: 720px){
	img{
		max-width: 100%;
	}
	main{
		width: auto;
	}
	article,.contact,section{
		width: auto;
		margin: 0 auto;
	}
	.shiro_back{
		width: 100%;
	}
	.section_2,
	.section_3,
	.section_4,
	.section_4_2{
		padding-left: 2%;
		padding-right: 2%;
		text-align: left;
	}
	.section_5 .shiro_back{
		box-sizing: border-box;
		padding-left: 2%;
		padding-right: 2%;
	}
	p{
		text-align: left;
		text-align: justify;
	}
/*	br{
		display: none;
	}*/
	h3{
/*		width: 98%;*/
	}
	.section_5 h4{
		font-size: 1.25rem;
	}
	.section_7 br{
		display: block;
	}
	.section_7 td span{
		font-size: 1.5rem;
	}
	.section_7 h3{
		font-size: 1.2rem;
	}
	.section_8 p:first-of-type{
		font-size: 1.4rem;
/*		padding-bottom: 20px;*/
	}
	.section_8 p:last-of-type {
		text-align: center;
/*		padding-top: 20px;*/
	}
	.section_8 br{
		display: block;
	}
	.contact br{
		display: block;
	}
	.section_9 p{
		text-align: center;
	}
	.chirashi br{
		display: block;
	}
	.section_10 p{
		text-align: center;
	}
	.tel_yoyaku a{
		display: block;
	}
	.tyokusetu br{
		display: block;
	}
	small{
		font-size: 1rem;
		font-weight: bold;
	}
	.modal_content {
		padding: 0;
		width: 100%;
		left: 0;
		transform: translate(0%,-50%);
	}
	.modal_content img{
		padding-bottom: 0px;
	}
	.modal_content p{
		font-size: 1rem;
		padding-left: 4%;
		padding-right: 4%;
	}
	.points_2 table tbody tr td{
		display: block;
		width: 100%;
	}
	.staff_title img,
	.schedule_title img,
	.access_title img{
		width: 80%;
	}
	.please .btn1 a {
		padding: 3% 3% 3% 3%;
	}
	.please p {
		text-align: left;
		text-align: justify;
	}
}

/* FIXED SNS */
.sns-fixed {
  position: fixed;
  right: 0;
  top: 27%;
  z-index: 9999;
  background:rgba(255,255,255,0.8);
  padding:15px;
}
					@media screen and (max-width:498px){
							.sns-fixed {
									display:none;
							}
						}

.sns-fixed ul.sns-nav {
  width: 32px;
  padding-top: 9rem;
  text-align: center;
}
.sns-fixed ul.sns-nav::before {
  content: '';
  display: block;
  margin: 0 auto 8px;
  width: 1px;
  height: 50px;
  background-color: currentColor;
  transform: translateX(-50%);
}
.sns-fixed .ttl {
  display: block;
  font-size: 1.3rem;
  line-height: 60px;
  text-transform: none;
  white-space: nowrap;
  transform: rotate(90deg);
  transform-origin: left top;
  position: absolute;
  top: 26px;
  left: 100%;
  margin: 0 auto;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-style: italic;
  letter-spacing:0.1em;
}
.sns-fixed ul.sns-nav li {
  margin:0 0 0 -13px;
  list-style:none;
}
.sns-fixed ul.sns-nav li a {
  display: block;
  text-align: center;
  padding: 4px 8px;
}
.sns-fixed ul.sns-nav li a i {
  font-size: 1.2em;
  color: #FFF;
  border-radius: 50%;
  padding: 12px 13px;
  background-color:#780d33;
}
.sns-fixed ul.sns-nav li a span {
  display: none;
}
.sns-fixed ul.sns-nav li.instagram a i {
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  padding: 21px 13px;
}
.sns-fixed ul.sns-nav li.facebook a i {
  background-color:#1877f2;
  padding: 21px 16px;
}

.sns-fixed ul.sns-nav li.twitter a i {
  background-color:black;
  padding: 22px 13px;
}