@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:#36a7e0FF}a:hover { color:#238dc2FF}
/* css setting */
/*----------------------- デフォルト -----------------------*/
.rrh-layout-wrapper {
text-align: center;
}
h1 , h2 , h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
margin-top: 0px;
}
.hover_opacity:hover{
opacity: 0.8;
transition:0.6s;
}
.hover_opacity_img img:hover { 
opacity:0.6; 
transition:0.6s;
}
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*----------------------- カウントダウン関係 -----------------------*/
.jsCountDown{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-content: flex-start;
line-height: 2.7rem;
}
.countdown_row{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-content: flex-start;
font-size: 1.4rem;
font-weight:bold;
color: #efdc2e!important;
width: 320px;
padding-top:0.2rem;
background-color: #36a8e0!important;
}
.countdown_amount{
padding:0rem!important;
width: auto!important;
font-size: 1.8rem!important;
}
.countdown_section{
text-align: left!important;
width: auto!important;
margin-right: 0.5rem;
}
.countdown_section br{
display:none!important;
}
@media screen and (max-width: 480px) { 
.countdown_row{
color: #36a8e0!important;
width: 100%;
background-color: #efdc2e!important;
}
}
/*----------------------- カラー -----------------------*/
.main-color{
color: #36a7e0;
}
.main-color-r{
color: #ffffff;
}
.main-color-y{
color: #f0dd2d;
}
.main-background-color{
background-color: #36a7e0;
}
.main-background-color-y{
background-color: #f0dd2d;
}
.about-border-t{
border-top: 1px solid #36a7e0;
}
.about-border-l{
border-left: 1px solid #36a7e0;
}
.h-title-border{
border-top: 1px solid #36a7e0;
border-bottom: 1px solid #36a7e0;
}
.contact-border{
border: 1px solid #36a7e0;
}
.white_rgba {
background-color: rgba(255,255,255,0.7);
}
.white_rgba_about {
background-color: rgba(54,168,224,0.5);
}
.h-title-rgba {
background-color: rgba(54,168,224,0.7);
}
/*----------------------- 文字関係 -----------------------*/
a   {
text-decoration:none;
}
.bold {
font-weight: bold;
}
.space{
letter-spacing: 0.1rem;
}
.space_2{
letter-spacing: 0.2rem;
}
.lines-on-sides {
display: table;
text-align: center;
white-space: nowrap;
}
.lines-on-sides:after, .lines-on-sides:before {
content: '';
display: table-cell;
width: 50%;
background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
-webkit-background-clip: padding;
background-clip: padding;
}
.lines-on-sides:after {
border-left: 2em solid transparent;
}
.lines-on-sides:before {
border-right: 2em solid transparent;
}
.br-sp{
display:none;
}
@media screen and (max-width: 480px) { 
.br-sp{
display:block;
line-height:0rem;
margin:-0.2rem;
}
.tx-c{
text-align: center!important;
}
.sp-s{
font-size: 70%;
}
.sp-sl{
font-size: 1.8rem!important;
}
.lines-on-sides{
background-color: #36a7e0!important;
color: #ffffff!important;
}
/*-----------------------　FATナビ関係　-----------------------*/
.hamburger{
position: absolute;
top: 1rem;
right: 1rem;
float: right;
padding-bottom: 2.4rem;
border: 1px solid #231815;
}
.menu ul li ul.normal-sub li a {
border: 0;
padding: 1rem 0;
border-bottom: 1px solid #ffffff;
}
.menu ul li ul.normal-sub {
padding: 0.25rem 1rem;
}
.menu ul li a {
text-decoration: none;
padding: 1rem 1rem;
display: block;
}
#menu .menu ul  li ul li a {
border-top: 1px dotted #cccccc;
}
.fsNavMenuList li a{
/*padding:0.75rem 0.5rem!important;*/
}
.fsNavMenuList .active_page > a:hover{
color: #ffffff!important;
}
@media screen and (max-width: 480px) { 
.fsNavMenuList li a{
/*padding:0.75rem 1rem!important;*/
}
}

/*----------------------- コンポーザー・ページリスト関係  -----------------------*/ 
#fsInfoBlock .entryTitle {
font-weight: bold;
}
.news .entryData:after{
background: #c8c8c8 !important;
font-size: 0.8rem !important;
color: #ffffff !important;
margin-left: 0.2rem !important;
}
#pt101-2-1 .fs_c_title , #pt102-2-1 .fs_c_title {
background-repeat: no-repeat;
margin: 3rem 2rem 2rem 2rem;
/*padding: 0 0 1rem 0;*/
/*border-bottom: 1px dotted #cccccc;*/
font-size: 1.3rem;
color: #666666 ;
}
#pt101-2-1 .fs_content , #pt102-3-2 .fs_content {
background-repeat: no-repeat;
padding: 0 2rem 4rem 2rem;
font-size: 1rem;
}
.ccm-pagination .numbers{
background-color: #36a7e0!important;
}

}
/*----------------------- ギャラリーブロック -----------------------*/
#imageLightbox-container img {
border: 2px solid rgba( 255, 255, 255, .5 );
}
#imageLightbox-container img:hover {
border-color: #1f64bf;
box-shadow: 0 0 0.25rem rgba( 0, 0, 0, .25 );
}
#imageLightbox-container li {
display: inline-block;
margin: 0.15em;
}
#imageLightbox-container img {
height: 9em;
}
/*----------------------- エントリーボタン -----------------------*/
#bottomfix {
position: fixed;
z-index: 100;
bottom: 0;
right: 0;
} 
#topfix_A {
position: fixed;
z-index: 10;
top: -10;
right: 0;
}