@charset "UTF-8";


@font-face {
  font-family: 'baubodbc';
  font-weight: normal;
  src: url("../fonts/baubodbc.eot");
  src: url("../fonts/baubodbc.woff") format("woff"), url("/fonts/baubodbc.otf") format("opentype"), url("/fonts/baubodbc.svg#svgFontNam") format("svg"), url("../fonts/baubodbc.ttf") format("truetype");
}


body{ min-height: 100vh; position: relative;}

.header{ top: 0; width: 100%; z-index: 999;}


.responsiveBox{ position: relative;}
.responsiveBox .userName{ font-weight: 500;}

header .headerInner{ max-width: 950px;}

/*.btnBox{ font-size: 90%; position: absolute; width: 190px; right: 0; top: 0px;}*/
.btnBox{ font-size: 90%; position: absolute; width: 125px; right: 0; top: 0px;}
.btnBox ul{ display: flex; margin: revert;}
.btnBox .ulBox2 li{ margin: auto 0 0 10px; text-align: center; float: unset; padding: unset;}
.btnBox li img{ width: 73%;}
.btnBox li p{ text-align: center; font-size: 75%; padding: 4px 0 0; font-weight: bold; color: #4b4543;}

/*.btnBox .ulBox2 .pullBtn_hover{ cursor: pointer; margin: 5px 10px 0 3px;}*/
.btnBox .ulBox2 .pullBtn_hover{ cursor: pointer; margin: 3px 10px 0 3px;}
.btnBox .ulBox2 .pullBtn_hover img{ width: 59%; margin-bottom: 5px;}
.btnBox .ulBox2 li img{ margin-bottom: 3px;}

header .gnav_classList{ right: -10px;}

.btnBox .ulBox2 .pullTgt_hover{ display: block;}
.btnBox .ulBox2 .pullTgt_hover li {
    float: none;
    text-align: center;
    line-height: 1.3em;
    padding: 10px 0px;
    border-top: 1px dashed #fff;
}
.btnBox .ulBox2 .pullTgt_hover li:first-child {
    padding-left: 0px;
    border-top: none;
}


.headerTopBox .userBox{ margin: auto 0 0 1em; width: 70%;}


.sectionInner .top-title {
    background-image: url(../images_renew/haikei.jpg);
    background-repeat: repeat-x;
    background-size: contain;
    position: relative;
    height: 65px;
}
.sectionInner .top-title .ttl{
	color: #FFF;
    font-family: 'baubodbc';
    font-size: 2.5rem;
    text-align: center;
    margin: auto;
    line-height: 1.1em;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    position: absolute;
}
.sectionInner .top-title .sub-ttl{
	color: #FFF;
    font-size:86%;
    text-align: center;
    margin: auto;
    padding: 0;
    line-height: 1.1em;
}
.sectionInner .top-title-2 {
    padding: 1em 0 1em;
    background-color: #d3c3b2;
    padding: 1em 17.5%;
}
.sectionInner .top-title-2 .ttl-2{
	color: #FFF;
	text-align: center;
    font-size: 1.5rem;
}

/*
footer{
	position: absolute;
    bottom: 0;
    width: 100%;
}*/

.sectionInner{ margin-left: auto; margin-right: auto; height: 100%; width: 100%; overflow: auto;}

.sectionInnerBox h3 {
    text-align: center;
    color: #947f28;
    padding: 2rem 0 1rem;
    font-size: 2rem;
 /*   font-family: serif;*/
}

.logoBox img{ margin-left: 10px;}


.btn button{
	width: 200px;
    padding: 8px 10px;
    font-weight: bold;
    background-color: #FFF;
    border: solid 1px #e86381;
    font-size: 100%;
    cursor: pointer;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.btn button:hover{
	opacity: 0.5;
}


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



/* 会員メニューcss */
html .btnBox .nav-item { -webkit-tap-highlight-color: rgba(0,0,0,0);}


.btnBox .nav-link,
.btnBox .nav-link:link,
.btnBox .nav-link:visited,
.btnBox .nav-link:active,
.btnBox .submenu-link,
.btnBox .submenu-link:link,
.btnBox .submenu-link:visited,
.btnBox .submenu-link:active {
	display: block;
	position: relative;
	font-size: 14px;
	letter-spacing: 1px;
	cursor: pointer;
	text-decoration: none;
	outline: none;
}

.btnBox .dropdown {
    position: relative;
}

.btnBox .submenu {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 100;
    width: 200px;
    margin-left: -100px;
    background: #fff;
    border-radius: 3px;
    line-height: 1.46667;
    margin-top: -5px;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    opacity:0;
    -webkit-transform: translate(0, 0) scale(.85);
    transform: translate(0, 0)scale(.85);
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    pointer-events: none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;

}

.btnBox .submenu::after,
.btnBox .submenu::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    height: 0;
}

.btnBox .submenu::after {
    border-bottom-color: #fff;
}

.btnBox .submenu::before {
    margin-left: -13px;
    border: 13px solid transparent;
    border-bottom-color: rgba(0,0,0,.1);
    -webkit-filter:blur(1px);
    filter:blur(1px);
}

.btnBox .submenu .submenu-items {
    list-style: none;
    padding: 10px 0;
    display: unset;
    margin: unset;
}

.btnBox .submenu .submenu-item {
    display: block;
    margin: auto 0;
    border: unset;
}
.btnBox .submenu .submenu-item:hover {
	cursor: pointer;
	transform: scale(1.05);
}

.btnBox .submenu-link,
.btnBox .submenu-link:link,
.btnBox .submenu-link:visited,
.btnBox .submenu-link:active {
    color: #58452a;
    padding: 10px 20px;
}

.btnBox .submenu-link:hover {
    text-decoration: underline;
}

.btnBox .show-submenu + .submenu {
    opacity: 1;
    -webkit-transform: translate(0, 25px) scale(1);
    transform: translate(0, 25px) scale(1);
    pointer-events: auto;
}



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

	.sectionInner .top-title {}

	.sectionInner{ width: 100%;}
	.sectionInner dd{ width: 80%;}
	.sectionInner dd input{ width: 100%;}

	.btn button{ font-size: 125%; width: 160px;}


	.btnBox{ top: unset; bottom: 0; position: unset;}
	.btnBox .ulBox2 li img{ margin-bottom: 0;}

	header .headerInner .spBoxInner .leftBox{ width: 45%; display: flex;}
	.headerTopBox .logoBox{ width: 30%; margin: auto 0;}


	header .logoBox img{ width: 100%; max-width: 80px;}
	header .spBox .spBoxInner .btnBox{ font-size: 100%; max-height: 100%; width: 53%;}
	header .spBox .spBoxInner .btnBox .ulBox2{ height: inherit; margin: unset; padding: 0 10px 0 calc(100% - 120px);}
/*	header .spBox .spBoxInner .btnBox .ulBox2 li{ margin: auto 0 0 2%; width: 33%;}*/
	header .spBox .spBoxInner .btnBox .ulBox2 li{ margin: 2px 0 0 2%; width: 50%;}
	header .spBox .spBoxInner .btnBox .ulBox2 li.menuBox{     margin-top: 4px;}
	/*header .spBox .spBoxInner .btnBox .ulBox2 li.menuBox{ width: 30%; margin: 4px 0 0;}*/
	header .spBox .spBoxInner .btnBox .ulBox2 li img{ width: 55%;}
	header .spBox .spBoxInner .btnBox .ulBox2 li p{ font-size: 85%; padding: 2px 0 0;}

	header .spBox .spBoxInner .btnBox .pullBtn_hover{ cursor: pointer; margin: 5px 2px 0 0;}
	header .spBox .spBoxInner .btnBox .pullBtn_hover img{ width: 40%; margin-bottom: 3px;}

	.header .headerInner{ padding: 0;}
	header .headerInner .spBox{ display: block; position: unset;}
	header .headerInner .spBoxInner{ padding: 2% 0% 1% 5px; margin-bottom: 0.5em; display: -webkit-box;}
	header #menuBtnBox{ margin: auto; width: 2.5rem; height: 1.9rem;}
	header #menuBtnBox .line,
	header #menuBtnBox .menuBtn:before,
	header #menuBtnBox .menuBtn:after{ background: #947f28; left: 1px;}

	#sideBox.open{ z-index: 999;}
	#sideBox ul{ padding: 8% 0% 15%;}

	header #menuBtnBox .menuBtn.open .line,
	header #menuBtnBox .menuBtn.open:before,
	header #menuBtnBox .menuBtn.open:after{ background: #FFF; z-index: 1000;}

	.btnBox .submenu { top: 85%; width: 160px;}
	.btnBox .submenu::after,
	.btnBox .submenu::before{ left: 63%;}
	header .spBox .spBoxInner .btnBox .submenu .submenu-item{ margin: auto 0; width: 100%;}


}

