@charset "utf-8";

/*　
===== ** WRAPPER ==========================================
*/
#wrapper{
 overflow: hidden;
}

/*************** 改行非表示 ****************/
.pchidden {
  display: none;
}
.sphidden {
  display: block;
}

/*************** 丸アイコン ****************/
.circle {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 40px;
	font-weight: bold;
	border: 1px solid #ccc;
}

/*
===== ** HEADER ==========================================
*/

@media screen {
 #header{
  border-bottom: solid 1px #666;
  padding-bottom: 10px;
 }
 #header .inner{
  width: 1080px;
  max-width: 98%;
  min-width: 768px;
  margin: 0 auto;
  z-index: 100;
  position: relative;
 }
}
@media print {
 #header{
  display:none;
 }
}
.header_top{
 display: flex;
 justify-content: flex-end;
 align-items: center;
}
.header_ttl{
 font-size: 11px;
 margin-right: 10px;
}
.pnavi{
 display: flex;
 margin-top: -2px;
}
.pnavi_item:first-child{
 margin-right: 5px;
}
.pnavi_item a,.pnavi_item.logout{
 display: block;
 box-sizing: border-box;
 padding: 5px 30px;
 border: solid 1px #111;
 border-top: solid 1px transparent;
 background: transparent;
 font-weight: bold;
 font-size: 14px;
}
.pnavi_item.logout input{
 display: block;
 width: 100%;
 height: 100%;
 border: none;
 background: transparent;
 font-weight: 700;
}
.pnavi_item a:before,.pnavi_item.logout:before{
 background: #111;
 color: #FFF;
 border-top: solid 1px transparent;
}
.pnavi_item a:hover,.pnavi_item.logout:hover input{
 text-decoration: none;
 color: #FFF;
}
.header_main{
 display: flex;
 justify-content: space-between;
 align-items: center;
 flex-wrap: wrap;
}
.header_logo{
 width: 180px;
 margin-bottom: 10px;
}
.header_logo_txt{
 margin-bottom: 5px;
 font-size: 11px;
 display: block;
}
.gnavi{
 display: flex;
 justify-content: space-between;
 /* width: calc(100% - 520px); */
 width: calc(100% - 460px);
 min-width: 420px;
}
.gnavi_item a{
 display: block;
 text-align: center;
 font-size: 1.1em;
}
.gnavi_item a:before{
 background: #111; 
}
.gnavi_item a:hover{
 text-decoration: none;
 color: #FFF;
}
.gnavi_item span{
 display: block;
}
.gnavi_item .ja{
 font-weight: 700;
}
.gnavi_item .en{
 font-size: 1.4em;
}
.head_telBox{
 width: 140px;
 text-align: right;
 background: url(/share/img/common/icon_phone.svg) no-repeat left 0;
 background-size: 20px;
 filter: brightness(0);
}
.head_telBox_item {
 font-weight: 700;
 font-size: 18px;
}

/*fix*/
#header.headFixed{
 background: rgba(255,255,255,0.8);
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 10000;
}
.customize-support #header.headFixed{
 padding-top: 32px;
}
#header.headFixed .header_top{
 display: none;
}
#header.headFixed{
 animation: stickyanime .3s ease-out alternate forwards;
}
@keyframes stickyanime {
 from {
   top: -87px;
 }
 to {
   top: 0px;
 }
}

/*
===== CONTAINER ======================================
*/

#container {
 margin:0;
 position: relative;
}
#container.pdng_top {
 padding-top: 87px; /*header fix*/
}

/*--BREAD--*/
	@media screen {
  #bread{ 
   width: 1080px;
   max-width: 98%;
   position: absolute;
   top: 0;
   left: calc(50vw - 540px);
   padding: 10px 0;
   color: #FFF;
   font-size: 11px;
   line-height: 11px;
   text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black;
  }
  #bread a{ 
   margin-right: 5px;
   text-decoration: underline;
   color: #FFF;
  }
  #bread.black *{ 
   color: #111;
   text-shadow: none !important;
  }
  #bread a:hover{
   text-decoration:none;
  }
 }
	@media screen and (max-width:1079px){
  #bread{ 
   left: 0;
  }
 }
	@media print {
  #bread{
   display:none;
  }
 }

		
