@charset "utf-8";
/**
 * タブレット想定
 */

h1#logo img { height: 60px; width: 200px; }
img.hd-logo-pc {display: none;}
img.hd-logo-sp { display: block; }

.sidebar_logo{
	background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255,255,255,0) 100%);
	height:auto;
}
#popup_area{
  width: 100%;
}
#main-in {
  padding-left: 0;
}
#footer,#footer-in{ padding: 0; }
#global-head {
  width: 100%;
  height: 60px;
  padding: 0 15px;
  /* background: #0A0F29; 
  background-color: rgba(0, 0, 0, 0.75);
  */
  background: #0A0F29;
  padding-left: calc(env(safe-area-inset-left) + 15px);
  padding-right: calc(env(safe-area-inset-right) + 15px);
}
.sidebar_logo{
	padding-top:1rem;
}
section > .wlimit{
  padding-left: calc(env(safe-area-inset-left));
  padding-right: calc(env(safe-area-inset-right));
}
section > .sec_pad{
  padding-left: calc(env(safe-area-inset-left) + 1rem);
  padding-right: calc(env(safe-area-inset-right) + 1rem);
}
#nav-toggle{
  right: calc(env(safe-area-inset-right) + 15px);
}
ul.about_navi{
	flex-wrap:wrap;
}
ul.about_navi > li{
	width:calc((100% - 1rem) / 2);
	flex:unset;
	aspect-ratio:unset;
}
ul.about_navi > li:last-of-type{
	width:100%;
}
#top_jcnews .list_wrap{
	width:100%;
	min-width:0px
}
#main {
	padding-top:60px;
}
#sidebar {
  /*display: none;*/
/*
  padding-top: 70px;
*/
  position: fixed;
  right: -300px;
  top: 0;
  height: 100%;
  width: 300px;
  color: #333;
  background: #fff;
  -webkit-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
  box-shadow:none;
  padding-top:0px;
}
/* サブメニューは開けない 
#global-nav .sub-menu-head:after,
#global-nav .sub-menu-nav {
  display: none;
}
*/
/* サブメニューは開いた状態にする */
#global-nav > ul{
	margin-bottom:0px;
}
#global-nav .sub-menu-head:after{
	display:none;
}
#global-nav .sub-menu-nav{
	position:relative;
	width:auto;
	left:0px;
	padding-top: 0px !important;
	background:none;
	margin-bottom:0px;
}
#global-nav .sub-menu-nav > li > a{
	display:block;
	color:#333;
	width:100%;
	padding-left:calc(32px + 1.5rem);
}
#global-nav .sub-menu > a:hover,
#global-nav .sub-menu.is-active > a:hover,
#global-nav .sub-menu-nav > li > a:hover{
	width:100%;
  color: #fff;
  background: #0A0F29;
}
#global-nav .sub-menu.is-active > a{
	background:none;
	color:#333;
}

/**
 * 投稿リスト
 */
ul.post_list{
	flex-wrap:wrap;
}
ul.post_list.limit4 > li{
	max-width: calc((100% - 1rem) / 2);
	width: calc((100% - 1rem) / 2);
	flex: unset;
}
ul.post_list.jcnews{
	gap:1rem;
}

ul.post_list.jcnews.limit4 > li{
	max-width: calc((100% - 2rem) / 2);
	width: calc((100% - 2rem) / 2);
}
ul.post_list.jcnews > li{
	max-width: calc((100% - 2rem) / 2);
	width: calc((100% - 2rem) / 2);
}

/**
 *
 */
section#top_sns #sbi_images > .sbi_item{
	min-width: calc(100% / 4);
  width: calc(100% / 4);
}
section#top_sns ul.sns_icons > li{
	width:40px;
}

#nav-toggle {
  display: block;
}
/* nav open */
.open {
  overflow: hidden;
}
.open #overlay {
  display: block;
}
.open #sidebar  {
  -webkit-transform: translate3d(-300px,0,0);
  transform: translate3d(-300px,0,0);
  background-color: #EEE;
  box-shadow: 1px -1px 10px #000;
}
.open #sidebar #other_menu{
  display: block;
}
/* #nav-toggle close */
.open #nav-toggle span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
  width: 0;
  left: 50%;
}
.open #nav-toggle span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* z-index */
#overlay {
  z-index: 200;
}
#sidebar {
  z-index: 300;
}
#nav-toggle {
  z-index: 400;
}
    #jcilogo-n { padding-left: 10px; }
  #footer-in{
    background: url(../img/footer_img.jpg) no-repeat;
    background-size: cover;
    background-position: center;

  }
  #page-top{
    transform: translateX(-50%);
  }
/*PC非表示・スマホ表示*/
  .pc-none { display: inherit; }
  .video_wrap{
    max-width: 100%;
  }
  /* .modal_content{
    width: 90%;
  } */


ul.jd_list > li{
	flex-direction: column !important;
}
ul.jd_list > li > dl,
ul.jd_list > li > .thum{
	width:100%;
}
ul.jd_list > li > dl{
	padding:0.5em 1em 1em 1em !important;
}
ul.jd_list > li > .thum > a:nth-of-type(1) > img{
	border-radius:0px 0px 0px 8px !important;
}
ul.jd_list > li > .thum > a:nth-of-type(2) > img{
	border-radius:0px 0px 8px 0px !important;
}
ul.jmm_list > li > .photo{
	display:none;
}
ul.jmm_list > li > .msg_box .mem_info .name{
	display:block;
}

#join_conditions .cond_wrap{
	font-size:1em;
}

#greeting_top .flex_wrap{
	display:block;
}
#greeting_top .flex_wrap > .left{
	display:flex;
	align-items:center;
	margin-bottom:40px;
	width:auto;
	gap:1rem;
}
#greeting_top .flex_wrap > .right{
	width:100%;
}
#policy_top .sec_pad{
	padding-top:0px;
}
	
#policy_top .policy_head img{
	max-width:80%;
}
ul.member_list > li{
	width:calc((100% - 2rem) / 3);
}
#sidebar {
  margin-top:0;
}

section#page_navi{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	margin:0px;
	/* background: #0A0F29; */
  padding-left: calc(env(safe-area-inset-left));
  padding-right: calc(env(safe-area-inset-right));
  z-index: 1;
}
section#page_navi > .sec_pad {
	padding:0px;
}
ul.page_navi{
	gap:0px;
	border-left:solid 1px rgba(255,255,255,0.5);
}
ul.page_navi > li{
	flex:auto;
}
ul.page_navi > li > a{
	border-radius:0px;
	border-right:solid 1px rgba(255,255,255,0.5);
}
#join_qa .question > .text,
#join_qa .answer > .text{
	padding-left: calc(env(safe-area-inset-left) + 1rem);
	padding-right: calc(env(safe-area-inset-right) + 1rem);
	font-size:1rem;
}
#join_qa .question > .text:before,
#join_qa .answer > .text:before{
	font-size:2rem;
}
#join_qa .question > .text .fsd,
#join_qa .answer > .text .fsd{
	font-size:1em;
}