@media screen and (max-width: 720px) {
	.sectionInner .top-title { background-size: cover; height: 60px;}
}

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

	header .headerInner .spBoxInner .leftBox{ width: calc(100% - 110px);}
	header .spBox .spBoxInner .btnBox{ width: 20%; min-width: 105px;}

	/*header .spBox .spBoxInner .btnBox .ulBox2{ padding-left: calc(100% - 150px);}*/
	header .spBox .spBoxInner .btnBox .ulBox2{ padding-left: calc(100% - 105px);}
	header .logoBox img{ width: 80%;}

	#sideBox ul{ padding: 13% 0% 15%;}

	header #menuBtnBox{ margin: auto; width: 2rem; height: 1.4rem;}

	header #menuBtnBox .line,
	header #menuBtnBox .menuBtn:before,
	header #menuBtnBox .menuBtn:after{ left: 0;}



}

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


	.sectionInner .top-title {}

	#sideBox ul{ padding: 20% 0% 15%;}

	header .logoBox img{ width: 80%;}
	header .headerInner .spBoxInner{ padding: 7px 0% 1% 5px;}

	header .headerTopBox .logoBox{ min-width: 55px;}
	header .headerTopBox .userBox{ margin: auto 0 10px 0.5em; padding: 0.3em 0 0.3em 0.5em; font-size: 80%;}

	/*header .headerInner .spBoxInner .leftBox{ width: 50%;}*/
	/*header .spBox .spBoxInner .btnBox{ width: 50%;}*/

	header .width370{ display : unset;}
}