/*投稿box*/
#postbox{
 width:1080px;
 max-width: 98%;
 min-width: 768px;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 80px;
}
#postbox input,#postbox textarea,#postbox select{
 margin:0 5px;
}
#postbox a{
 transition: all .3s ease;
}
#postbox .bx-controls-direction a{
 transition: unset;
}
#postbox .bx-controls-direction a:hover{
 opacity: 1;
}
#postbox a:hover,
#postbox a:hover *{
 opacity: 0.6;
}
.posts-single {
 padding-top: 47px;
}
.navigation{
 text-align: center;
 background: #F5F5F5;
 padding: 20px;
}
.navigation a{
 text-decoration: underline;
}
.navigation a:hover{
 text-decoration: none;
 opacity: 1 !important;
}
.wpWysiwyg p{
 margin:10px 0;
}
.wpWysiwyg img,
.wpWysiwyg iframe{
 max-width: 100%;
}

	/*title*/
#pageTitleBox{
 margin: 0 0 40px;
 padding: 40px 0;
 background: url(/share/img/common/bg_page_title01.jpg);
 background-size: cover;
}
#pageTitleBox .inner{
 width: 600px;
 margin-right: auto;
 margin-left: auto;
 background: url(/share/img/common/bg_page_title01_inner.jpg) repeat-x bottom left rgba(255,255,255,0.8);
 box-sizing: border-box;
 padding: 30px 20px;
 position: relative;
}
#pageTitleBox .inner:before,
#pageTitleBox .inner:after{
 content: "";
 position: absolute;
 display: inline-block;
 border: solid 20px transparent;
}
#pageTitleBox .inner:before{
 border-top: solid 20px #FDF200;
 border-left: solid 20px #FDF200;
 top: -5px;
 left: -5px;
}
#pageTitleBox .inner:after{
 border-bottom: solid 20px #FDF200;
 border-right: solid 20px #FDF200;
 bottom: -5px;
 right: -5px;
}
#pageTitleBox .subTitle{
 text-align: center;
 font-size: 24px;
 margin-bottom: 10px;
 line-height: 1;
}
.page_title01{
 font-size: 28px;
 font-weight: 700;
 font-feature-settings: "palt";
 letter-spacing: 0.04em;
 text-align: center;
 line-height: 1;
}
.page_title02{
 font-size: 20px;
 font-weight: 700;
 padding-bottom: 10px;
 border-bottom: 1px solid #111;
 position: relative;
}
.page_title02:before{
 content: "■";
 color: #FDF200;
 margin-right: 5px;
}
.page_title03{
 font-size: 16px;
 font-weight: 700;
 padding-bottom: 10px;
 border-bottom: dotted 1px #111;
}
.page_title04{
 font-size: 16px;
 font-weight: 700;
}

/*pager*/
#wp_page_numbers{
 margin: 40px 0 0;
}
#wp_page_numbers ul {
 display: flex;
 justify-content: center;
 align-items: center;
}
#wp_page_numbers li a {
 padding: 0 8px;
 border-right: solid 1px #CCC;
 display: block;
}
#wp_page_numbers li.active_page a {
 font-weight: 700;
 background: #111111;
 color: #FFF;
}
#wp_page_numbers li.page_info {
 margin-right: 10px;
 padding: 5px;
 line-height: 1;
 border: solid 1px #111;
}
#wp_page_numbers li:last-child a {
 border: none;
}
#wp_page_numbers li:hover a {
 opacity: 1 !important;
 text-decoration: underline;
}

/*new_icon*/
.cate_new{
 display: inline-block;
 background: #fdf200;
 font-size: 12px;
 line-height: 1;
 font-family: 'Oswald',sans-serif;
}

/*fttr_member01*/
.fttr_member01{
 height:250px;
 background: url(../img/common/fttr_member_bg.jpg) no-repeat;
 margin:5px 0;
 position:relative;
}
.fttr_member01 .num01{
	height: 50px;
	font-size: 46px;
	color: #C00;
	width: 100px;
	position: absolute;
	text-align: right;
	top: 5px;
	left:440px;
}
.fttr_member01 .btn01{
	height: 56px;
	position: absolute;
	top: 130px;
	left: 220px;
}
.fttr_member01 .btn01 a{
 height:50px;
 background: url(../img/common/fttr_member_btn.png) no-repeat;
 width:493px;
 text-indent: -9999px;
 display: block;
}
.fttr_member01 .btn01 a:hover{
 background: url(../img/common/fttr_member_btn.png) no-repeat 0 -51px;
}
.fttr_member01 p{
 text-indent: -9999px;
}

/*
===== ** FOOTER ==========================================
*/
.ancPagetop{
 width: 74px;
 height: 74px;
 margin-left: auto;
 margin-bottom:10px;
}
.ancPagetop a{
 display: block;
 width: 100%;
 height: 100%;
}
#footFix{
 z-index: 19999;
}