/*2025/02/03 ここから*/
#re_memberSec{margin: 0em auto 5em;}
#re_memberSec .re_membersectionInner{background-color: #fff9f9; padding: 18px 0; }
#re_memberSec .re_membersectionInner p.ooyuki_ttl{text-align: center; color: #956135; padding: 0 0 10px;font-size: 22px;font-weight: bold;}
#re_memberSec .re_membersectionInner p{color: #956135; font-weight: bold; padding: 0;text-align: center;font-size: 85%; margin: 0.5em 0;}
#re_memberSec .re_membersectionInner p span{ border-bottom:1px solid #956135;}
#re_memberSec .re_membersectionInner p strong{ color: #b02338;}

#re_memberSec .re_membersectionInner ul{margin: 1em auto;width: 600px;max-width: 90%;}
#re_memberSec .re_membersectionInner ul li {width: 100%;border: 1px solid #AD9E6B;padding: 0.5em 0;margin: 0.5em;display: flex;flex-direction: column;}
#re_memberSec .re_membersectionInner ul p.liTxt{font-size: 80%;margin-top: 0;}
#re_memberSec .re_membersectionInner ul p.liTxt span{font-size: 80%;display: block; border: none;}

@media screen and (max-width: 950px) {
    #re_memberSec .re_membersectionInner p.ooyuki_ttl{font-size: 3.5vw;}
    #re_memberSec .re_membersectionInner h3{margin: 3% 5%; padding: 2% 0; font-size: 100%;}
    #re_memberSec .re_membersectionInner p{font-size: 78%; margin: 0.5em 5%; text-align: left;}
    #re_memberSec .re_membersectionInner ul li{width: 100%;border: 1px solid #AD9E6B;padding: 0.5em 0;margin: 0.5em;display: flex;flex-direction: column;}
    #re_memberSec .re_membersectionInner ul p.liTxt{font-size: 78%;}
    #re_memberSec .re_membersectionInner p.sptac{text-align: center;}
}
/*2025/02/03 ここまで*/