#footfix_btn{
 position: fixed;
 bottom:0;
 right:100px;
 z-index: 19999;
 display:none;
}
.footfix_List{
 display: flex;
}
.footfix_item{
 width: 170px;
 height: 65px;
}
.footfix_item.emember{
 background: #666;
 margin-right: 10px;
}
.footfix_item.shoprsv{
 background: #FDF200;
}
.footfix_item a {
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 font-weight: 700;
}
.footfix_item.emember a{
 color: #FFF;
}
.footfix_item a span {
 font-size: 18px;
 margin-left: 10px;
}
.footfix_item a:hover img {
 opacity: 1 !important;
}
.footfix_item.emember a:before {
 background: #333;
}
.footfix_item.shoprsv a:before {
 background: #FD8000;
}
@media print {
 #footer{
  display:none;
 }
}
#footer{
 background: #111;
 padding: 70px 0 10px;
}
.footer_navi{
 width: 1080px;
 max-width: 98%;
 margin-right:auto;
 margin-left:auto;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 margin-bottom: 70px;
}
.footer_navi_item{
 margin-bottom: 20px;
}
.footer_navi_item:last-child{
 margin-bottom: 0;
}
.footer_navi_item a{
 color: #FFF;
}
.footer_navi_item a:hover{
 text-decoration: underline;
}
.footer_sns_List{
 display: flex;
 justify-content: center;
 margin: 70px 0 20px;
}
.footer_sns_item:nth-child(2){
 margin: 0 20px;
}
.footer_company{
 margin: 20px 0;
 text-align: center;
 color: #FFF;
}
.footer_company .emp{
 font-weight: 700;
 font-size: 1.2em;
}
.footer_link{
 text-align: center;
 margin: 20px 0;
}
.footer_link a{
 display: inline-block;
 width: 150px;
 height: 50px;
}
.footer_link img{
 width: 150px;
 height: 50px;
}
.footer_copyright{
 text-align:center;
}
.footer_copyright small{
 color: #FFF;
}

/*wp contactForm チェックボックス改行*/	
.wpcf7-list-item {
 display: block;
}
.coming{
 background:url(../img/common/comingsoon.gif) no-repeat;
 width:400px;
 height:250px;
 margin:20px auto;
 text-indent:-9999px;
}
.recaptcha {
	display: flex !important;
	justify-content: center;
	margin: 20px 0
}
.wpcf7-form .submit_box img{
	width: auto;
}
.class-holiday span{
 color: #D60201 !important;
}
#form .page_title02{
	margin-bottom: 20px;
}

.oc_bar01, .oc_bar01_open,
.srchbox01 .selectbox01 .selectbox_ttl,
.srchbox01 .selectbox01 .selectbox_ttl_open,
.srchbox01 .selectbox01 h3 {
 font-size: 1.5em;
 margin-bottom: 10px;
 padding: 10px;
 border-bottom: 3px solid #111;
 /* background: #F9F1F0; */
 font-weight: bold;
}
.oc_bar01_open:after,
.srchbox01 .selectbox01 .selectbox_ttl_open:after {
 cursor: pointer;
 display: block;
 content: "＋";
 float: right;
 color: #fff;
 background: #111;
 text-shadow: none !important;
 padding: 2px 8px;
 margin-top: -2px;
}
.oc_bar01:after,
.srchbox01 .selectbox01 .selectbox_ttl:after {
 cursor: pointer;
 display: block;
 content: "－";
 float: right;
 color: #fff;
 background: #111;
 text-shadow: none !important;
 padding: 2px 8px;
 margin-top: -2px;
}
.oc_bar01#change_req_man_main::after{
 content: "" !important;
 padding: 0 !important;
}

.form_errbox {
 margin: 20px 0 40px;
 border: 1px solid #D60201;
 padding: 10px;
 color: #D60201;
 background: #F9F1F0;
}
.form_errbox h3{
 min-height: 30px;
 padding: 0 0 0 40px;
 line-height: 30px;
 font-size: 14px;
 font-weight: bold;
 background: url(/share/img/basic/form_errbox_icon01.gif) no-repeat left 0;
}
.thanksbox {
 margin: 20px;
 border: 1px solid #CCC;
 padding: 40px 0 0;
}

.flowting_bnr {
display: none;
  position: fixed;
  bottom: 100px;
  right: 0;
  width: 300px;
  background: linear-gradient(to bottom, transparent, transparent 25%, #fff 25%,#fff 100%);
  z-index: 999;
}

.btn_close {
  position: absolute;
  top: 20px;
  left: -25px;
  z-index: 20;
  width: 45px;
}

.btn_close:hover{
cursor:pointer;
}

.flowting_bnr img {
  width: 100%;
}